// function showmethemap(){

var iconPumpkin = new GIcon(); 
    iconPumpkin.image = 'http://www.hauntedbay.com/marker.png';
    iconPumpkin.shadow = 'http://www.hauntedbay.com/marker_shadow.png';
    iconPumpkin.iconSize = new GSize(20, 34);
    iconPumpkin.shadowSize = new GSize(37, 34);
    iconPumpkin.iconAnchor = new GPoint(6, 34);
    iconPumpkin.infoWindowAnchor = new GPoint(20, 1);

    var iconHaunt = new GIcon(); 
    iconHaunt.image = 'http://www.hauntedbay.com/markerh.png';
    iconHaunt.shadow = 'http://www.hauntedbay.com/marker_shadow.png';
    iconHaunt.iconSize = new GSize(20, 34);
    iconHaunt.shadowSize = new GSize(37, 34);
    iconHaunt.iconAnchor = new GPoint(6, 34);
    iconHaunt.infoWindowAnchor = new GPoint(20, 1);

    var customIcons = [];
    customIcons["pumpkin"] = iconPumpkin;
    customIcons["haunt"] = iconHaunt;
    var markerGroups = { "pumpkin": [], "haunt": []};

    //Zoom-In Function using Geocode point only. 
    function zoomIN(i) { 
      //Zoom in on the current marker. 
      //alert("markers["+i+"]="+markers[i].location+"@"+markers[i].point);
      map.centerAndZoom(markers[i].point,1);
    }

    //Zoom-Out Function 
    function zoomOUT(i) { 
      //Return to starting point. 
      showState(markers[i].state); 
    }


    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
        map.enableScrollWheelZoom();
        map.setCenter(new GLatLng(37.79, -122.27), 8);

        GDownloadUrl("data.xml", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var lat = markers[i].getAttribute("lat");
            var lng = markers[i].getAttribute("lng");
            var busname = markers[i].getAttribute("busname");
            var street = markers[i].getAttribute("street");
            var city = markers[i].getAttribute("city");
            var state = markers[i].getAttribute("state");
            var type = markers[i].getAttribute("type");
            var link = markers[i].getAttribute("link");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, lat, lng, busname, street, city, state, type, link);
            map.addOverlay(marker);
          }
        });
      }
    }

    function createMarker(point, lat, lng, busname, street, city, state, type, link) {
      var marker = new GMarker(point, customIcons[type]);
      markerGroups[type].push(marker);
      var html = "<span class='popup'><b>" + busname + "</b> <br/>" + street + "<br/>" + city + "," + state  + "</span><br/><a href='cgi-bin/events/calendar.pl?view=Event&amp;event_id=" + link + "'>Haunted Bay Event Listing</a><br/><br/><form action='http://maps.google.com/maps' target='_new' method='get'><label for='saddr'><span class='tiny'>Enter Your Address: &nbsp;&quot;1313 Mockingbird Lane, Oakland, CA&quot;</span></label><br><input type='text' SIZE=40 MAXLENGTH=100 name='saddr' id='saddr'  value='' /><br><INPUT ID='SUBMIT' TYPE='SUBMIT' VALUE='Get Directions'><input type='hidden' name='daddr' value='"+lat+", "+lng+" ("+busname+")'><input type='hidden' name='hl' value='en' /></form>";
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    function toggleGroup(type) {
      for (var i = 0; i < markerGroups[type].length; i++) {
        var marker = markerGroups[type][i];
        if (marker.isHidden()) {
          marker.show();
        } else {
          marker.hide();
        }
      } 
    }
//}