if (GBrowserIsCompatible()) {

	var map = new GMap2(document.getElementById("map"));
	map.setUIToDefault();
	map.setMapType(G_PHYSICAL_MAP);
	 var gmarkers = [];
      var htmls = [];
      var i = 0;	
	var markerGroups = { "1": [], "2": [], "3": [], "4": [], "5": [], "6": [], "7": [], "8": [], "9": [], "10": [], "99": []};	
			
function createMarker(point,name,html,lat,lon,percent_total) {
	  
	  var icon = new GIcon();
	  
	  if (percent_total=="1") {
	  icon.image = "http://www.mlst.net/earth/icons/gradient/0_10.png";
	  }
		
		else if (percent_total=="2") {
		icon.image = "http://www.mlst.net/earth/icons/gradient/11_20.png";
		}
		
		else if (percent_total=="3") {
		icon.image = "http://www.mlst.net/earth/icons/gradient/21_30.png";
		}
		
		
	    else if (percent_total=="4") {
		icon.image = "http://www.mlst.net/earth/icons/gradient/31_40.png";
		}
		
		else if (percent_total=="5") {
		icon.image = "http://www.mlst.net/earth/icons/gradient/41_50.png";
		}
		
		else if (percent_total=="6") {
		icon.image = "http://www.mlst.net/earth/icons/gradient/51_60.png";
		}
		
		else if (percent_total=="7") {
		icon.image = "http://www.mlst.net/earth/icons/gradient/61_70.png";
		}
		
		else if (percent_total=="8") {
		icon.image = "http://www.mlst.net/earth/icons/gradient/71_80.png";
		}
		
		else if (percent_total=="9") {
		icon.image = "http://www.mlst.net/earth/icons/gradient/81_90.png";
		}
		
		else if (percent_total=="10") {
		icon.image = "http://www.mlst.net/earth/icons/gradient/91_100.png";
		}
		
		
	  
	  icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
	  icon.iconSize = new GSize(12, 20);
	  icon.shadowSize = new GSize(22, 20);
	  icon.iconAnchor = new GPoint(6, 20);
	  icon.infoWindowAnchor = new GPoint(5, 1);
	  
	  
        var marker = new GMarker(point, icon);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        // save the info we need to use later for the sidebar
        gmarkers[i] = marker;
        htmls[i] = html;
        // add a line to the sidebar html
		
     //  sidebar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a>, <a href="javascript:setzoomlevel(' + lat + ',' + lon + ')">Click to view country</a><br> ';
        i++;
        return marker;
		
      }

		function setMarkers() {
			
			
			
			GDownloadUrl("../js/xml_final.xml", function(doc) {
        var xmlDoc = GXml.parse(doc);
        var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          
	for (var i = 0; i < markers.length; i++) {
          // obtain the attribues of each marker
          var lat = parseFloat(markers[i].getAttribute("latitude"));
          var lng = parseFloat(markers[i].getAttribute("longitude"));
          var point = new GLatLng(lat,lng);
          var lab = markers[i].getAttribute("lab");
		 var county = markers[i].getAttribute("county");
		  var percent_total = markers[i].getAttribute("percent_total");
		  // create the marker
		  var cdata = lab+"<br> "+county+" isolate(s) <a onMouseOver=\"style.cursor=\'pointer\'; \"onclick = \"getdetails(\'"+lab+"\',\'"+lat+"\',\'"+lng+"\');\"><br>Click to view <em>spa</em> Types </a>"
          var marker = createMarker(point,lab,cdata,lat,lng,percent_total);
		  markerGroups[percent_total].push(marker);
		
      
		  map.addOverlay(marker);
        }	 
		 
		  }
		 

      );
			
	}
		
		// connectZoom();
		
		map.setCenter(new GLatLng(53.279448,14.690277),4);
		// smallkml = new GGeoXml("http://images.mattiasschlenker.de/icgg/" + cpiYear + "_cpi_simple.kml");
		//smallkml = new GGeoXml("http://www.icgg.org/mapping/" + cpiYear + "_cpi_simple.kml");
	//	smallkml = new GGeoXml("http://www.spatialepidemiology.net/bd-maps/js/t1.kml");
		map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.addControl(new GOverviewMapControl());
	//	var smallmgr = new MarkerManager(map);
		

		setMarkers();
		
		 
		
		
		// shrinkMap();
	}

SPAkey = new GScreenOverlay('http://www.spatialepidemiology.net/SRL-Maps/icons/marker/80/traffic/traffic_key_horiz_flatter.png',
									 
    //   new GScreenPoint(.01, .01, 'fraction', 'fraction'),  // screenXY
    //    new GScreenPoint(0, 0),  // overlayXY
    //    new GScreenSize(324, 18)  // size on screen
		
		new GScreenPoint(0.08, 2, 'fraction', 'pixels'),
            new GScreenPoint(0, 0),
            new GScreenSize(393, 33) 
	 

      );
 map.addOverlay(SPAkey);
	 
	 var Overlayfirst = SPAkey;

     Overlayfirst.hide();