//<![CDATA[
    
    if (GBrowserIsCompatible())
    {
      var map = new GMap(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.centerAndZoom(new GPoint(-89.646439, 39.80051), 1);
      //map.openInfoWindow(map.getCenterLatLng(),
      //             document.createTextNode("Springfield, IL"));
      // Download the data in data.xml and load it on the map.
      var request = GXmlHttp.create();
      request.open("GET", "data-IL-Springfield-Hilton.xml", true);
      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          var xmlDoc = request.responseXML;
          var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var Lat = parseFloat(markers[i].getAttribute("lat"));
            var Lng = parseFloat(markers[i].getAttribute("lng"));
            var point = new GPoint(Lng, Lat);
            var name = new String(markers[i].getAttribute("name"));
            var add1 = new String(markers[i].getAttribute("add1"));
            var add2 = new String(markers[i].getAttribute("add2"));
            var info_html = new String(markers[i].getAttribute("info_html"));
//            var html = new String(markers[i].getAttribute("info_html"));
//            var html = new String();
//            var html = name + '<br />' add1 + '<br />' + add2 + '<br />" + info_html + '<br />';
            var html = '<b>' + markers[i].getAttribute("name") + '</b><br />'+
            			markers[i].getAttribute("add1") + '<br />' +
            			markers[i].getAttribute("add2") + '<br />' +
            			markers[i].getAttribute("info_html");
            var dest = markers[i].getAttribute("add1") + ',' + markers[i].getAttribute("add2");
            //dirLink is the "get directions to here' link. It uses the 'dest' var and contains a form.
            var dirLink = '<form action="http://maps.google.com/maps" method="get"><label for="saddr"><span class="tiny">Your Address: &nbsp;&quot;1 N State St, Chicago, IL 60601&quot;</span></label><br><input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br><INPUT ID="SUBMIT" TYPE="SUBMIT" VALUE="Get directions to here."><input type="hidden" name="daddr" value="'+dest+'" /><input type="hidden" name="hl" value="en" /></form>';
            var info = html + dirLink;
//temporary
html = info;
//            var marker = new GMarker(point);
            var marker = createMarker(point, info);
            map.addOverlay(marker);
/* Moved into function
            GEvent.addListener(marker, "click", function() {
              marker.openInfoWindowHtml(html);
            });
*/
            marker.openInfoWindowHtml(html);    // "Click" it open to start.
          }
        }
      }
      request.send(null);
    } 
    else
    {
      document.writeln("[Google Maps is not compatible with every web browser. Google Maps currently supports recent versions of Firefox/Mozilla, IE 5.5+, Safari 1.2+, and sort of supports Opera. IE 5.0 is not supported.]");
    }

	// This is the code I used so I could have custom markers. If you want to use default markers
	function createMarker(point, html) {
/*
		var icon = new GIcon();
					icon.image = "test.png";
					icon.shadow = "testShadow.png";
					icon.iconSize = new GSize(18, 51);
					icon.shadowSize = new GSize(60, 51);
					icon.iconAnchor = new GPoint(9, 56);    
					icon.infoWindowAnchor = new GPoint(9, 1);
		var marker = new GMarker(point, icon);
*/
		var marker = new GMarker(point);

		//this is the listener that tells when someone clicks on a marker
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(html);
		});

		return marker;
	}

    //]]>