//<![CDATA[
if (GBrowserIsCompatible()) {
// arrays to hold copies of the markers used by the side_bar
// because the function closure trick doesnt work there
  var gmarkers = [];

// A function to create the marker and set up the event window
function createMarker(point,name,html,icon) 
	{
		switch(icon)
		{
			case 1:
				icon_name = "map-construction.png";
				break;
			case 2:
				icon_name = "map-windmill.png";
				break;
			case 3:
				icon_name = "map-office.png";
				break;
			case 4:
				icon_name = "map-windmill-completed.png";
				break;
			case 5:
				icon_name = "map-construction-completed.png";
				break;
			default:
				icon_name = "map-windmill.png";
		}
		//Create a custom icon
		var micon = new GIcon(G_DEFAULT_ICON);
		micon.image = "/images/map/" + icon_name;
		micon.shadow = "/images/map/map-bg.png";
		micon.iconSize = new GSize(24,36);
		micon.ShadowSize = new GSize(50,32);
		micon.iconAnchor = new GPoint(12,36);
		micon.infoWindowAnchor = new GPoint(30, 12);
	
		// Set up our GMarkerOptions object
		markerOptions = { icon:micon };
		
		var marker = new GMarker(point, markerOptions);
		GEvent.addListener(marker, "mouseover", function() {
			marker.openInfoWindowHtml(html,{maxWidth:250});
		});
		return marker;
	}

  // This function picks up the click and opens the corresponding info window
  function myclick(i) {
	GEvent.trigger(gmarkers[i], "click");
  }

  // create the map
  var map = new GMap2(document.getElementById("map"));
  map.addControl(new GLargeMapControl());
  map.addControl(new GMapTypeControl());
  map.setCenter(new GLatLng(38.8555499911,-94.7990166675), 3);


  // Read the data from example2.xml
  GDownloadUrl("map.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("lat"));
	  var lng = parseFloat(markers[i].getAttribute("lng"));
	  var icon = parseFloat(markers[i].getAttribute("icon"));
	  var point = new GLatLng(lat,lng);
	  var html = markers[i].getAttribute("html");
	  var label = markers[i].getAttribute("label");
	  // create the marker
	  var marker = createMarker(point,label,html,icon);
	  map.addOverlay(marker);
	}
  });
}

else {
  alert("Sorry, the Google Maps API is not compatible with this browser");
}
//]]>