/*
function LoadMap() 
{
	
	var dLat = -75.68928;
	var dLong = 40.01432;
	var map = new GMap(document.getElementById("map"));

	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	var point = new GPoint(dLat, dLong);
	map.centerAndZoom(point,3);
	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml("Simpson Meadows"); });
	map.addOverlay(marker);
	
}
*/


function onLoad() 
{

	//create the map & controls
	var map = new GMap(document.getElementById("map"));
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.centerAndZoom(new GPoint(-75.68928, 40.01432), 3);
	
	// Download the data in data.xml and load it on the map. The format we
	var request = GXmlHttp.create();
	request.open("GET", "map/data.xml", true);
	
	request.onreadystatechange = function() 
	{
		if (request.readyState == 4) 
		{
			var xmlDoc = request.responseXML;
			var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			
			
			for (var i = 0; i < markers.length; i++) 
			{
				
				var Lat = parseFloat(markers[i].getAttribute("lat"));
				var Lng = parseFloat(markers[i].getAttribute("lng"));
				var point = new GPoint(Lng, Lat);
				
				// Show the following HTML in the info window when it is clicked
				var html = '<span class="data">' + markers[i].getAttribute("name")+'<br>'+
							markers[i].getAttribute("add1")+'<br>'+
							markers[i].getAttribute("add2")+'</span>'
							
				//combine lines 1 & 2 of the address so they can be sent to maps.google.com					
				var dest = markers[i].getAttribute("add1") + ',' + markers[i].getAttribute("add2");
				//dirLink is the "get directions to here' link. It uses the 'dest' var and contains a form.
				var dirLink = '<form action="http://maps.google.com/maps" method="get" target="_blank"><label for="saddr"><span class="data">Your Address: </span></label><br><input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br><INPUT ID="SUBMIT" TYPE="SUBMIT" VALUE="Get directions to here."><input type="hidden" name="daddr" value="'+dest+'" /><input type="hidden" name="hl" value="en" /></form>';
				//info is just a combination of all the other information that is put together to be displayed in the popup
				var info = html + dirLink;
				
				//add marker
				var marker = new GMarker(point);
					
				GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(info); });
				map.addOverlay(marker);
			}	
		}	
	}
	
	request.send(null);
	
}