//<![CDATA[

    function load() {
      if (GBrowserIsCompatible()) {
	  
	 //set up map
        var map = new GMap2(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.enableDoubleClickZoom();
		map.enableContinuousZoom();
		map.setCenter(new GLatLng(40.7692,-111.8765), 15);

		
	// Create a base icon for all of our markers that specifies the shadow, icon dimensions, etc.
	  var baseIcon = new GIcon();
	  //baseIcon.image = "green_dot.png";
	  //baseIcon.shadow = "shadow_angles.png";
	  baseIcon.iconSize = new GSize(22, 22);
	  baseIcon.shadowSize = new GSize(40, 22);
	  baseIcon.iconAnchor = new GPoint(20, 20);
	  baseIcon.infoWindowAnchor = new GPoint(10, 15);
	  baseIcon.infoShadowAnchor = new GPoint(18, 25);
	  
	
	
	
	
	
	//create marker
	function createMarker(point, index, locIcon, locImage, locTitle, locDesc, locLink, locLat, locLong) {  
	   
	   if(locIcon =="1"){
	   myIcon = "images/red_star.png";
	   myShadow = "images/star_shadow.png";
	   } else if(locIcon =="2"){
	   myIcon = "images/green_star.png";
	   myShadow = "images/star_shadow.png";
	   }
	   	
		var tabHtml = '<div style="font:11px arial;">'+
           '<b>Get directions to this location</b><br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '<input type="text" size="40" maxlength="40" name="saddr" id="saddr" value="" /><br>' +
           '<input value="Get Directions" type="submit"/>' +
           '<input type="hidden" name="daddr" value=" ' + locLat + ' , ' + locLong + '"/></div>';
		
		
	     var icon = new GIcon(baseIcon);
		 icon.image = myIcon;
		 icon.shadow = myShadow;
		 
		 var infoTabs = [
		 new GInfoWindowTab("Details", "<div style='font:12px arial;'><b>" + locTitle + "</b><br><div align='center'><img src='" + locImage + "'></div><br><div style='width:250px;'>" + locDesc + "</div><br> <a target='_blank' href='" + locLink + "'>Visit Web Site</a></div>")
		 //new GInfoWindowTab("Photo", "<div align='center'><img src='" + locImage + "'></div>"),
		// new GInfoWindowTab("tab","tab 2 content")
			 ];
		 var marker = new GMarker(point, {title:locTitle, icon:icon});
		 GEvent.addListener(marker, "click", function() {
		     marker.openInfoWindowTabsHtml(infoTabs);
			   
			   });
			   return marker;
	  }
	
	
	
	//load xml
		GDownloadUrl("data.xml", function(data, responseCode) {
		  var xml = GXml.parse(data);
		  var xMarkers = xml.documentElement.getElementsByTagName("lMarker");
		  var xImage = xml.documentElement.getElementsByTagName("lImage");
		  var xDesc = xml.documentElement.getElementsByTagName("lDesc");
		  var xTitle = xml.documentElement.getElementsByTagName("lTitle"); 
		  var xLink = xml.documentElement.getElementsByTagName("lLink");
		  var xIcon = xml.documentElement.getElementsByTagName("lIcon");
		  
		  
		  
		  for (var i = 0; i < xMarkers.length; i++) {
		    var point = new GLatLng(parseFloat(xMarkers[i].getAttribute("lat")),
		                            parseFloat(xMarkers[i].getAttribute("lng")));
			var theTitle = ((xTitle[i].getAttribute("title")));
			var theImage = ((xImage[i].getAttribute("src")));
			var theDesc = ((xDesc[i].getAttribute("desc")));
			var theLink = ((xLink[i].getAttribute("url")));
			var theIcon = ((xIcon[i].getAttribute("type")));
			var theLat = ((xMarkers[i].getAttribute("lat")));
			var theLong = ((xMarkers[i].getAttribute("lng")));
			
						
		    map.addOverlay(createMarker(point, i, theIcon, theImage, theTitle, theDesc, theLink, theLat, theLong));
			
		  }
		});
	

	
	
	//end
	  }
    }
	

    //]]>