// JavaScript Document
//<![CDATA[

if (GBrowserIsCompatible())
{
	// this variable will collect the html which will eventualkly be placed in the side_bar
  var side_bar_html = "";
    
  // arrays to hold copies of the markers and html used by the side_bar
  // because the function closure trick doesnt work there
  var gmarkers = [];
  var htmls = [];
  var i = 0;

  // An array of GIcons, to make the selection easier
  var icons = [];

  // set icons to replace Google marker
  var EntIcon = new GIcon();
  EntIcon.image = "http://maps.google.com/mapfiles/kml/pal3/icon31.png";
  EntIcon.shadow = "http://maps.google.com/mapfiles/kml/pal3/icon31s.png";
  EntIcon.iconSize = new GSize(32, 32);
  EntIcon.shadowSize = new GSize(56, 32);
  EntIcon.iconAnchor = new GPoint(16, 32);
  EntIcon.infoWindowAnchor = new GPoint(16, 0);
  EntIcon.infoShadowAnchor = new GPoint(0, 0);
  EntIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";
  icons[1] = EntIcon;

  var RestIcon = new GIcon();
  RestIcon.image = "http://maps.google.com/mapfiles/kml/pal2/icon45.png";
  RestIcon.shadow = "http://maps.google.com/mapfiles/kml/pal2/icon45s.png";
  RestIcon.iconSize = new GSize(32, 32);
  RestIcon.shadowSize = new GSize(56, 32);
  RestIcon.iconAnchor = new GPoint(16, 32);
  RestIcon.infoWindowAnchor = new GPoint(16, 0);
  RestIcon.infoShadowAnchor = new GPoint(0, 0);
  RestIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";
  icons[2] = RestIcon;

  var POIIcon = new GIcon();
  POIIcon.image = "http://maps.google.com/mapfiles/kml/pal5/icon14.png";
  POIIcon.shadow = "http://maps.google.com/mapfiles/kml/pal5/icon14s.png";
  POIIcon.iconSize = new GSize(32, 32);
  POIIcon.shadowSize = new GSize(56, 32);
  POIIcon.iconAnchor = new GPoint(16, 32);
  POIIcon.infoWindowAnchor = new GPoint(16, 0);
  POIIcon.infoShadowAnchor = new GPoint(0, 0);
  POIIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";
  icons[3] = POIIcon;

  var ShopIcon = new GIcon();
  ShopIcon.image = "http://www.e-marketingassociates.com/images/icon-shop.png";
  ShopIcon.shadow = "http://maps.google.com/mapfiles/kml/pal4/icon12s.png";
  ShopIcon.iconSize = new GSize(32, 32);
  ShopIcon.shadowSize = new GSize(56, 32);
  ShopIcon.iconAnchor = new GPoint(16, 32);
  ShopIcon.infoWindowAnchor = new GPoint(16, 0);
  ShopIcon.infoShadowAnchor = new GPoint(0, 0);
  ShopIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";
  icons[4] = ShopIcon;

  var WorshipIcon = new GIcon();
  WorshipIcon.image = "http://www.e-marketingassociates.com/images/icon-hands.png";
  WorshipIcon.shadow = "http://maps.google.com/mapfiles/kml/pal2/icon11s.png";
  WorshipIcon.iconSize = new GSize(32, 32);
  WorshipIcon.shadowSize = new GSize(56, 32);
  WorshipIcon.iconAnchor = new GPoint(16, 32);
  WorshipIcon.infoWindowAnchor = new GPoint(16, 0);
  WorshipIcon.infoShadowAnchor = new GPoint(0, 0);
  WorshipIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";
  icons[5] = WorshipIcon;

  var ServIcon = new GIcon();
  ServIcon.image = "http://maps.google.com/mapfiles/kml/pal2/icon14.png";
  ServIcon.shadow = "http://maps.google.com/mapfiles/kml/pal2/icon14s.png";
  ServIcon.iconSize = new GSize(32, 32);
  ServIcon.shadowSize = new GSize(56, 32);
  ServIcon.iconAnchor = new GPoint(16, 32);
  ServIcon.infoWindowAnchor = new GPoint(16, 0);
  ServIcon.infoShadowAnchor = new GPoint(0, 0);
  ServIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";
  icons[6] = ServIcon;

  var GolfIcon = new GIcon();
  GolfIcon.image = "http://maps.google.com/mapfiles/kml/pal2/icon13.png";
  GolfIcon.shadow = "http://maps.google.com/mapfiles/kml/pal2/icon13s.png";
  GolfIcon.iconSize = new GSize(32, 32);
  GolfIcon.shadowSize = new GSize(56, 32);
  GolfIcon.iconAnchor = new GPoint(16, 32);
  GolfIcon.infoWindowAnchor = new GPoint(16, 0);
  GolfIcon.infoShadowAnchor = new GPoint(0, 0);
  GolfIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";
  icons[7] = GolfIcon;

  var AirportIcon = new GIcon();
  AirportIcon.image = "http://www.e-marketingassociates.com/images/icon_airport.png";
  AirportIcon.shadow = "http://maps.google.com/mapfiles/kml/pal2/icon11s.png";
  AirportIcon.iconSize = new GSize(32, 32);
  AirportIcon.shadowSize = new GSize(56, 32);
  AirportIcon.iconAnchor = new GPoint(16, 32);
  AirportIcon.infoWindowAnchor = new GPoint(16, 0);
  AirportIcon.infoShadowAnchor = new GPoint(0, 0);
  AirportIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";
  icons[8] = AirportIcon;


  var BuildingIcon = new GIcon();
  BuildingIcon.image = "http://maps.google.com/mapfiles/kml/pal3/icon21.png";
  BuildingIcon.shadow = "http://maps.google.com/mapfiles/kml/pal3/icon21s.png";
  BuildingIcon.iconSize = new GSize(32, 32);
  BuildingIcon.shadowSize = new GSize(56, 32);
  BuildingIcon.iconAnchor = new GPoint(16, 32);
  BuildingIcon.infoWindowAnchor = new GPoint(16, 0);
  BuildingIcon.infoShadowAnchor = new GPoint(0, 0);
  BuildingIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";
  icons[0] = BuildingIcon;

	// A function to create the marker and set up the event window
  // the icon information is passed to this function
  function createMarker(point,name,html,icontype) {
  	var marker = new GMarker(point,icons[icontype]);
		var locName; 
		
    GEvent.addListener(marker, "click", function(){
		marker.openInfoWindowHtml(html);
    });

// save the info we need to use later for the side_bar
		gmarkers[i] = marker;
		htmls[i] = html;
// add a line to the side_bar html
		side_bar_html += '<a href="javascript:myclick(' + i + ',\'' + name + '\')" style="color:#ffffff;font-size:13px;font-family:arial;">' + name.replace('\\','') + '</a><br>';

        i++;
        return marker;
      }
	  
      // This function picks up the click and opens the corresponding info window
      function myclick(i,name) {
	  	var locName;
		var z; 
		if(i > 0) z = (i*1)+1; else z = i;
        
				//Print initial info window
				gmarkers[z].openInfoWindowHtml(htmls[z]);
      }

      // create the map //////////////////////////////////////////////////////////////////
		  var map = new GMap2(document.getElementById("map_display"));
		  map.addControl(new GSmallMapControl());
	
		  map.addControl(new GMapTypeControl());
		  map.setCenter(new GLatLng(33.989737,-118.449605), 13);
		  
		  // create the map //////////////////////////////////////////////////////////////////
//	  function showmeMap() {
//	  }
//	  window.onload = showmeMap();
	
		  // Read the data from example.xml
		  var request = GXmlHttp.create();
		  request.open("GET", "/googLoc.asp?t=&ID=34", true);
		  request.onreadystatechange = function() {
			if (request.readyState == 4) {
			  var xmlDoc = request.responseXML;
			  // obtain the array of markers and loop through it
			  var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			  
			  for (var i = 0; i < markers.length; i++) {
				// obtain the attribues of each marker
				var lat = parseFloat(markers[i].getAttribute("lat"));
				var lng = parseFloat(markers[i].getAttribute("lng"));
				var point = new GLatLng(lat,lng);
				var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
				var label = markers[i].getAttribute("label");
				var ltype = markers[i].getAttribute("ltype");
				// create the marker
	
					if (ltype == "Entertainment")
						var marker = createMarker(point,label,html,1);
					else if (ltype == "Restaurant")
						var marker = createMarker(point,label,html,2);
					else if (ltype == "Point of Interests")
						var marker = createMarker(point,label,html,3);
					else if (ltype == "Shopping")
						var marker = createMarker(point,label,html,4);
					else if (ltype == "Worship")
						var marker = createMarker(point,label,html,5);
					else if (ltype == "Services")
						var marker = createMarker(point,label,html,6);
					else if (ltype == "Golf")
						var marker = createMarker(point,label,html,7);
					else if (ltype == "Airports")
						var marker = createMarker(point,label,html,8);	
					else
						var marker = createMarker(point,label,html,0);
				map.addOverlay(marker);
			  }
			  myclick(0,'Ramada Monterey');
			}
		  }
		  request.send(null);
		} else {
		  alert("Sorry, the Google Maps API is not compatible with this browser");
		}

    // This Javascript is based on code provided by the
    // Blackpool Community Church Javascript Team
    // http://www.commchurch.freeserve.co.uk/   
    // http://www.econym.demon.co.uk/googlemaps/

    //]]>