//2006 R2 Productions LLC
//Google map Point of Interest mash-up proof of concept
//JCR

var compass = new Array();
var gmarkers = [];
var htmls = [];
var p;
var mapo;

function distance(lat1, lon1, lat2, lon2, unit) {
	var radlat1 = Math.PI * lat1/180;
	var radlat2 = Math.PI * lat2/180;
	var radlon1 = Math.PI * lon1/180;
	var radlon2 = Math.PI * lon2/180;
	var theta = lon1-lon2;
	var radtheta = Math.PI * theta/180;
	var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);
	dist = Math.acos(dist);
	dist = dist * 180/Math.PI;
	dist = dist * 60 * 1.1515;
	if (unit=="K") { dist = dist * 1.609344; }
	if (unit=="N") { dist = dist * 0.8684; }
	return dist;
}

function createMarker(baseIcon, point, html, image, rName) {
  //var marker = new GMarker(point);
	var icon = new GIcon(baseIcon);
	icon.image = "/" + image + "marker.png";
	var marker = new GMarker(point, {icon:icon, title:rName} );
	gmarkers[p] = marker;
    htmls[p] = html;
    p++;
  GEvent.addListener(marker, 'click', function() {
	var text = html;
	marker.openInfoWindowHtml(text);
	
  });

  return marker;
}

function myclick(p) {
		mapo.zoomTo(2);
        gmarkers[p].openInfoWindowHtml(htmls[p]);
}

function drawBox(markerPoint){
  if (parseFloat(markerPoint.getAttribute("lo")) < compass[3]){
	 compass[3] = parseFloat(markerPoint.getAttribute("lo"));
  }
  if (parseFloat(markerPoint.getAttribute("lo")) > compass[2]){
 	 compass[2] = parseFloat(markerPoint.getAttribute("lo"));
  }
  if (parseFloat(markerPoint.getAttribute("la")) > compass[0]){
  	 compass[0] = parseFloat(markerPoint.getAttribute("la"));
  }
  if (parseFloat(markerPoint.getAttribute("la")) < compass[1]){
	 compass[1] = parseFloat(markerPoint.getAttribute("la"));
  }
}

function resetCompass(){
  compass[0] = 0;
  compass[1] = 180;
  compass[2] = -180;
  compass[3] = 0;
}

function reLoad(map, latitude, longitude, mode, state, baseIcon, siteID, nType){
 resetCompass();
  var cityName;
  var stateAbb;
  var urlstr="xmlgen.php?mode=" + mode + "&latitude=" + latitude + "&longitude=" + longitude + "&siteid=" + siteID + "&nType=" + nType;
	     map.clearOverlays();
	     p = 0;
	     var zmLv = map.getZoomLevel();
	     var request = GXmlHttp.create();
		 request.open('GET', urlstr, true);
		 request.onreadystatechange = function() {
  		  if (request.readyState == 4) {
  		  
	  	     var xmlDoc = request.responseXML;
	  		 var markers = xmlDoc.documentElement.getElementsByTagName(mode);
	  		 var locality = xmlDoc.documentElement.getElementsByTagName("city");
			 var justdoit = xmlDoc.documentElement.getElementsByTagName("pagename");
	  		 var submenupn;
			 var guideHtml = '<ul id="ttd">';
			 for (var i = 0; i < 1; i++) {
			  cityName = locality[i].getAttribute("na");
			  stateAbb = locality[i].getAttribute("st");
			  submenupn = justdoit[i].getAttribute("pn");
			 }
			 if (mode == 'Restaurants'){
			   var restaurantHtml = guideHtml;
			   var cafeHtml = guideHtml;
			   for (var i = 0; i < markers.length; i++) {
			      drawBox(markers[i]);
				  if (markers[i].getAttribute("type") == "restaurant"){
				     var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					 var html = '<div style="white-space:nowrap;">';
					 var rName = markers[i].getAttribute("na");
  	  		         var rHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + rName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi");
  	  		         if (markers[i].getAttribute("ph") != ''){
  	  		            rHtml += '<br />Phone number: ' + markers[i].getAttribute("ph");
  	  		         }
  	  		         if (markers[i].getAttribute("ur") != ''){
  	  		            rHtml += '<br /><a href="http://' + markers[i].getAttribute("ur") + '">' + rName + ' Website</a>';
  	  		         }
  	  		         rHtml = html + rHtml;
  	  		         restaurantHtml += '<li>' + rHtml + '<br /><a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         var marker = createMarker(baseIcon, point, rHtml, "R", rName);
  	  		         map.addOverlay(marker);
  	  		      }
  	  		      else {
  	  		        var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					var html = '<div style="white-space:nowrap;">';
					var cName = markers[i].getAttribute("na");
  	  		        var cHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + cName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi");
  	  		         if (markers[i].getAttribute("ph") != ''){
  	  		            cHtml += '<br />Phone number: ' + markers[i].getAttribute("ph");
  	  		         }
  	  		         if (markers[i].getAttribute("ur") != ''){
  	  		            cHtml += '<br /><a href="http://' + markers[i].getAttribute("ur") + '">' + cName + ' Website</a>';
  	  		         }
  	  		         cHtml = html + cHtml;
  	  		         cafeHtml += '<li>' + cHtml + '<br /><a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         var marker = createMarker(baseIcon, point, cHtml, "C", cName);
  	  		         map.addOverlay(marker);
  	  		      }
  	  		    document.getElementById("restaurant").innerHTML = restaurantHtml;
	  		    document.getElementById("cafe").innerHTML = cafeHtml;
			 }
		  }
		  //******************************Services****************************************************************************
		  else if (mode == 'Services'){
		      //var guideHtml = '';
			   var salonHtml = guideHtml;
			   var barberHtml = guideHtml;
			   var truckstopHtml = guideHtml;
			   for (var i = 0; i < markers.length; i++) {
			     if (markers[i].getAttribute("type") == "salon") {
			        drawBox(markers[i]);
  	  		        var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					var html = '<div style="white-space:nowrap;">';
					var sName = markers[i].getAttribute("na");
  	  		        var sHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + sName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi")
  	  		         if (markers[i].getAttribute("ph") != ''){
  	  		            sHtml += '<br/>Phone Number: ' + markers[i].getAttribute("ph");
  	  		         }
  	  		         if (markers[i].getAttribute("ur") != ''){
  	  		            sHtml += '<br /><a href="http://' + markers[i].getAttribute("ur") + '">Salon\'s Website</a>';
  	  		         }
  	  		         salonHtml += '<li>' + sHtml + '<br /><a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         sHtml = html + sHtml;
  	  		         var marker = createMarker(baseIcon, point, sHtml, "D", sName);
  	  		         map.addOverlay(marker);
  	  		      }
				  else if (markers[i].getAttribute("type") == "barber"){
				     drawBox(markers[i]);
				     var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					 var html = '<div style="white-space:nowrap;">';
					 var sName = markers[i].getAttribute("na");
  	  		         var sHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + sName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi");
  	  		         if (markers[i].getAttribute("ph") != ''){
  	  		            sHtml += '<br />Phone number: ' + markers[i].getAttribute("ph");
					 }
  	  		         if (markers[i].getAttribute("ur") != ''){
  	  		            sHtml += '<br /><a href="http://' + markers[i].getAttribute("ur") + '">' +sName + ' Official Website</a>';
  	  		         }
  	  		         barberHtml += '<li>' + sHtml + '<br /><a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         sHtml = html + sHtml;
  	  		         var marker = createMarker(baseIcon, point, sHtml, "S", sName);
  	  		         map.addOverlay(marker);
  	  		      }
  	  		      else if (markers[i].getAttribute("type") == "truckstop") {
  	  		        var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					var html = '<div style="white-space:nowrap;">';
					var cName = markers[i].getAttribute("na");
  	  		        var cHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + cName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi")
  	  		         if (markers[i].getAttribute("ur") != ''){
  	  		            cHtml += '<br /><a href="http://' + markers[i].getAttribute("ur") + '">' +cName + ' Website</a><br/>';
  	  		         }
  	  		         truckstopHtml += '<li>' + cHtml + '<br /><a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         cHtml = html + cHtml;
  	  		         var marker = createMarker(baseIcon, point, cHtml, "M", cName);
  	  		         map.addOverlay(marker);
  	  		      }
  	  		    }
  	         var pageContent = '';
			 if (salonHtml != guideHtml){
			   pageContent += contentTable('Salons', 'salon.jpg', 'Hair care products')
			    + salonHtml + '</td></tr></table>';
			 }
			 if (barberHtml != guideHtml){
			   pageContent += contentTable('Barber Shops', 'barber.jpg', 'Barber\'s pole')
			    + barberHtml + '</td></tr></table>';
			 }
			 if (truckstopHtml != guideHtml){
			   pageContent += contentTable('Truck Stops', 'truck.jpg', 'Up close picture of a Freightliner truck')
			    + truckstopHtml + '</td></tr></table>';
			 }
			 
			 document.getElementById("pageContent").innerHTML = pageContent;
  	  	  }
  	  	  //******************************Airports
		  else if (mode == 'Airports'){
			   var airportHtml = guideHtml;
			   for (var i = 0; i < markers.length; i++) {
			      drawBox(markers[i]);
				  if (markers[i].getAttribute("type") == "airport"){
				     var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					 var html = '<div style="white-space:nowrap;">';
					 var aName = markers[i].getAttribute("na");
  	  		         var aHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + aName + '</span>'
  	  		         		   + '<br />FAA / IATA Airport code: ' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st") + '<br />';
  	  		         aHtml = html + aHtml;
  	  		         airportHtml += '<li>' + aHtml + ' <a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         var marker = createMarker(baseIcon, point, aHtml, "A", aName);
  	  		         map.addOverlay(marker);
  	  		     }
  	  		  }
  	  	      document.getElementById("Airports").innerHTML = airportHtml;  	    
  	  	}
  	  	//**********************************Hotels****************************
 		  else if (mode == 'Hotels'){
			   var hotelHtml = guideHtml;
			   for (var i = 0; i < markers.length; i++) {
			      drawBox(markers[i]);
				  if (markers[i].getAttribute("type") == "hotel"){
				     var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					 var html = '<div style="white-space:nowrap;">';
					 var hName = markers[i].getAttribute("na");
  	  		         var hHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + hName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi") + '<br />'
  	  		         		   + '<a href="http://' + markers[i].getAttribute("ur") + '"> more information / reserve this hotel</a>';
  	  		         hotelHtml += '<li>' + hHtml + '<br /><a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         hHtml = html + '<img src="http://' + markers[i].getAttribute("im") + '" /><br />' + hHtml;
  	  		         var marker = createMarker(baseIcon, point, hHtml, "", hName);
  	  		         map.addOverlay(marker);
  	  		     }
  	  		  }
  	  	      document.getElementById("hotels").innerHTML = hotelHtml;  	    
  	  	}
	  		 
		  //****************************************Attractions*******************************************************************
		  else if (mode == 'Attractions'){
			   var amusementHtml = guideHtml;
			   var sportsHtml = guideHtml;
			   var convcenHtml = guideHtml;
			   var universityHtml = guideHtml;
			   var spaHtml = guideHtml;
			   var golfHtml = guideHtml;
			   var historicHtml = guideHtml;
			   for (var i = 0; i < markers.length; i++) {
			      drawBox(markers[i]);
			      if (markers[i].getAttribute("type") == "amusement") {
  	  		        var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					var html = '<div style="white-space:nowrap;">';
					var aName = markers[i].getAttribute("na");
  	  		        var aHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + aName + '</span>';
  	  		         if (markers[i].getAttribute("ad") != ''){
  	  		            aHtml += '<br />' + markers[i].getAttribute("ad") + '<br />';
  	  		         }
  	  		         else {
  	  		           aHtml += '<br />';
  	  		         }
  	  		         aHtml +=  markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi");
  	  		         if (markers[i].getAttribute("ph") != ''){
  	  		            aHtml += '<br />Phone Number: ' + markers[i].getAttribute("ph");
  	  		         }
  	  		         if (markers[i].getAttribute("ur") != null){
  	  		            aHtml += '<br /><a href="' + markers[i].getAttribute("ur") + '">' +aName + ' Website</a><br/>';
  	  		         }
  	  		         aHtml = html + aHtml;
  	  		         amusementHtml += '<li>' + aHtml + '<a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         var marker = createMarker(baseIcon, point, aHtml, "A", aName);
  	  		         map.addOverlay(marker);
  	  		      }
				  else if (markers[i].getAttribute("type") == "sports"){
				     var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					 var html = '<div style="white-space:nowrap;">';
					 var sName = markers[i].getAttribute("na");
  	  		         var sHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + sName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi");
  	  		         if (markers[i].getAttribute("ph") != ''){
  	  		            sHtml += '<br />Phone number: ' + markers[i].getAttribute("ph");
  	  		         }
  	  		         if (markers[i].getAttribute("ur") != ''){
  	  		            sHtml += '<br /><a href="' + markers[i].getAttribute("ur") + '">' +sName + ' Official Website</a>';
  	  		         }
  	  		         sHtml = html + sHtml;
  	  		         sportsHtml += '<li>' + sHtml + '<br/><a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         var marker = createMarker(baseIcon, point, sHtml, "S", sName);
  	  		         map.addOverlay(marker);
  	  		      }
  	  		      else if (markers[i].getAttribute("type") == "convcen") {
  	  		        var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					var html = '<div style="white-space:nowrap;">';
					var cName = markers[i].getAttribute("na");
  	  		        var cHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + cName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi")
  	  		         if (markers[i].getAttribute("ph") != ''){
  	  		            cHtml += '<br />Phone number: ' + markers[i].getAttribute("ph");
  	  		         }
  	  		         if (markers[i].getAttribute("ur") != null){
  	  		            cHtml += '<br /><a href="' + markers[i].getAttribute("ur") + '">' +cName + ' Information</a><br/>';
  	  		         }
  	  		         cHtml = html + cHtml;
  	  		         convcenHtml += '<li>' + cHtml + ' <a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         var marker = createMarker(baseIcon, point, cHtml, "M", cName);
  	  		         map.addOverlay(marker);
  	  		      }
  	  		      else if (markers[i].getAttribute("type") == "university") {
  	  		       
  	  		        var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					var html = '<div style="white-space:nowrap;">';
					var uName = markers[i].getAttribute("na");
  	  		        var uHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + uName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi")
  	  		         if (markers[i].getAttribute("ph") != ''){
  	  		                   uHtml += '<br />Phone Number: ' + markers[i].getAttribute("ph");
  	  		         }
  	  		         if (markers[i].getAttribute("ur") != null){
  	  		            uHtml += '<br /><a href="http://' + markers[i].getAttribute("ur")+ '">' + uName + ' Information</a>';
  	  		         }
  	  		         uHtml = html + uHtml + '</div>';
  	  		         universityHtml += '<li>' + uHtml + ' <a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         var marker = createMarker(baseIcon, point, uHtml, "U", uName);
  	  		         map.addOverlay(marker);
  	  		      }
  	  		      else if (markers[i].getAttribute("type") == "spa") {
  	  		        var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					var html = '<div style="white-space:nowrap;">';
					var sName = markers[i].getAttribute("na");
  	  		        var sHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + sName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi")
  	  		         if (markers[i].getAttribute("ph") != ''){
  	  		            sHtml += '<br/>Phone number: ' + markers[i].getAttribute("ph");
  	  		         }
  	  		         if (markers[i].getAttribute("ur") != ''){
  	  		            sHtml += '<br /><a href="' + markers[i].getAttribute("ur") + '">Spa\'s Website</a>';
  	  		         }
  	  		         sHtml = html + sHtml;
  	  		         spaHtml += '<li>' + sHtml + '<br /><a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         var marker = createMarker(baseIcon, point, sHtml, "D", sName);
  	  		         map.addOverlay(marker);
  	  		      }
  	  		      else if (markers[i].getAttribute("type") == "golf") {
  	  		        var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					var html = '<div style="white-space:nowrap;">';
					var gName = markers[i].getAttribute("na");
  	  		        var gHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + gName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi");
  	  		         if (markers[i].getAttribute("ph") != ''){
  	  		            gHtml += '<br />Phone number: ' + markers[i].getAttribute("ph");
  	  		         }
  	  		         if (markers[i].getAttribute("ur") != ''){
  	  		            gHtml += '<br /><a href="http://' + markers[i].getAttribute("ur") + '">' + gName + '</a>';
  	  		         }
  	  		         gHtml = html + gHtml;
  	  		         golfHtml += '<li>' + gHtml + '<br /><a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         var marker = createMarker(baseIcon, point, gHtml, "G", gName);
  	  		         map.addOverlay(marker);
  	  		      }
  	  		      else if (markers[i].getAttribute("type") == "historic") {
  	  		        
  	  		        var point = new GPoint(parseFloat(markers[i].getAttribute("lo")), parseFloat(markers[i].getAttribute("la")));
					var html = '<div style="white-space:nowrap;">';
					var hName = markers[i].getAttribute("na");
  	  		        var hHtml =  '<span style="font-size: 11pt; font-weight: bold;">' + hName + '</span>'
  	  		         		   + '<br />' + markers[i].getAttribute("ad")
  	  		                   + '<br />' + markers[i].getAttribute("ci")
  	  		                   + ', ' + markers[i].getAttribute("st")
  	  		                   + ' ' + markers[i].getAttribute("zi") + '<br/>';
  	  		         hHtml = html + hHtml;
  	  		         historicHtml += '<li>' + hHtml + ' <a href="javascript:myclick(' + i + ', gmarkers, htmls)">map it</a></li>';
  	  		         var marker = createMarker(baseIcon, point, hHtml, "H", hName);
  	  		         map.addOverlay(marker);
  	  		      }
  	  		      
  	  		    
			 }
			 var pageContent = '';
			 if (amusementHtml != guideHtml){
			   pageContent += contentTable('Amusement Parks', 'carousel.jpg', 'Old fashioned carousel')
			    + amusementHtml + '</td></tr></table>';
			 }
			 if (sportsHtml != guideHtml){
			   pageContent += contentTable('Professional Sports', 'stadium.jpg', 'Stadium seating')
			    + sportsHtml + '</td></tr></table>';
			 }
			 if (convcenHtml != guideHtml){
			   pageContent += contentTable('Convention Centers', 'conventioncenter.jpg', 'Convention Centers')
			    + convcenHtml + '</td></tr></table>';
			 }
			 if (universityHtml != guideHtml){
			   pageContent += contentTable('Colleges and Universities', 'college.jpg', 'Campus Life')
			    + universityHtml + '</td></tr></table>';
			 }
			 if (spaHtml != guideHtml){
			   pageContent += contentTable('Day Spas', 'spa.jpg', 'Hot stone therapy')
			    + spaHtml + '</td></tr></table>';
			 }
			 if (golfHtml != guideHtml){
			   pageContent += contentTable('Golf Courses', 'golf.jpg', 'Teeing off')
			    + golfHtml + '</td></tr></table>';
			 }
			 if (historicHtml != guideHtml){
			   pageContent += contentTable('National Parks &amp; Historic Landmarks', 'historic.jpg', 'Historic Document')
			    + historicHtml + '</td></tr></table>';
			 }
			 
			 document.getElementById("pageContent").innerHTML = pageContent;
		  }
		     var re = / /g;
		     guideHtml += '</ul>';
	  		    navHtml = '<li><a ';
	  		    if (mode == ''){
	  		     navHtml = navHtml + 'id="current"';
	  		    }
	  		    navHtml = navHtml + ' href="' 
	  		        + cityName.replace(re, "_") + '-' + stateAbb + '-' + nType + submenupn + '.html">Overview</a></li><li><a ';
	  		    if (mode == 'Attractions'){
	  		     navHtml = navHtml + 'id="current"';
	  		    }
	  		    navHtml = navHtml + ' href="' 
	  		        + cityName.replace(re, "_") + '-' + stateAbb + '-Attractions-' + nType + submenupn + '.html">Attractions</a></li><li><a ';
	  		    if (mode == 'Restaurants'){
	  		     navHtml = navHtml + 'id="current"' + mode;
	  		    }
	  		    navHtml = navHtml + ' href="'
	  		        + cityName.replace(re, "_") + '-' + stateAbb + '-Restaurants-' + nType + submenupn + '.html">Restaurants</a></li><li><a ';
	  		    if (mode == 'Services'){
	  		     navHtml = navHtml + 'id="current"';
	  		    }
	  		    navHtml = navHtml + ' href="' 
					+ cityName.replace(re, "_") + '-' + stateAbb + '-Services-' + nType + submenupn + '.html">Services</a></li><li><a '
			    if (mode == 'Airports'){
	  		     navHtml = navHtml + 'id="current"';
	  		    }
	  		    navHtml = navHtml + ' href="' 
					+ cityName.replace(re, "_") + '-' + stateAbb + '-Airports-' + nType + submenupn + '.html">Airports</a></li><li><a ';
				if (mode == 'Hotels'){
	  		     navHtml = navHtml + 'id="current"';
	  		    }
	  		    navHtml = navHtml + ' href="' 
					+ cityName.replace(re, "_") + '-' + stateAbb + '-Hotels-' + nType + submenupn + '.html">Hotels</a></li>';
	  		    document.getElementById("locName").innerHTML = cityName + "Travel Guide";
	  		    document.getElementById("navigation").innerHTML = navHtml;	 
  		   }
		 }	
     request.send(null);
     
		 return 1;
}

function contentTable(heading, picture, alttext){
  var returnText = '<table cellpadding="0" cellspacing="4" border="0" width="100%"><tr><td width="100%" colspan="2"><h3 class="ttdguide">' + heading + '</h3></td></tr><tr valign="top"><td width="200"><img src="' + picture + '" alt="' + alttext + '" border="0" width="200" height="150"></td><td width="100%">';
 return returnText;
}

function onLoad(oLongitude, oLatitude, mode, siteID, nType) {
if (GBrowserIsCompatible()) {
  var baseIcon = new GIcon();
  var oldLatitude = oLatitude;
	var oldLongitude = oLongitude;
	var map = new GMap(document.getElementById("mapDisp"));
	mapo = map;
	resetCompass();
	
	baseIcon.shadow = "/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);
	
	
	map.addControl(new GLargeMapControl());
	    map.addControl(new GMapTypeControl());
	    map.addControl(new GScaleControl());
	    map.centerAndZoom(new GPoint(oldLongitude, oldLatitude), 4);
	
	GEvent.addListener(map, 'moveend', function() {
	  var center = map.getCenterLatLng();
      var latLngStr = '(' + center.y + ', ' + center.x + ')';
	  curLatitude = center.y;
	  curLongitude = center.x;
	  if (curLatitude > compass[0] || curLatitude < compass[1] || curLongitude > compass[2] || curLongitude < compass[3]){
		
	     updater = reLoad(map, center.y, center.x, mode, 'MD', baseIcon, siteID, nType);
	  }
		
	});
	if (mode == 'Attractions'){
		map.centerAndZoom(new GPoint(oldLongitude + 0.000001, oldLatitude + 0.000001), 5);
	}
	else if (mode == 'Airports'){
		map.centerAndZoom(new GPoint(oldLongitude + 0.000001, oldLatitude + 0.000001), 9);
	}
	else if (mode == 'Restaurants'){
		map.centerAndZoom(new GPoint(oldLongitude + 0.000001, oldLatitude + 0.000001), 3);
	}
	else if (mode == 'Services'){
		map.centerAndZoom(new GPoint(oldLongitude + 0.000001, oldLatitude + 0.000001), 5);
	}
	else {
		map.centerAndZoom(new GPoint(oldLongitude + 0.000001, oldLatitude + 0.000001), 5);
	}
	}
}
//}
//<![CDATA[