absoluteUrl = "http://www.endlessfunresorts.com/"

function loadmap() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("mapBox"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(33.77558018991882, -78.78931045532227), 12,G_HYBRID_MAP);

    // Create our meetingstreetinn marker icon
    var houseicon = new GIcon();
	houseicon.image = absoluteUrl + "images/mm_20_blue.png";
	houseicon.shadow = absoluteUrl + "images/mm_20_shadow.png";
	houseicon.iconSize = new GSize(12, 20);
	houseicon.shadowSize = new GSize(22, 20);
	houseicon.iconAnchor = new GPoint(6, 20);
	houseicon.infoWindowAnchor = new GPoint(5, 1);
	
	var rentals = new Array();
	GDownloadUrl(absoluteUrl+"components/mapdata.cfm", function(data, responseCode) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("marker");
	  for (var i = 0; i < markers.length; i++) {
	    rentals[i] = new Object();
	    rentals[i].point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")));
		rentals[i].gdetail = clickedhtml(markers[i].getAttribute("src"), markers[i].getAttribute("name"), markers[i].getAttribute("address"), markers[i].getAttribute("idkey"), markers[i].getAttribute("ddUrl"))
	    rentals[i].marker = new GMarker(rentals[i].point, houseicon);
	    map.addOverlay(rentals[i].marker);
		GEvent.bind(rentals[i].marker, "click", rentals[i], function(){
			this.marker.openInfoWindowHtml(this.gdetail);
		});
	  }
	});
  }
}

function clickedhtml(imgsrc, name, address, id, ddUrl) {
	return "<div class='infoWindow'><a href='" + absoluteUrl + "accommodations/hotelDetails.cfm?accomid=" + id + "&sortOrder=name'><img src='" + absoluteUrl + imgsrc + "' alt='" + name + "' /></a><h3>" + name + "</h3><p>" + address + "</p><p><a href='" + ddUrl + "' target='_blank'>Get Driving Directions</a></p><p><a href='" + absoluteUrl + "accommodations/hotelDetails.cfm?accomid=" + id + "&sortOrder=name'>More on this property...</a></p><br class='clear'/></div>";
}

window.onload = function() {
	try { loadmap(); }
	catch(err) { }
}

window.onunload = function() {
	try { GUnload(); }
	catch(err) { }
}