// JavaScript Document
google.load("maps", "2.x");

var gmarkers = [];
var g = 0;
   
// Call this function when the page has been loaded
function initialize() {
	$("table").tablesorter({widgets: ['zebra']}); 
	
	if (GBrowserIsCompatible()) {
    	var map = new GMap2(document.getElementById("map"));
        map.setCenter(new google.maps.LatLng(39,-94),3);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        
        GDownloadUrl("../_data/locations.asp?loc=ww", function(data) {
        	var xml = GXml.parse(data);
        	var markers = xml.documentElement.getElementsByTagName("marker")
        	var tbl = document.getElementById("locations").tBodies[0];
			
          	for (var i = 0; i < markers.length; i++) {
            	var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")));
            	var attr = new Array(markers[i].getAttribute('name'),markers[i].getAttribute('address'),markers[i].getAttribute('city'),markers[i].getAttribute('state'),markers[i].getAttribute('zip'),markers[i].getAttribute('phone'),markers[i].getAttribute('fax'),markers[i].getAttribute('div'));
			var address = attr[1]+", "+attr[2]+", "+attr[3]+", "+attr[4];
			if(attr[7]=="WW"){
				var info = "HD Supply Waterworks<br /><b>"+attr[0]+"</b><br /><br />"+attr[1]+"<br />"+attr[2]+", "+attr[3]+" "+attr[4]+"<br /><br />Phone: "+attr[5]+"<br />Fax: "+attr[6]+"<br /><br /><a href='javascript:;' onClick='addDestination(\""+address+"\");'>Get Directions</a>"; 	
			} else {
				var info = "HD Supply Fire Protection<br /><b>"+attr[0]+"</b><br /><br />"+attr[1]+"<br />"+attr[2]+", "+attr[3]+" "+attr[4]+"<br /><br />Phone: "+attr[5]+"<br />Fax: "+attr[6]+"<br /><br /><a href='javascript:;' onClick='addDestination(\""+address+"\");'>Get Directions</a>"; 	
			}
    	   var row = document.createElement("tr");   
		   for (var c = 1; c < 7; c++) {
				var cell = document.createElement("td");	
				if(c==1) {
					var cText = document.createElement("a");
					cText.setAttribute("href","javascript:activate("+g+",\'"+address+"\');");
					//cText.setAttribute("onClick","listClick("+g+");addDestination(\""+address+"\");");
					cText.appendChild(document.createTextNode(attr[c]));
					//var cText = document.innerHTML("<a href='#' onClick='addDestination(\""+address+"\");'>"+attr[c]+"</a>");
				} else {
					var cText = document.createTextNode(attr[c]);
				};
				cell.appendChild(cText)
				row.appendChild(cell)
		   }
			tbl.appendChild(row);
							
			var marker = createMarker(point,info,map);
          	}
			$("table").trigger("update"); 
		  	var sorting = [[2,0],[1,0],[3,0],[0,0]];
            $("table").trigger("sorton",[sorting]); 
    	});
	}
}

function activate(g,address){
	listClick(g);
	addDestination(address);
}
    
function createMarker(pt,info,mp) { 
   var mrkr = new GMarker(pt); 
   	GEvent.addListener(mrkr, "click", function() {
		mp.addOverlay(mrkr);							   
		mrkr.openInfoWindowHtml(info); 
  	}); 
   gmarkers[g] = mrkr;
   g++;
   return mrkr; 
}

function listClick(val) {
	GEvent.trigger(gmarkers[val], "click");	
}
	
google.setOnLoadCallback(initialize);