
function gMapLoad() {
	// Get XML File, Parse & Draw
	var request = GXmlHttp.create();
	request.open("GET", "/includes/orderXML_call.php?package_id=8", true);
	request.onreadystatechange = function() {
		if (request.readyState == 4) {
			var xmlDoc = request.responseXML;
	
			// Define the Map
			/*var mapDefs = xmlDoc.documentElement.getElementsByTagName("mapDefs");
			var startLat = parseFloat(markers[i].getAttribute("startLat"));
			var startLng = parseFloat(markers[i].getAttribute("startLng"));
			var zoomVal = parseFloat(markers[i].getAttribute("zoomVal"));
	*/



			// Define Start Values
			startLat = 38.75400;
			startLng = -98.70111;
			zoomVal = 3;
			
			// Center The Initial Map
			var map = new GMap2(document.getElementById("map"));
			map.addControl(new GLargeMapControl());
			map.addControl(new GMapTypeControl());
			map.setCenter(new GLatLng(startLat, startLng), zoomVal);
	
			// Create a base icon for all of our markers that specifies the
			// shadow, icon dimensions, etc.
			baseIcon = new GIcon();
			baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
			baseIcon.iconSize = new GSize(20, 34);
			baseIcon.shadowSize = new GSize(37, 34);
			baseIcon.iconAnchor = new GPoint(9, 34);
			baseIcon.infoWindowAnchor = new GPoint(9, 2);
			baseIcon.infoShadowAnchor = new GPoint(18, 25);

			//  Plot The Points
			var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			
			for (var i = 0; i < markers.length; i++) {
			
				// Define Location Data
				var Lat = parseFloat(markers[i].getAttribute("lat"));
				var Lng = parseFloat(markers[i].getAttribute("lng"));
				var point = new GLatLng(Lat, Lng);
				var location = markers[i].getAttribute("location");
				var count = markers[i].getAttribute("count");
													
				// Plot The Marker
				var marker = createMarker(point,makeWindowHTML(location,count),count);
				map.addOverlay(marker);
				
				
			}		
		}
	}
	request.send(null);
}
   
// Custom Marker Code!
function createMarker(point,text,numToUse) {
var icon = new GIcon(baseIcon);
  icon.image = "/img/googlemapicons/iconr" + numToUse + ".png";
  var marker = new GMarker(point, icon);

	
	// add click listener

  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(text);
  });


	/*GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(text);
    });*/

	return marker;
}



function makeWindowHTML(location,count) {

	var html = "<b>" + location + "</b>";
	var html = html+ "<br><i>" + count;
	if (count > 1) {
		html = html  + " people.</i>";
	} else {
		html = html  + " person.</i>";	
	}
	return html;

}
