// JavaScript Document

//<![CDATA[

function load() {
      if (GBrowserIsCompatible()) {
        var i = 1;
        var htmls = [];
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl3D());
        map.addControl(new GMapTypeControl());
        map.addControl(new GScaleControl());
        map.setCenter(new GLatLng(38.995840128965035, -110.14703750610352), 14);

        function createMarker(point,html) {
        var number = String.fromCharCode("1".charCodeAt(0) + i);
        var icon = new GIcon(icon, "images/icon2.png");
        icon.shadow = "images/shadow1.png";
        icon.iconSize = new GSize(32, 32);
        icon.shadowSize = new GSize(55, 32);
        icon.iconAnchor = new GPoint(16, 32);
        icon.infoWindowAnchor = new GPoint(16, 0);
        var marker = new GMarker(point, {icon:icon});

        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
		GEvent.trigger(marker,"click");
        htmls[i] = html;
        i++;
        return marker;
      }

  // Read the data from poi.xml
  GDownloadUrl("xml/greenriverhotels.xml", function (doc) {
	var xmlDoc = GXml.parse(doc);
	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 = markers[i].getAttribute("html");
	  // create the marker
	  var marker = createMarker(point,html);
	  map.addOverlay(marker);
	  }
	});
  
		function createPinMarker(point,html) {
        var icon = new GIcon(icon, "images/icon1.png");
        icon.shadow = "images/shadow1.png";
        icon.iconSize = new GSize(32, 32);
        icon.shadowSize = new GSize(55, 32);
        icon.iconAnchor = new GPoint(16, 32);
        icon.infoWindowAnchor = new GPoint(16, 0);
        var marker = new GMarker(point, {icon:icon});

        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        htmls[i] = html;
        i++;
        return marker;
      }
	
	  var point = new GLatLng(38.995501, -110.162145);
      var marker = createPinMarker(point,'<div style="width:260px; font-family: arial; font-size: 12px;"><strong>Green River</strong><br />Utah</div>')
      map.addOverlay(marker);
  }
}

//]]>