/*
* Copyright (c) 2005-2006 Andriy Bidochko.  
* http://www.mapbuilder.net
*
* The script has been generated by MapBuilder.net service and released to the customer under 
* The GNU General Public License (GPL), which can be found at: http://www.opensource.org/licenses/gpl-license.php
* 
* This program is free software; you can redistribute it and/or modify it under the terms of the 
* GNU General Public License as published by the Free Software Foundation; 
* either version 2 of the License, or any later version.
* 
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the 
* implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License 
* for more details.
*/


//That function will return the element of the array returned by map.getMapTypes() that identifies the current map
function getCurrentMapTypeNumber(oMap){
  var type=-1;
  for(var ix=0;ix<oMap.getMapTypes().length;ix++){
    if(oMap.getMapTypes()[ix]==oMap.getCurrentMapType())
      type=ix;
  }
  return type;

} 

// Creates a marker whose info window displays the given number
function createMarker(point, html, icon, oOptions) {
  if (usePDMarker)
  {
  	var marker = new PdMarker(point, icon, oOptions.label);
  	/* Doesn't work in APIs > 2.64
  	 * marker.setTooltip(oOptions.label);
  	 * marker.setOpacity((oOptions.opasity ? oOptions.opasity : 100));
  	 */
  }
  else
  {
  	var marker = new GMarker(point, icon);
  }

  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });

  return marker;
}

// Zoom map to. Used from InfoWindow
function ZoomMapTo(num) {
  // Get current zoom level
  var currentZoom = map.getZoom();
  // Re-center map
  newzoom = (currentZoom > 17) ? 17 : ((currentZoom == 0) ? 0 : (currentZoom + 1));
  //V2-V1 compatability 
  map.setCenter(aLocations[num][3], newzoom);
}

// Function is called when sidebar item is clicked or we are dealing with group boxes.
function myInfoWindowHtml(num)
{
  // Map rendering with open info window is very slow. Lets center map first.
  map.setCenter(aLocations[num][3]);
  // Use markeropenInfoWindowHtml(html)
  aLocations[num][0].openInfoWindowHtml(aLocations[num][2]);
}

/* Side Bar */

// Creates a locations list and put it into side bar
function createSideBar() {
  var oUL = document.createElement("ul");
  // write links into document.
  for (var i=0; i<aLocations.length; i++) {
    var linkElem = document.createElement("a");
    var listElem = document.createElement("li");
    linkElem.innerHTML = aLocations[i][1];

    // must use this approach instead.
    linkElem.href = "javascript:myInfoWindowHtml(" + i + ");";
    listElem.appendChild(linkElem);
    oUL.appendChild(listElem);
  }
  try 
  {
	  document.getElementById("LocationList").appendChild(oUL);
  }
  catch(e)
  {
  	// do nothing
  }

}


// Function is called to show/hide location list 
var LocationListVisible = true;
function ProcessLocationList()
{
  if (LocationListVisible)
  {
    // Hide sidebar
    document.getElementById("LocationList").style.display="none";
    document.getElementById("SideBarActionLink").innerHTML = "+";
  }
  else
  {
    // Show sidebar
    document.getElementById("LocationList").style.display="block";
    document.getElementById("SideBarActionLink").innerHTML = "-";
  }
  LocationListVisible = !LocationListVisible;
}

/* EOF Side Bar */

/* Directions */
var MBDirectionFormBox = false; 

function  MBDirectionFormState(mode, force) {

  var MBCurrID = document.getElementById("MBLocID").value;
  document.getElementById("addr1").value = aLocations[MBCurrID][0].getPoint().lat() + ", " + aLocations[MBCurrID][0].getPoint().lng() + " ("+ aLocations[MBCurrID][1] +")";
  if (mode=='to') {
    document.getElementById("MBDirectionAddr").innerHTML = 'Start address';
    document.getElementById("addr1").name = 'daddr';
    document.getElementById("addr2").name = 'saddr';
  }
  else {
    document.getElementById("MBDirectionAddr").innerHTML = 'End address';
    document.getElementById("addr1").name = 'saddr';
    document.getElementById("addr2").name = 'daddr';
  }

  if (force) {
    document.getElementById('MBDirectionForm').style.display = (MBDirectionFormBox ? 'none' : 'block');
  }
  else {
    document.getElementById('MBDirectionForm').style.display = 'block';
  }
  MBDirectionFormBox = (!MBDirectionFormBox);
}

// Print Directions Form
function GetDirectionForm(LocID) {
  return "<div class=\"IWDirections\">[<a onclick=\"MBDirectionFormState('to', true);\" href=\"javascript:void(0)\">+</a>] Directions:&nbsp;<a onclick=\"MBDirectionFormState('to', false);\" href=\"javascript:void(0)\">To here</a>&nbsp;-&nbsp;<a onclick=\"MBDirectionFormState('from', false);\" href=\"javascript:void(0)\">From here</a><div id=\"MBDirectionForm\" style=\"display:none\"><form action=\"http://maps.google.com/maps\" target=\"_blank\" method=\"get\"><input id=\"addr1\" name=\"daddr\" value=\"0,0(NAME)\" type=\"hidden\"><input id=\"MBLocID\" name=\"MBLocID\" value=\""+LocID+"\" type=\"hidden\"><div id=\"MBDirectionAddr\" style=\"padding-top: 0.2em; width: 290px;\">Start address</div><div style=\"width: 290px;\"><input value=\"\" id=\"addr2\" style=\"width: 16em;\" name=\"saddr\" onload=\"this.select()\" type=\"text\"></div><div style=\"width: 290px;\"><input value=\"Get Directions\" type=\"submit\"></div></form></div></div>"
}
GetGoogleMapsAPIVersion = function() {
    var v = 0;
    var scripts = document.getElementsByTagName("SCRIPT")
    for (var i=0; i<scripts.length; i++) {
        var pattern = /\/maps([0-9])?(\.?[0-9]+)(\.api)?\.js/;
        var m = pattern.exec(scripts[i].src);
        if (m != null) {
            if (m[1] == null) { v = parseFloat('1'+m[2]); }
            else { v = parseFloat(m[1]+m[2]); }
            break;
        }
    }
    return v;
}

function MapBuilder(oMap){ 
    /* Insert MapBuilder Logo */
    var info=document.createElement('div');
    info.id='MapBuilderInfo';
    info.style.position='absolute';
    info.style.right='1px';
    info.style.bottom='25px';
    info.style.backgroundColor='transparent';
    info.style.zIndex=25500;
    		info.innerHTML='<a id="CreatedByMapBuilder" href="http://www.mapbuilder.net" title="Powered by MapBuilder.net v2.02"><img src="http://mapbuilder.net/img/mo24.gif" alt="Powered By MapBuilder.net v2.02" style="border:0; margin: 2px;"/></a>';
        oMap.getContainer().appendChild(info);
}


    // Global Variables
    // set map variable
    var map = null;
    //set up array of locations
    var aLocations = new Array;

    /*************************** Configuration Options ***************************/
    /*PDMarker is used to display tooltips when the user hovers over the markers.
    * PDMarker is a LGPL library provided by Peter Jones. 
    * For details see http://wwww.pixeldevelopment.com/pdmarker.asp
    */
    var usePDMarker = true;

    // Create a base "tiny" red  icon that specifies the shadow, icon dimensions, etc.
    var iconsm = new GIcon();
    iconsm.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
    iconsm.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
    iconsm.iconSize = new GSize(12, 20);
    iconsm.shadowSize = new GSize(20, 18);
    iconsm.iconAnchor = new GPoint(6, 20);
    iconsm.infoWindowAnchor = new GPoint(5, 1);

    // Create a base "large" red icon that specifies the shadow, icon dimensions, etc.
    var iconbig = new GIcon();
    iconbig.image = "http://www.google.com/mapfiles/marker.png";
    iconbig.shadow = "http://www.google.com/mapfiles/shadow50.png";
    iconbig.iconSize = new GSize(20, 34);
    iconbig.shadowSize = new GSize(37, 34);
    iconbig.iconAnchor = new GPoint(6, 34);
    iconbig.infoWindowAnchor = new GPoint(5, 1);

    // Custom Icon
    var iconcustom = new GIcon(iconbig);
    iconcustom.shadow = '';


MapBuilder.prototype.renderMap=function(){
  //Render Map Locations 
      map.addControl(new GSmallMapControl());
      map.addControl(new GMapTypeControl());
      // Center the map to the default location and set map type
      map.setCenter(new GLatLng(38.478319609132626, -76.915283203125), 10, map.getMapTypes()[0]);
      	  
      // Initialize variables
      var point = null;
      var footerHtml = null;
      var InfoHTML = null;
      var marker = null;
      /* Options used for PDMarker initialization:
      * label: tooltip text
      * opasity: tooltip opasity
      */
      var options = {};

      // Add locations
	
      point = new GLatLng(38.526655, -76.981728);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(0)\">Zoom To</a></div>"  + GetDirectionForm(0);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Arizona Pizza"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Arizona Pizza</div><div class=\"IWContent\"><FONT face=Verdana color=#ffb200 size=2>301-392-1640<BR></FONT></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[0] = new Array(marker, "Arizona Pizza", InfoHTML, point);
	
      point = new GLatLng(38.397704, -76.990357);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(1)\">Zoom To</a></div>"  + GetDirectionForm(1);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Captain Billy's Crabhouse"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Captain Billy's Crabhouse</div><div class=\"IWContent\">301-932-4323<BR>Just one of the many charles county crabhouses and waterfront dining. A wonderful experience for all.</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[1] = new Array(marker, "Captain Billy's Crabhouse", InfoHTML, point);
	
      point = new GLatLng(38.529238, -76.976755);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(2)\">Zoom To</a></div>"  + GetDirectionForm(2);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Casey Jones Restaurant"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Casey Jones Restaurant</div><div class=\"IWContent\"><FONT size=2>301-932-6226</FONT><BR>Come join in on the amazing food and weekly performers<BR>Closed on Sundays</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[2] = new Array(marker, "Casey Jones Restaurant", InfoHTML, point);
	
      point = new GLatLng(38.485979091299505, -76.98600769042969);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(3)\">Zoom To</a></div>"  + GetDirectionForm(3);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Charles County Fairgrounds"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Charles County Fairgrounds</div><div class=\"IWContent\">301-932-1300</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[3] = new Array(marker, "Charles County Fairgrounds", InfoHTML, point);
	
      point = new GLatLng(38.530683, -76.978988);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(4)\">Zoom To</a></div>"  + GetDirectionForm(4);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Charles County Government Building"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Charles County Government Building</div><div class=\"IWContent\"></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_orange.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[4] = new Array(marker, "Charles County Government Building", InfoHTML, point);
	
      point = new GLatLng(38.529012, -76.975013);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(5)\">Zoom To</a></div>"  + GetDirectionForm(5);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Charles Street Bakery"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Charles Street Bakery</div><div class=\"IWContent\">301-392-6344</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[5] = new Array(marker, "Charles Street Bakery", InfoHTML, point);
	
      point = new GLatLng(38.530199, -76.971812);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(6)\">Zoom To</a></div>"  + GetDirectionForm(6);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Civista Medical Center"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Civista Medical Center</div><div class=\"IWContent\">301-609-4000</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_blue.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[6] = new Array(marker, "Civista Medical Center", InfoHTML, point);
	
      point = new GLatLng(38.526653, -76.981793);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(7)\">Zoom To</a></div>"  + GetDirectionForm(7);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Economic Development and Tourism Department, Charles County Gov."}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Economic Development and Tourism Department, Charles County Gov.</div><div class=\"IWContent\">301-885-1340</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_orange.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[7] = new Array(marker, "Economic Development and Tourism Department, Charles County Gov.", InfoHTML, point);
	
      point = new GLatLng(38.52977, -76.977758);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(8)\">Zoom To</a></div>"  + GetDirectionForm(8);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Eldorado Restaurant"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Eldorado Restaurant</div><div class=\"IWContent\"><FONT size=2>301-934-3970<BR></FONT>A true mexican fiesta of wonderful food<BR></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[8] = new Array(marker, "Eldorado Restaurant", InfoHTML, point);
	
      point = new GLatLng(38.483719, -76.855713);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(9)\">Zoom To</a></div>"  + GetDirectionForm(9);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Gilbert Run Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Gilbert Run Park</div><div class=\"IWContent\">301-932-1083&nbsp;&nbsp;<BR>picnic pavilions, playground areas, fishing piers, and a &nbsp;60 acre fresh water lake which&nbsp;can be&nbsp;used&nbsp;for &nbsp;fishing, pedal boating, rowboating and canoeing!</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[9] = new Array(marker, "Gilbert Run Park", InfoHTML, point);
	
      point = new GLatLng(38.396517, -76.987864);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(10)\">Zoom To</a></div>"  + GetDirectionForm(10);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Gilligans Pier Seafood and Steakhouse"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Gilligans Pier Seafood and Steakhouse</div><div class=\"IWContent\"><SPAN style=\"FONT-FAMILY: \'CAC Krazy Legs\'\">301-259-4514<BR>Live Music, Waterfront dining, poker tournaments; please come out and enjoy </SPAN></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[10] = new Array(marker, "Gilligans Pier Seafood and Steakhouse", InfoHTML, point);
	
      point = new GLatLng(38.529601, -76.978562);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(11)\">Zoom To</a></div>"  + GetDirectionForm(11);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Green Turtle Sports Bar and Grille"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Green Turtle Sports Bar and Grille</div><div class=\"IWContent\">301-392-9119<BR>301-392-1557<BR><A href=\"mailto:gtlaplata@thegreeneturtle.com\">gtlaplata@thegreeneturtle.com</A></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[11] = new Array(marker, "Green Turtle Sports Bar and Grille", InfoHTML, point);
	
      point = new GLatLng(38.506105, -77.045062);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(12)\">Zoom To</a></div>"  + GetDirectionForm(12);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Historic Port Tobacco Courthouse"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Historic Port Tobacco Courthouse</div><div class=\"IWContent\">301-934-4313<BR>limited parking</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_brown.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[12] = new Array(marker, "Historic Port Tobacco Courthouse", InfoHTML, point);
	
      point = new GLatLng(38.465108, -77.021073);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(13)\">Zoom To</a></div>"  + GetDirectionForm(13);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Historic Saint Ignatious Church"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Historic Saint Ignatious Church</div><div class=\"IWContent\">301-934-8245</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_brown.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[13] = new Array(marker, "Historic Saint Ignatious Church", InfoHTML, point);
	
      point = new GLatLng(38.505821, -76.984198);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(14)\">Zoom To</a></div>"  + GetDirectionForm(14);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Johnny Boy's Ribs"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Johnny Boy's Ribs</div><div class=\"IWContent\">301-870-2536<BR>301-392-3086<BR>BBQ Sandwiches, Ribs, Chicken, Cole-Slaw, Potato Salad, Macaroni Salad, Homemade Lemonade, Platters</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[14] = new Array(marker, "Johnny Boy's Ribs", InfoHTML, point);
	
      point = new GLatLng(38.529812277091615, -76.97910904884338);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(15)\">Zoom To</a></div>"  + GetDirectionForm(15);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"LaPlata Methodist Episcopal"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">LaPlata Methodist Episcopal</div><div class=\"IWContent\"></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[15] = new Array(marker, "LaPlata Methodist Episcopal", InfoHTML, point);
	
      point = new GLatLng(38.55188, -76.949097);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(16)\">Zoom To</a></div>"  + GetDirectionForm(16);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Laurel Springs Regional Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Laurel Springs Regional Park</div><div class=\"IWContent\">301-932-3440<BR>301-870-2778&nbsp;<BR>This park offers two small picnic pavilions and many other areas with picnic tables.&nbsp; 2&nbsp; baseball fields, 5 softball fields,&nbsp;3 little league fields,&nbsp;1 football and&nbsp;5 soccer fields are among the ammenities at this park.&nbsp;Several of the fields&nbsp;are lighted for evening play.&nbsp;Come&nbsp;out and&nbsp;enjoy the new running/walking trail which&nbsp;travels the wooded perimeter of the park. (This trail is open year round.)<BR></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[16] = new Array(marker, "Laurel Springs Regional Park", InfoHTML, point);
	
      point = new GLatLng(38.543247, -76.983781);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(17)\">Zoom To</a></div>"  + GetDirectionForm(17);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"PETCO"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">PETCO</div><div class=\"IWContent\">301-392-0182</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[17] = new Array(marker, "PETCO", InfoHTML, point);
	
      point = new GLatLng(38.49901177740276, -77.02892303466797);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(18)\">Zoom To</a></div>"  + GetDirectionForm(18);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Port Tobacco Tiki Bar and Grill"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Port Tobacco Tiki Bar and Grill</div><div class=\"IWContent\">301-392-0007<BR>Come enjoy live entertainment and a Southern Maryland experience.</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[18] = new Array(marker, "Port Tobacco Tiki Bar and Grill", InfoHTML, point);
	
      point = new GLatLng(38.509994, -76.678246);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(19)\">Zoom To</a></div>"  + GetDirectionForm(19);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Rivers Edge Restaurant"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Rivers Edge Restaurant</div><div class=\"IWContent\">301-274-2828&nbsp;&nbsp;&nbsp;&nbsp;<BR>Not the typical crabhouse of charles county but still waterfront and still wonderful</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[19] = new Array(marker, "Rivers Edge Restaurant", InfoHTML, point);
	
      point = new GLatLng(38.40039, -76.991247);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(20)\">Zoom To</a></div>"  + GetDirectionForm(20);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Robertson's Crab House"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Robertson's Crab House</div><div class=\"IWContent\">301-259-0545<BR>A truely wonderful waterfront experience.</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[20] = new Array(marker, "Robertson's Crab House", InfoHTML, point);
	
      point = new GLatLng(38.266886, -76.849941);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(21)\">Zoom To</a></div>"  + GetDirectionForm(21);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Shymansky's"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Shymansky's</div><div class=\"IWContent\">301-259-0300<BR>Waterfront dining is&nbsp;a good time for all in Charles County</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[21] = new Array(marker, "Shymansky's", InfoHTML, point);
	
      point = new GLatLng(38.529464, -76.981274);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(22)\">Zoom To</a></div>"  + GetDirectionForm(22);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"The Royal Team Room"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">The Royal Team Room</div><div class=\"IWContent\"><FONT size=2>301-392-1111<BR>\"Afternoon tea\" is the specialty but for a full meal of soup and salad, scone, tea sandwiches, fruit, cheese and other small sweets call to make a reservation. You may also choose to get a smaller version of this larger meal by reservation as well. This experience forgets no detail from the lace curtains to the amazing foyer and victorian prints on the walls.The china used to serve patrons is elegant and each guest can pick his or her set they wish to use. If you enjoy this experience and need to remember is there is china for sale in a small gift shop</FONT></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[22] = new Array(marker, "The Royal Team Room", InfoHTML, point);
	
      point = new GLatLng(38.529633, -77.032502);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(23)\">Zoom To</a></div>"  + GetDirectionForm(23);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Thomas Stone National Historic Site"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Thomas Stone National Historic Site</div><div class=\"IWContent\">301-392 1776</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_brown.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[23] = new Array(marker, "Thomas Stone National Historic Site", InfoHTML, point);
	
      point = new GLatLng(38.53668581437224, -76.98308944702148);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(24)\">Zoom To</a></div>"  + GetDirectionForm(24);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Town Mouse Market-Cafe"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Town Mouse Market-Cafe</div><div class=\"IWContent\">301-935-7955<BR>Great Deli Sandwiches and more</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[24] = new Array(marker, "Town Mouse Market-Cafe", InfoHTML, point);
	
      point = new GLatLng(38.52985, -76.983187);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(25)\">Zoom To</a></div>"  + GetDirectionForm(25);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"True Value"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">True Value</div><div class=\"IWContent\">301-934-3200</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[25] = new Array(marker, "True Value", InfoHTML, point);
	
      point = new GLatLng(38.58956, -76.938946);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(26)\">Zoom To</a></div>"  + GetDirectionForm(26);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Turkey Hill Dog Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Turkey Hill Dog Park</div><div class=\"IWContent\"><P>Parks are open&nbsp;7 days a week-8:00am until dusk&nbsp;<BR>(Christmas Day and New Year\'s Day closed)<BR>*Please bring water for the dog!</P></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[26] = new Array(marker, "Turkey Hill Dog Park", InfoHTML, point);
	
      point = new GLatLng(38.508719, -76.984116);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(27)\">Zoom To</a></div>"  + GetDirectionForm(27);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Twin Kiss Drive Inn"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Twin Kiss Drive Inn</div><div class=\"IWContent\">301-934-4025<BR><BR>Great Food, Soft serve Ice cream, Amazing Shakes!<BR>Dine-in or Take-out</div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[27] = new Array(marker, "Twin Kiss Drive Inn", InfoHTML, point);
	
      point = new GLatLng(38.57705772759347, -76.92099094390869);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(28)\">Zoom To</a></div>"  + GetDirectionForm(28);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"White Plains Dog Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">White Plains Dog Park</div><div class=\"IWContent\">301-932-3440<BR>301-870-2778&nbsp;<BR>A place to relax and throw the frisby with your dog! </div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[28] = new Array(marker, "White Plains Dog Park", InfoHTML, point);
	
      point = new GLatLng(38.578037, -76.921914);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(29)\">Zoom To</a></div>"  + GetDirectionForm(29);  + "</div>";

      // Define Marker
      options = {opasity: 100, label:"White Plains Regional Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">White Plains Regional Park</div><div class=\"IWContent\"><FONT size=2>301-843-2947<BR>Enjoy a wonderful golf course, driving range, grab some friends for a game of soccer, lighted tennis courts,baseball fields, a football field, and softball field. White Plains also has a \"tot-lot\" and playground. The park is open 8a.m. until dusk (9a.m. in the winter months)</FONT></div>" + footerHtml + "</div>";
      iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_red.png";
      marker = createMarker(point, InfoHTML, iconbig, options);
      map.addOverlay(marker);
      aLocations[29] = new Array(marker, "White Plains Regional Park", InfoHTML, point);
      // And finnaly create sidebar
      createSideBar();

}