var gmarkers = [];
var htmls = [];

function ShowMap() {

	var listing = "";

	function createMarker(point, label, html) {
	  var marker = new GMarker(point);

	  // Show this marker's index in the info window when it is clicked.
	  GEvent.addListener(marker, 'click', function() {
		marker.openInfoWindowHtml(html);
	  });
	
	  return marker;
	}
	
	var map = new GMap(document.getElementById("map"));
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.centerAndZoom(new GPoint(-93.3941, 45.081508), 8);
	
	var request = GXmlHttp.create();
	request.open('GET', '/wp-content/data/flowermarts.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 point = new GPoint(parseFloat(markers[i].getAttribute("lng")), parseFloat(markers[i].getAttribute("lat")));

			html = '<div style="width: 275px; font-weight: bold;">' + markers[i].getAttribute("label") + '</div>'
			html += '<div style="padding-top: 5px;">' + markers[i].getAttribute("html").replace('---', '<br/>') + '</div>'
			html += '<div style="padding-top: 5px; font-weight: bold; text-transform: uppercase;">' + markers[i].getAttribute("status") + '</div>'
			
			var marker = createMarker(point, i + 1, html);
			map.addOverlay(marker);
	
			gmarkers[i] = marker;
			htmls[i] = html;
			
			address = markers[i].getAttribute("html")
			address = address.replace("---", "<br/>")						
			listing += '<div class="address"><a href="javascript:myclick(' + i + ');"*/><b>' + markers[i].getAttribute("label") + "</b></a>"
			if (markers[i].getAttribute("status") == "open") { listing += ' - <span style="font-weight: bold; text-transform: uppercase; color: #005d31;">' }
			else { listing += ' - <span style="font-weight: bold; text-transform: uppercase; color: #bc2222;">' }
			listing += markers[i].getAttribute("status") + "</span><br/>" + address + "</div>";
		}
	  }
  
	  addresslisting = document.getElementById("locations")
	  addresslisting.innerHTML = listing
	}
	request.send(null);

}


function myclick(i) {
	gmarkers[i].openInfoWindowHtml(htmls[i]);
	location.href = "#fmhome"
}


if (document.getElementById && document.getElementsByTagName && document.createElement) {
	window.onload = ShowMap;
}