function createMarker(point,data) {
	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {
	marker.openInfoWindowHtml(data); });
	return marker;
}
function load() {
	if (GBrowserIsCompatible()) {							
		theMap = new GMap2(document.getElementById("map"));
		theMap.addControl(new GLargeMapControl());
		theMap.setCenter(new GLatLng(30.423713, -86.537000), 12);
		/*GEvent.addListener(theMap, "moveend", function() {
		  var center = theMap.getCenter();
		  document.getElementById("message").innerHTML = center.toString();
		});
		GDownloadUrl(file, function(data, responseCode) {
			var xml = GXml.parse(data);
			markers = xml.documentElement.getElementsByTagName("marker");
		}*/
	}
}
function loadXML(file){
	myMapData	= new Array();
	newFile		= "http://www.destin-fwb.com/Assets/XML/Google/" + file;
	GDownloadUrl(newFile, function(data, responseCode) {
		xml				= GXml.parse(data);
		markers			= xml.documentElement.getElementsByTagName("marker");
		centerMap		= xml.documentElement.getElementsByTagName("data");
		mapLatitude		= centerMap[0].getAttribute("lat");
		mapLongitude	= centerMap[0].getAttribute("long");
		mapZoom			= centerMap[0].getAttribute("zoom");
		theMap.setCenter(new GLatLng(mapLatitude, mapLongitude), parseInt(mapZoom));
		//alert(markers.length);
		for (var i = 0; i < markers.length; i++) {
			//alert(markers[i].getElementsByTagName("title")[0].firstChild.data);
			var point	= new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("long")));
			myText		= "<div class=\"mapTitle\">" + markers[i].getElementsByTagName("title")[0].firstChild.data + "</div><div class=\"mapData\">";
			myText 		+= "<b>" + markers[i].getElementsByTagName("informationType")[0].firstChild.data + "</b>";
			if(markers[i].getElementsByTagName("address")[0].firstChild.data != ""){
				myText += "<br>" +markers[i].getElementsByTagName("address")[0].firstChild.data;
			}
			myText +=	"<br>" + markers[i].getAttribute("city") + ", " + markers[i].getAttribute("state")  + " " + markers[i].getAttribute("zip")
			if(markers[i].getElementsByTagName("interactive")[0].firstChild.data != ""){
				myText += "<br>" + markers[i].getElementsByTagName("interactive")[0].firstChild.data
			}
			myText +=	"</div>";
			myMapData[parseFloat(markers[i].getAttribute("id"))] = myText
			theMap.addOverlay(new createMarker(point,myText))
		}
	});
}
function showMarker(id){
	for(i=0; i < markers.length; i++){
		if(parseFloat(markers[i].getAttribute("id")) == id){
			var point	= new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("long")));
			theMap.openInfoWindowHtml(point,myMapData[id]);
		}
	}
}
function ViewIt(one,way,color){
	on = 1;
	style	= (way == "vis")? "visibility" : "display";
	chek1	= (way == "vis")? "visible" : "block";
	chekon	= (way == "vis")? "hidden" : "none";
	chekoff	= (way == "vis")? "visible" : "block";
	
	var left = "document.getElementById('"+one+"').style."+style;
	if(eval(left) == chek1){
		eval(left+" = \""+chekon+"\"");
	}else{
		eval(left+" = \""+chekoff+"\"");
	}
}
tmpHide	= new Array();
function HideLast(last,id){
	if(tmpHide[id] && (tmpHide[id] != last && document.getElementById(tmpHide[id]).style.display == "block") ) ViewIt(tmpHide[id],'dis',id);
	tmpHide[id] = last;	
}
	
function setCategoryList(ele){
	document.getElementById(ele).getElementsByTagName("form")[0].elements[0].selectedIndex = 0;
	ViewIt(ele,'dis',0);
	HideLast(ele,0);
	HideLast('',1);
	theMap.clearOverlays();
}
function setHTMLMapData(ele ){
	if(this.value != ''){
		loadXML(ele +'.xml');
		ViewIt(ele,'dis',1);
		HideLast(ele,1)
	}
	theMap.clearOverlays();
}