google.load("maps", "2.x");

function initialize() {
	//Environmental
	var mapEnvironmental = new google.maps.Map2(document.getElementById("Environmental"));
	mapEnvironmental.setCenter(new google.maps.LatLng(40, -97), 4);
	mapEnvironmental.addControl(new GSmallMapControl());
	mapEnvironmental.addMapType(G_PHYSICAL_MAP);
	mapEnvironmental.setMapType(G_PHYSICAL_MAP);
	mapEnvironmental.addControl(new GMapTypeControl());

	var EnvironmentalIcon = new GIcon();
	EnvironmentalIcon.image = "http://www.spl-inc.com/wp-content/themes/ninesixty/images/env.png";
	EnvironmentalIcon.iconSize = new GSize(20, 20);
	EnvironmentalIcon.iconAnchor = new GPoint(6, 20);
	EnvironmentalIcon.infoWindowAnchor = new GPoint(5, 1);
	markerEnvironmentalOptions = { icon:EnvironmentalIcon };
		
	GDownloadUrl("http://www.spl-inc.com/wp-content/themes/ninesixty/locationsdata/envdata.xml", function(data, responseCode) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("marker");
	  for (var i = 0; i < markers.length; i++) {
	    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
	                            parseFloat(markers[i].getAttribute("lng")));
	  
		var name = markers[i].getAttribute("name");
		var address = markers[i].getAttribute("address");
		var csz = markers[i].getAttribute("csz");
		var phone = markers[i].getAttribute("phone");
		var options = {title: "Environmental Division",icon: EnvironmentalIcon};
		var html = "<strong>" + name + "</strong> <br/>" + address + "<br/>" + csz + "<br/>" + phone;
		var marker = createMarker(point, options, html);
        mapEnvironmental.addOverlay(marker);
	  }
	});
	
	//Hydrocarbon
	var mapHydrocarbon = new google.maps.Map2(document.getElementById("Hydrocarbon"));
	mapHydrocarbon.setCenter(new google.maps.LatLng(40, -97), 4);
	mapHydrocarbon.addControl(new GSmallMapControl());
	mapHydrocarbon.addMapType(G_PHYSICAL_MAP);
	mapHydrocarbon.setMapType(G_PHYSICAL_MAP);
	mapHydrocarbon.addControl(new GMapTypeControl());

	var HydrocarbonIcon = new GIcon();
	HydrocarbonIcon.image = "http://www.spl-inc.com/wp-content/themes/ninesixty/images/hyd.png";
	HydrocarbonIcon.iconSize = new GSize(20, 20);
	HydrocarbonIcon.iconAnchor = new GPoint(6, 20);
	HydrocarbonIcon.infoWindowAnchor = new GPoint(5, 1);
	markerHydrocarbonOptions = { icon:HydrocarbonIcon };
	
	GDownloadUrl("http://www.spl-inc.com/wp-content/themes/ninesixty/locationsdata/hyddata.xml", function(data, responseCode) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("marker");
	  for (var i = 0; i < markers.length; i++) {
	    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
	                            parseFloat(markers[i].getAttribute("lng")));
	
		var name = markers[i].getAttribute("name");
		var address = markers[i].getAttribute("address");
		var csz = markers[i].getAttribute("csz");
		var phone = markers[i].getAttribute("phone");
		var options = {title: "Hydrocarbon Division",icon: HydrocarbonIcon};
		var html = "<strong>" + name + "</strong> <br/>" + address + "<br/>" + csz + "<br/>" + phone;
		var marker = createMarker(point, options, html);
        mapHydrocarbon.addOverlay(marker);	
	
	  }
	});
	
	//Fabrication
	var mapFabrication = new google.maps.Map2(document.getElementById("Fabrication"));
	mapFabrication.setCenter(new google.maps.LatLng(40, -97), 4);
	mapFabrication.addControl(new GSmallMapControl());
	mapFabrication.addMapType(G_PHYSICAL_MAP);
	mapFabrication.setMapType(G_PHYSICAL_MAP);
	mapFabrication.addControl(new GMapTypeControl());

	var FabricationIcon = new GIcon();
	FabricationIcon.image = "http://www.spl-inc.com/wp-content/themes/ninesixty/images/fab.png";
	FabricationIcon.iconSize = new GSize(20, 20);
	FabricationIcon.iconAnchor = new GPoint(6, 20);
	FabricationIcon.infoWindowAnchor = new GPoint(5, 1);
	markerFabricationOptions = { icon:FabricationIcon };
	
	GDownloadUrl("http://www.spl-inc.com/wp-content/themes/ninesixty/locationsdata/fabdata.xml", function(data, responseCode) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("marker");
	  for (var i = 0; i < markers.length; i++) {
	    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
	                            parseFloat(markers[i].getAttribute("lng")));

		var name = markers[i].getAttribute("name");
		var address = markers[i].getAttribute("address");
		var csz = markers[i].getAttribute("csz");
		var phone = markers[i].getAttribute("phone");
		var options = {title: "Fabrication Division",icon: FabricationIcon};
		var html = "<strong>" + name + "</strong> <br/>" + address + "<br/>" + csz + "<br/>" + phone;
		var marker = createMarker(point, options, html);
        mapFabrication.addOverlay(marker);
	  }
	});
	
	//Audit
	var mapAudit = new google.maps.Map2(document.getElementById("Audit"));
	mapAudit.setCenter(new google.maps.LatLng(40, -97), 4);
	mapAudit.addControl(new GSmallMapControl());
	mapAudit.addMapType(G_PHYSICAL_MAP);
	mapAudit.setMapType(G_PHYSICAL_MAP);
	mapAudit.addControl(new GMapTypeControl());

	var AuditIcon = new GIcon();
	AuditIcon.image = "http://www.spl-inc.com/wp-content/themes/ninesixty/images/aud.png";
	AuditIcon.iconSize = new GSize(20, 20);
	AuditIcon.iconAnchor = new GPoint(6, 20);
	AuditIcon.infoWindowAnchor = new GPoint(5, 1);
	markerAuditOptions = { icon:AuditIcon };
	
	GDownloadUrl("http://www.spl-inc.com/wp-content/themes/ninesixty/locationsdata/auddata.xml", function(data, responseCode) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("marker");
	  for (var i = 0; i < markers.length; i++) {
	    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
	                            parseFloat(markers[i].getAttribute("lng")));
		var name = markers[i].getAttribute("name");
		var address = markers[i].getAttribute("address");
	    var csz = markers[i].getAttribute("csz");
		var phone = markers[i].getAttribute("phone");
		var options = {title: "Audit Division",icon: AuditIcon};
		var html = "<strong>" + name + "</strong> <br/>" + address + "<br/>" + csz + "<br/>" + phone;
		var marker = createMarker(point, options, html);
        mapAudit.addOverlay(marker);
	  }
	});
	
	// Allocation
	var mapAllocation = new google.maps.Map2(document.getElementById("Allocation"));
	mapAllocation.setCenter(new google.maps.LatLng(40, -97), 4);
	mapAllocation.addControl(new GSmallMapControl());
	mapAllocation.addMapType(G_PHYSICAL_MAP);
	mapAllocation.setMapType(G_PHYSICAL_MAP);
	mapAllocation.addControl(new GMapTypeControl());

	var AllocationIcon = new GIcon();
	AllocationIcon.image = "http://www.spl-inc.com/wp-content/themes/ninesixty/images/all.png";
	AllocationIcon.iconSize = new GSize(20, 20);
	AllocationIcon.iconAnchor = new GPoint(6, 20);
	AllocationIcon.infoWindowAnchor = new GPoint(5, 1);
	markerAllocationOptions = { icon:AllocationIcon };
	
	GDownloadUrl("http://www.spl-inc.com/wp-content/themes/ninesixty/locationsdata/alldata.xml", function(data, responseCode) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("marker");
	  for (var i = 0; i < markers.length; i++) {
	    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
	                            parseFloat(markers[i].getAttribute("lng")));
		var name = markers[i].getAttribute("name");
		var address = markers[i].getAttribute("address");
		var csz = markers[i].getAttribute("csz");
		var phone = markers[i].getAttribute("phone");
		var options = {title: "Allocation Division",icon: AllocationIcon};
		var html = "<strong>" + name + "</strong> <br/>" + address + "<br/>" + csz + "<br/>" + phone;
		var marker = createMarker(point, options, html);
        mapAllocation.addOverlay(marker);
	  }
	});
	
	function createMarker(point, options, html) {
		var marker = new GMarker(point, options);
		GEvent.addListener(marker, 'click', function() {
			marker.openInfoWindowHtml(html);
		});
		return marker;
	}
}
google.setOnLoadCallback(initialize);