//<![CDATA[
	      // 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 i = 0;

	      // This function picks up the click and opens the corresponding info window
  	    function showMarker(i) {
    	    GEvent.trigger(gmarkers[i], "click");
      	}
   	  
    function loadLakes() {
      if (GBrowserIsCompatible()) {
      	
	      // this variable will collect the html which will eventually be placed in the side_bar     
  	    var side_bar_html = "";  	  	    


        // Creates a marker whose info window displays the letter corresponding
        // to the given index.
        function createMarker(point, index, info) {
          // Create a lettered icon for this point using our icon class
          var myNewIcon = new GIcon(baseIcon);
		      myNewIcon.image = "/markers/cw.png";
    		  myNewIcon.shadow = "/markers/cwshadow.png";  
    		  myNewIcon.iconSize = new GSize(39, 34);
		      myNewIcon.shadowSize = new GSize(57, 34);
		      myNewIcon.infoWindowAnchor = new GPoint(15, 35);

					
          // Set up our GMarkerOptions object
          markerOptions = { icon:myNewIcon };
          var marker = new GMarker(point, markerOptions);
          var mName = info.getAttribute("lake");
          var mAbout = info.getAttribute("about");
          
          var mInfo = "<div class='mapTitle'>" + mName + "</div><br/><div class='mapText' style='width:300px;'>" + mAbout + "</div>";

          //alert(mInfo);
          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(mInfo);
          });
          
          // save the info we need to use later for the side_bar
	        gmarkers[i] = marker;
  	      // add a line to the side_bar html
    	    side_bar_html += '<a href="javascript:showMarker(' + i + ')">' + mName + '</a><br/>';
      	  i++;

          return marker;
        }


  	    	
        var map = new GMap2(document.getElementById("lakemap"));
        map.setCenter(new GLatLng(38.112481,-84.504776),7);
      
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        
        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);


        // Download the data in data.xml and load it on the map. The format we
        // expect is:
        // <markers>
        //   <marker lat="37.441" lng="-122.141"/>
        //   <marker lat="37.322" lng="-121.213"/>
        // </markers>
        GDownloadUrl("/markers/lakes.xml", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var x = 0; x < markers.length; x++) {
            var latlng = new GLatLng(parseFloat(markers[x].getAttribute("lat")),
                                    parseFloat(markers[x].getAttribute("lng")));
            //map.addOverlay(new GMarker(latlng));
            
            
            // new stuff
            map.addOverlay(createMarker(latlng, i, markers[x]));

          }
                  // put the assembled side_bar_html contents into the side_bar div
    	  document.getElementById("lakelist").innerHTML = side_bar_html;
        });
      
      }
    }
    
function loadShops() {
      if (GBrowserIsCompatible()) {
      	
	      // this variable will collect the html which will eventually be placed in the side_bar     
  	    var side_bar_html = "";  	  	    


        // Creates a marker whose info window displays the letter corresponding
        // to the given index.
        function createMarker(point, index, info) {
          // Create a lettered icon for this point using our icon class
          var myNewIcon = new GIcon(baseIcon);
		      myNewIcon.image = "/markers/cw.png";
    		  myNewIcon.shadow = "/markers/cwshadow.png";  
    		  myNewIcon.iconSize = new GSize(39, 34);
		      myNewIcon.shadowSize = new GSize(57, 34);
		      myNewIcon.infoWindowAnchor = new GPoint(15, 35);

					
          // Set up our GMarkerOptions object
          markerOptions = { icon:myNewIcon };
          var marker = new GMarker(point, markerOptions);
          var mName = info.getAttribute("shop");
          var mAbout = info.getAttribute("about");
          
          var mInfo = "<div class='mapTitle'>" + mName + "</div><br/><div class='mapText' style='width:300px;'>" + mAbout + "</div>";

          //alert(mInfo);
          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(mInfo);
          });
          
          // save the info we need to use later for the side_bar
	        gmarkers[i] = marker;
  	      // add a line to the side_bar html
    	    side_bar_html += '<a href="javascript:showMarker(' + i + ')">' + mName + '</a><br/>';
      	  i++;

          return marker;
        }


  	    	
        var map = new GMap2(document.getElementById("shopmap"));
        map.setCenter(new GLatLng(39.113014,-84.556274),9);
      
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        
        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);


        // Download the data in data.xml and load it on the map. The format we
        // expect is:
        // <markers>
        //   <marker lat="37.441" lng="-122.141"/>
        //   <marker lat="37.322" lng="-121.213"/>
        // </markers>
        GDownloadUrl("/markers/shops.xml", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var x = 0; x < markers.length; x++) {
            var latlng = new GLatLng(parseFloat(markers[x].getAttribute("lat")),
                                    parseFloat(markers[x].getAttribute("lng")));
            //map.addOverlay(new GMarker(latlng));
            
            
            // new stuff
            map.addOverlay(createMarker(latlng, i, markers[x]));

          }
                  // put the assembled side_bar_html contents into the side_bar div
    	  document.getElementById("shoplist").innerHTML = side_bar_html;
        });
      
      }
    }    

    //]]>