function addTR(id) {
	var clk = "toggleGeoXML('" + id + "', this.checked);" ;
	var htm = "<li name='" + layers[id].name + "'><input onclick='" + clk + "' type='checkbox' id='" + id + "'>" + layers[id].name + "</li>" ;
	$("#sidebar").append( htm );
}

function zoomToGeoXML(geoXml) {
  var center = geoXml.getDefaultCenter();
  var span = geoXml.getDefaultSpan();
  var sw = new GLatLng(center.lat() - span.lat() / 2,
                       center.lng() - span.lng() / 2);
  var ne = new GLatLng(center.lat() + span.lat() / 2,
                       center.lng() + span.lng() / 2);
  var bounds = new GLatLngBounds(sw, ne);
  map.setCenter(center);
  map.setZoom(map.getBoundsZoomLevel(bounds));
}


function toggleGeoXML(id, checked) {
  $(".active").removeClass();
  $("#message").hide();
  if (checked) {
    var geoXml = new GGeoXml("http://www.UntamedNE.com/TrackServer.aspx?id=" +id );            
    GEvent.addListener(geoXml, 'load', function() {
      if (geoXml.loadedCorrectly()) {
        //geoXml.gotoDefaultViewport(map);
        //geolayers[id] = geoXml ;
        //layers[id].geoxml = geoXml;
        map.addOverlay(geoXml);

        document.getElementById("status").innerHTML = "";
       
      }
    });
    geolayers[id]= geoXml;
    //map.addOverlay(geoXml);
    document.getElementById("status").innerHTML = "Loading...";
  
  } else if (geolayers[id]) {
    map.removeOverlay(geolayers[id]);
  }
}


  
  
  
    function syncMarkers()
    {  
        var ctr = 0 ; 
        $(markers).each(function(i,marker){
            ctr+=1;

        	var info = marker.title.split( '|' ) ;
            var htm = "<span class='file'><table cellpadding='0' cellspacing='0'><tr><td valign='center'><img style='width:70%;' src='" + info[2] + "' alt='" + info[0] + "' border='0'></td><td valign='center'>" + info[0] + "</td></tr></table></span>";
			    $("<li />")
				    .html(htm)
				    .click(function(){
					    displayPoint(marker, i);
					    setActive(this);//Show active state
				    })
				    //.appendTo("#tree");
				    
				var theid = info[3].replace( / /gi, "" ) ;

            	var clk = "toggleGeoXML(this.id, this.checked);" ;
	            var htm = "<li class='itemRoute' name='geo" + theid + "'><span class='file'>" + 
	            "<input type='checkbox' onclick='" + clk + "' id='" + theid + "'>" + info[0] + "</span></li>" ;
	            $("#subSidebar").append( htm );//adds to the Route area
			    //GEvent.addListener(marker, "click", function(){
				//    displayPoint(marker, i);
				//    setActive(i);//Show active location
			    //});
        });
	}
	
	

	    function crsMarker(lat, lon, ic, title, subtitle, label, i ) {
            var baseIcon = new GIcon(G_DEFAULT_ICON);
            baseIcon.shadow = null;
            baseIcon.iconSize = new GSize(16, 16);
            baseIcon.iconAnchor = new GPoint(9, 24);
            baseIcon.infoWindowAnchor = new GPoint(9, 2);
            var letteredIcon = new GIcon(baseIcon);
            if( ic == "placard" )
            {
                letteredIcon.image ="images/target.png" ;
            }
            else if(ic=="triangle")
            {
                letteredIcon.image ="images/triangle.png" ;            
            } 
            else if(ic=="oflag")
            {
                letteredIcon.image ="images/oflag.png" ;            
            }
            else            
            {
                letteredIcon.image = "icon.aspx?i=" + ic + "t=" + title + "&s=" + subtitle + "&l=" + label ;
            }
            // Set up our GMarkerOptions object
            markerOptions = { icon:letteredIcon };
            var marker = new GMarker( new GLatLng( lat, lon ), markerOptions);
            marker.title = title ;
          //  GEvent.addListener(marker, "click", function() {
          //    marker.openInfoWindowHtml(  "<b>" + title + "</b><br>" + subtitle );
          //  });
          //  map.addOverlay( marker ) ;
            
            
            
          GEvent.addListener(marker, 'click', function(){ 
            marker.openExtInfoWindow( map,
              "spWindow",
              "<B>" + title + "</b> - <a href='CPDetail.aspx?c=" + i + "&e=" + i + "'>CP Detail</a><BR>" + subtitle,
              {beakOffset: 3}
            ); 
          });
          map.addOverlay(marker);

        }
	
	    function createMarker(lat, lon, teamNum, teamName, col, trackedAt, idR ) {
            var baseIcon = new GIcon(G_DEFAULT_ICON);
            baseIcon.shadow = null;
            baseIcon.iconSize = new GSize(24, 24);//was 32x32
            baseIcon.iconAnchor = new GPoint(9, 34);
            baseIcon.infoWindowAnchor = new GPoint(9, 2);
            var letteredIcon = new GIcon(baseIcon);
            letteredIcon.image = "icon.aspx?t=" + teamNum + "&c=" + col ;
            // Set up our GMarkerOptions object
            markerOptions = { icon:letteredIcon };
            var marker = new GMarker( new GLatLng( lat, lon ), markerOptions);
            marker.title = teamName + "|" + trackedAt + "|" + letteredIcon.image + "|" + idR ;
            //GEvent.addListener(marker, "click", function() {
            //  marker.openInfoWindowHtml(  "<b>" + teamName + "</b><br>tracked at " + trackedAt );
            //});
            markers[markers.length] = marker;
        }
        
        function updateMarker(ord, lat, lon, trackedAt, teamNum, col, teamName, chkID ) {            
            var baseIcon = new GIcon(G_DEFAULT_ICON);
            baseIcon.shadow = null;
            baseIcon.iconSize = new GSize(24, 24);
            baseIcon.iconAnchor = new GPoint(9, 34);
            baseIcon.infoWindowAnchor = new GPoint(9, 2);
            var letteredIcon = new GIcon(baseIcon);
            letteredIcon.image = "icon.aspx?t=" + teamNum + "&c=" + col ;
            // Set up our GMarkerOptions object
            markerOptions = { icon:letteredIcon };
            var marker = new GMarker( new GLatLng( lat, lon ), markerOptions);
            marker.title = teamName + "|" + trackedAt + "|" + letteredIcon.image ;
            GEvent.addListener(marker, "click", function() {
              //marker.openInfoWindowHtml(  "<b>" + teamName + "</b><br>tracked at " + trackedAt );
                var markerOffset = map.fromLatLngToDivPixel(marker.getLatLng());
                var info = marker.title.split( '|' ) ;
			    if( document.all )
			    {
			    $("#message")
				    .html( "<table style='text-align:left;'><tr style='vertical-align:top;background-color:#ffffff;color:#000000'><td><img src='" + 
				        info[2] + "'> <b>" + info[0] + "</b> <a href='#' style='margin-top:-30px;float:right;text-decoration:none;' onclick='$(\"#message\").hide();return false;'><b><font color='black'>X</font></b></a></td></tr><tr><td colspan='2'>&rarr; last tracked at " + info[1] + "</td></tr></table>" )
				    .fadeIn()
				    .css({ top:markerOffset.y, left:markerOffset.x });
                }
                else
                {
			    $("#message")
				    .html( "<table style='text-align:left;'><tr style='vertical-align:top;background-color:#ffffff;color:#000000'><td><img src='" + 
				        info[2] + "'> <b>" + info[0] + "</b> <a href='#' style='float:right;text-decoration:none;' onclick='$(\"#message\").hide();return false;'><b><font color='black'>X</font></b></a></td></tr><tr><td colspan='2'>&rarr; last tracked at " + info[1] + "</td></tr></table>" )
				    .fadeIn()
				    .css({ top:markerOffset.y, left:markerOffset.x });
				}
              });
            var restore = 1 ;
            
            map.removeOverlay(markers[ord]);
            map.addOverlay(marker);                

            var toShow = $("#"+chkID).attr("checked");
            if( toShow )
            {
                //keep it on there
            }
            else            
            {   
                marker.hide() ;
            }
            markers[ord] = marker;            
        }
    
        function displayPoint(marker, index){
		    //$("#message").hide();
		    var info = marker.title.split( '|' ) ;
		    var moveEnd = GEvent.addListener(map, "moveend", function(){
			    var markerOffset = map.fromLatLngToDivPixel(marker.getLatLng());
			    if( document.all )
			    {
			    $("#message")
				    .html( "<table style='text-align:left;font-size:9pt;'><tr style='vertical-align:top;background-color:#ffffff;color:#000000'><td><img src='" + 
				        info[2] + "'> <b>" + info[0] + "</b> <a href='#' style='margin-top:-30px;float:right;text-decoration:none;' onclick='$(\"#message\").hide();return false;'><b><font color='black'>X</font></b></a></td></tr><tr><td colspan='2'>&rarr; last tracked at " + info[1] + "</td></tr></table>" )
				    .fadeIn()
				    .css({ top:markerOffset.y, left:markerOffset.x });
                }
                else
                {
			    $("#message")
				    .html( "<table style='text-align:left;font-size:9pt;'><tr style='vertical-align:top;background-color:#ffffff;color:#000000'><td><img src='" + 
				        info[2] + "'> <b><font size='1'>" + info[0] + "</font></b> <a href='#' style='float:right;text-decoration:none;' onclick='$(\"#message\").hide();return false;'><b><font color='black'>X</font></b></a></td></tr><tr><td colspan='2'>&rarr; last tracked at " + info[1] + "</td></tr></table>" )
				    .fadeIn()
				    .css({ top:markerOffset.y, left:markerOffset.x });
				}
			GEvent.removeListener(moveEnd);
    		});
		    map.panTo(marker.getLatLng());
	    }
		
	function setActive(el){
		$(".active").removeClass();//Remove all .active classes			
		$("#list").find('li.item'+el).addClass('active');//Find list element equal to index number and set active
		//$(el).addClass('active');//Set active if list element clicked directly
	}
	
	var map ;
    var layers = [];
    var geolayers = [] ;
    var markers = [];
	$(document).ready(function(){
    	$('#header1').corner(); 
	    initialize() ;
	});