// JavaScript Document// JavaScript Document

function load(area) {

	if (GBrowserIsCompatible()) {
		
		var markers = [];
		var markers2 = [];
		
		var Pano = new GStreetviewPanorama(document.getElementById("PanoMap"));
		var map = new GMap2(document.getElementById("Map"));
		
		var geocoder = new GClientGeocoder();

		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		
		if(area == 'uws')
		{
			map.setCenter(new GLatLng(40.79587, -73.97214), 13);
		}else if(area == 'ues'){
			map.setCenter(new GLatLng(40.78340, -73.95189), 13);
		}else if(area == 'mw'){
			map.setCenter(new GLatLng(40.76091, -73.98545), 14);	
		}else if(area == 'me'){
			map.setCenter(new GLatLng(40.75600,-73.971000), 15);
		}else if(area == 'cg'){
			map.setCenter(new GLatLng(40.74361, -73.98991), 14);			
		}else if(area == 'kt'){
			map.setCenter(new GLatLng(40.74850, -73.98596), 16);
		}else if(area == 'wv'){
			map.setCenter(new GLatLng(40.73321, -74.00339), 15);			
		}else if(area == 'evcv'){
			map.setCenter(new GLatLng(40.72917, -73.98712), 15);
		}else if(area == 'bh'){
			map.setCenter(new GLatLng(40.71785, -74.00115), 14);			
		}else if(area == 'b'){
			map.setCenter(new GLatLng(40.69990, -73.96064), 13);
		}else if(area == 'qli'){
			map.setCenter(new GLatLng(40.74517, -73.68667), 10);			
		}else if(area == 'uny'){
			map.setCenter(new GLatLng(40.99026, -73.81027), 10);
		}else if(area == 'nj'){
			map.setCenter(new GLatLng(40.86887, -74.09866), 10);			
		}else if(area == 'oa'){
			map.setCenter(new GLatLng(38.51378, -76.99218), 5);
		}else if(area == 'box'){
			map.setCenter(new GLatLng(40.77352, -73.97129), 12);			
		}else if(area == 'all'){
			map.setCenter(new GLatLng(40.77352, -73.97129), 12);			
		}
		
		map.enableScrollWheelZoom();
		//STREET VIEW MAP
		svOverlay = new GStreetviewOverlay();
		//map.addOverlay(svOverlay);

		GEvent.addListener(map,"click", function(overlay,latlng) {
		//alert(map.getCenter());
		  Pano.setLocationAndPOV(latlng);
		});

		//Icon Setup
		var tinyIcon = new GIcon();

		tinyIcon.image = "/pages/imgs/Gicon.png";
		tinyIcon.shadow = "/pages/imgs/Gshadow.png";
		tinyIcon.iconSize = new GSize(25, 25);
		tinyIcon.shadowSize = new GSize(50, 25);
		tinyIcon.iconAnchor = new GPoint(15, 25);
		tinyIcon.infoWindowAnchor = new GPoint(5, 1);
		
		//Icon Setup
		var tinyIcon2 = new GIcon();

		tinyIcon2.image = "/pages/imgs/Gicon2.png";
		tinyIcon2.shadow = "/pages/imgs/Gshadow.png";
		tinyIcon2.iconSize = new GSize(25, 25);
		tinyIcon2.shadowSize = new GSize(50, 25);
		tinyIcon2.iconAnchor = new GPoint(15, 25);
		tinyIcon2.infoWindowAnchor = new GPoint(5, 1);
		
		markerOptions = { icon:tinyIcon };
		markerOptions2 = { icon:tinyIcon2 };
		//CALL XML
		
		if(area == 'box')
		{
			
		var request = GXmlHttp.create();
		
		request.open("GET","/js/racks.php?area=box",true);

		request.onreadystatechange = function(){

			if(request.readyState == 4){

				var xmlDoc = GXml.parse(request.responseText);

				markers = xmlDoc.documentElement.getElementsByTagName("rack");
				
				for(var i = 0;i<markers.length;i++)
				{

						var id = markers[i].getAttribute("id");
						var side_street = markers[i].getAttribute("side_street");
						var house_no = markers[i].getAttribute("house_no");
						var on_street = markers[i].getAttribute("on_street");
						var closest_cross_street = markers[i].getAttribute("closest_cross_street");
						var front_of = markers[i].getAttribute("front_of");
						var address = markers[i].getAttribute("address");
						var geocode = markers[i].getAttribute("geocode");
						var address = on_street + ' & ' + closest_cross_street + ' New York, NY';
						
						var ads = geocode.split(",");
						var point = new GLatLng(ads[0],ads[1]);
						
						
						var html = "<table>";
						html += "<tr><td>" + address + "</td></tr>";
						html += "<tr><td>In Front of :" + front_of + "</td></tr>";
						html += "<tr><td>Side of Street: " + side_street + "</td></tr>";
						html += "</table>";
					if(geocode != "")
					{
						CreateMarker(point,html);
					}
					
				}//for()
				
			}//if()
		}//function()
		
		request.send(null);
		
		}else if(area == 'all'){
			
			var request = GXmlHttp.create();
		
		request.open("GET","/js/racks.php?area=all",true);

		request.onreadystatechange = function(){

			if(request.readyState == 4){

				var xmlDoc = GXml.parse(request.responseText);

				markers = xmlDoc.documentElement.getElementsByTagName("rack");
				
				for(var i = 0;i<markers.length;i++)
				{

						var id = markers[i].getAttribute("id");
						var side_street = markers[i].getAttribute("side_street");
						var house_no = markers[i].getAttribute("house_no");
						var on_street = markers[i].getAttribute("on_street");
						var closest_cross_street = markers[i].getAttribute("closest_cross_street");
						var front_of = markers[i].getAttribute("front_of");
						var address = markers[i].getAttribute("address");
						var geocode = markers[i].getAttribute("geocode");
						var address = on_street + ' & ' + closest_cross_street + ' New York, NY';
						
						var ads = geocode.split(",");
						var point = new GLatLng(ads[0],ads[1]);
						
						
						var html = "<table>";
						html += "<tr><td>" + address + "</td></tr>";
						html += "<tr><td>In Front of :" + front_of + "</td></tr>";
						html += "<tr><td>Side of Street: " + side_street + "</td></tr>";
						html += "</table>";
					if(geocode != "")
					{
						CreateMarker(point,html);
					}
					
				}//for()
				
			}//if()
		}//function()
		
		
		
		var request2 = GXmlHttp.create();

		request2.open("GET","/js/distribution.php?area=all",true);
		
		request2.onreadystatechange = function(){

			if(request2.readyState == 4){

				var xmlDoc2 = GXml.parse(request2.responseText);

				markers2 = xmlDoc2.documentElement.getElementsByTagName("dist");

				for(var i = 0;i<markers2.length;i++)
				{

						var id = markers2[i].getAttribute("id");
						var name = markers2[i].getAttribute("name");
						var address = markers2[i].getAttribute("address");
						var address2 = markers2[i].getAttribute("address2");
						var geocode = markers2[i].getAttribute("geocode");
						
						var ads = geocode.split(",");
						var point = new GLatLng(ads[0],ads[1]);
						
						
						var html = "<table>";
						html += "<tr><td>" + name + "</td></tr>";
						html += "<tr><td>" + address + "</td></tr>";
						html += "<tr><td>" + address2 + "</td></tr>";
						html += "</table>";
					if(geocode != "")
					{
						CreateMarker2(point,html);
					}
					
				}//for()
				
			}//if()
		}//function()
		request.send(null);
		request2.send(null);
		
		}else{
		
		var request = GXmlHttp.create();
		
		request.open("GET","/js/racks.php?area=" + area,true);

		request.onreadystatechange = function(){

			if(request.readyState == 4){

				var xmlDoc = GXml.parse(request.responseText);

				markers = xmlDoc.documentElement.getElementsByTagName("rack");
				
				for(var i = 0;i<markers.length;i++)
				{

						var id = markers[i].getAttribute("id");
						var side_street = markers[i].getAttribute("side_street");
						var house_no = markers[i].getAttribute("house_no");
						var on_street = markers[i].getAttribute("on_street");
						var closest_cross_street = markers[i].getAttribute("closest_cross_street");
						var front_of = markers[i].getAttribute("front_of");
						var address = markers[i].getAttribute("address");
						var geocode = markers[i].getAttribute("geocode");
						var address = on_street + ' & ' + closest_cross_street + ' New York, NY';
						
						var ads = geocode.split(",");
						var point = new GLatLng(ads[0],ads[1]);
						
						
						var html = "<table>";
						html += "<tr><td>" + address + "</td></tr>";
						html += "<tr><td>In Front of :" + front_of + "</td></tr>";
						html += "<tr><td>Side of Street: " + side_street + "</td></tr>";
						html += "</table>";
					if(geocode != "")
					{
						CreateMarker(point,html);
					}
					
				}//for()
				
			}//if()
		}//function()
		
		var request2 = GXmlHttp.create();

		request2.open("GET","/js/distribution.php?area=" + area,true);
		
		request2.onreadystatechange = function(){

			if(request2.readyState == 4){

				var xmlDoc2 = GXml.parse(request2.responseText);

				markers2 = xmlDoc2.documentElement.getElementsByTagName("dist");

				for(var i = 0;i<markers2.length;i++)
				{

						var id = markers2[i].getAttribute("id");
						var name = markers2[i].getAttribute("name");
						var address = markers2[i].getAttribute("address");
						var address2 = markers2[i].getAttribute("address2");
						var geocode = markers2[i].getAttribute("geocode");
						
						var ads = geocode.split(",");
						var point = new GLatLng(ads[0],ads[1]);
						
						
						var html = "<table>";
						html += "<tr><td>" + name + "</td></tr>";
						html += "<tr><td>" + address + "</td></tr>";
						html += "<tr><td>" + address2 + "</td></tr>";
						html += "</table>";
					if(geocode != "")
					{
						CreateMarker2(point,html);
					}
					
				}//for()
				
			}//if()
		}//function()
		
		request.send(null);
		request2.send(null);
		
		}
		
		function CreateMarker(point,html)
		{

			var marker = new GMarker(point,markerOptions);
			
			GEvent.addListener(marker,"click",function(){
			marker.openInfoWindowHtml(html);
			Pano.setLocationAndPOV(point);
					});
			
			map.addOverlay(marker);
			
			//map.refresh;
		}
		
		function CreateMarker2(point,html)
		{

			var marker2 = new GMarker(point,markerOptions2);
			
			GEvent.addListener(marker2,"click",function(){
			marker2.openInfoWindowHtml(html);
			Pano.setLocationAndPOV(point);
					});

			map.addOverlay(marker2);
			
			//map.refresh;
		}
		
		function Test()
		{
			alert("test");	
		}
		
	}//if()
		
}//load