var map;
var baseIcon;

function load() {
 	if (GBrowserIsCompatible()) {
		if(lat != 0.0 && lng != 0.0) {
			document.getElementById("locationsAndMap").style.display = "block";
			//document.getElementById("step2").style.display = "block";
			map = new GMap2(document.getElementById("map"));
			map.addControl(new GSmallMapControl());
			//map.addControl(new GMapTypeControl());
			map.setCenter(new GLatLng(lat, lng), 10);
			
			// Create a base icon for all of our markers that specifies the
			// shadow, icon dimensions, etc.
			baseIcon = new GIcon();
			baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
			baseIcon.iconSize = new GSize(20, 34);
			baseIcon.shadowSize = new GSize(37, 34);
			baseIcon.iconAnchor = new GPoint(9, 34);
			baseIcon.infoWindowAnchor = new GPoint(9, 2);
			baseIcon.infoShadowAnchor = new GPoint(18, 25);
			
			//loadMarkers();
		}
	}
}
			
function loadMarkers()
{
	var xml = GXml.parse(markersXML);
	markers = xml.documentElement.getElementsByTagName("marker");
	// Add markers to the map
alert(markers.length);
	for(var b = 0; b < markers.length; b++)
	{
		if(markers[b].getAttribute("lat")!=null)
		{
			map.addOverlay(createMarker(new GLatLng(markers[b].getAttribute("lat"), markers[b].getAttribute("lng")), markers[b].getAttribute("description"), markers[b].getAttribute("id"), b));	
		}
	}
}

var b=0;
function addMarker(lat, lng, id, description) {
	map.addOverlay(createMarker(new GLatLng(lat, lng), description, id, b));	
	b++;
}
			
function createMarker(point, text, id, index) {
	
  var letter = String.fromCharCode("A".charCodeAt(0) + index);
  var icon = new GIcon(baseIcon);
  icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
  var m = new GMarker(point, icon);
	
	GEvent.addListener(m, "click", function() {
		m.openInfoWindowHtml(text, {maxWidth:275});
		//m.openInfoWindowTabsHtml();
	});
	var storeLink = document.getElementById("store" + id);
	if(storeLink) {
		storeLink.onclick = function() {
			m.openInfoWindowHtml(text, {maxWidth:275, maxHeight:300});
			return false;
			//m.openInfoWindowTabsHtml();
		}
	}
	return m;
}