// Code to load the glakes.xml file and create the map.

	//<![CDATA[

    function init() {}

    if (GBrowserIsCompatible()) {
      // Some constants
      var MAP_ZOOM=6;
      var MAP_CENTRE_LAT=43.66509;
      var MAP_CENTRE_LONG=-83.3892;
      var MAP_XML_FILE="glakes.xml";

      // Load a new icon
	var icon = new GIcon();
	icon.image = "/images/marker_sailboat.png";
	icon.shadow = "/images/marker_sailboat_shadow.png";
	icon.iconSize = new GSize(25, 25);
	icon.shadowSize = new GSize(38, 25);
	icon.iconAnchor = new GPoint(12, 25);
	icon.infoWindowAnchor = new GPoint(25, 12);
     
      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point,icon);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(name + "<br />" + html);
        });
        return marker;
      }

      // create the map
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng( MAP_CENTRE_LAT, MAP_CENTRE_LONG ), MAP_ZOOM );
      
      // Setup the Marker Manager 
      var mgr = new GMarkerManager(map);

      // Read the data from xml file
      var request = GXmlHttp.create();
      request.open("GET", MAP_XML_FILE , true);
      request.onreadystatechange = function() {
        if (request.readyState == 4) {
	  // array of GLatLng points for the polyline
	  // var points = [];

          // obtain the array of markers and loop through it
          var xmlDoc = GXml.parse(request.responseText);
          var markers = xmlDoc.documentElement.getElementsByTagName("marker");
	  
          for (var i = 0; i < markers.length; i++) {
            // obtain the attributes of each marker
            var lat = parseFloat(markers[i].getAttribute("lat"));
            var lng = parseFloat(markers[i].getAttribute("lng"));
            var zoom = parseFloat(markers[i].getAttribute("zoom"));
            var point = new GLatLng(lat,lng);
            var html = markers[i].getAttribute("text");
            var label = markers[i].getAttribute("date");

            // create the marker
            var marker = createMarker(point,label,html);
	    mgr.addMarker(marker,zoom)
	    
	    // add the point to the array for the polyline
	    // points[i] = point;
          }

	  var polyline = new GPolyline.fromEncoded({
  				color: "#0000ff",
  				weight: 3,
  				opacity: 0.5,
  				points: "crreG`xowOmo[wtGeg[kvJeqLkyHgofAmvHogbAe`IheFkrbBo|Hu}o@kaAyajAmg@~vCqenDmotCax]gkLwvPckFglPqnFykSuiAanIchCyoBc|YyrLecEmwC}}@g|I`OavCwqKv@amO_`@meBiePm`hBf}h@e}hB~w@_bIteDu}I~|CgrOvuHs`[n{EwhWd{CqqQjnKehYdxN}wSvuH}`Ht_LsgFtqY_qSnmdBbeGrqBe|D~WrSptKtyJnwH?rbOo{EvqKmaEvzFawDfwFymGluPq|UiqC}}Zt`GaaWnzCe~GbiKcfOh__@ckFtrSwoPrhGxnObaXoxIpw_@_}CvpQu{GvvInxBfrOg|Dd|u@`{LhpOcl@z|XfjIvsQbha@fu@~{JhqGvvIrkCatAt|Hr_L~j[h|p@ZtCZ{Oxms@oqPl}GkaLpxBcmHprCaoJlbFprJhtCmc@xoBso@n~AzgAhmOcxn@xsAo}_An{Ekkm@jgDqlKg{Cw`d@ypCmhc@jy[{r@sqc@qhSarr@yfNzfG{{^ptEc~MsdJimv@{gOi``@gvEabYe}@amCw|Modd@vyCoadAsub@{jV{_NwtNsdJsli@}u@{w@kqQavVigY}dq@{eF}wLysF_|I{dEykL{m@wsM}hByhIgrGoeP",
  				levels: "PHIKFNKJNJLEDJHKKDINIIFPJHHFHEKINHHLJKCKIFNHIKKIHLJOLIIJJLJJNIJJIJCMFLI@LJFIPJJIKDLNJNHLJIIELMILJEI?HKIHIP",
  				zoomFactor: 2, 
  				numLevels: 18
			});
	  //map.addOverlay(new GPolyline(points)); 
	  map.addOverlay(polyline); 
        }
      }
      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/

    //]]>