//<![CDATA[

    // 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 = '';

    function onLoad() {
      if (!GBrowserIsCompatible()) 
      {
         document.getElementById("MapBuilderMap").innerHTML = "Unfortunately your browser doesn't support Google Maps.<br /> To check browser compatibility visit the following <a href=\"http://local.google.com/support/bin/answer.py?answer=16532&topic=1499\">link</a>.";
         return;
      }

      map = new GMap2(document.getElementById("MapBuilderMap"));
      var MB = new MapBuilder(map);
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      // Center the map to the default location and set map type
      map.setCenter(new GLatLng(38.48261976950727, -76.72576904296875), 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.29313647129387, -76.49844110012054);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(0)\">Zoom To</a></div></div>";

      // Define Marker
      options = {opasity: 100, label:'California'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">California</div><div class=\"IWContent\"><IMG align=right src=\"images/map-california.jpg\">22805 Three Notch Rd<BR>California, MD 20619<br />301-863-2265, 301-627-8400<br /><br />M-Th- 9:00 am to 4:00 pm<br />Fr -9:00 am - 6:00 pm<br />Sat-9:00 am -12:00 pm</div>" + footerHtml + "</div>";
      iconbig.image = "images/MarkerD.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 0);
      map.addOverlay(marker);
      aLocations[0] = new Array(marker, "California", InfoHTML, point);
	
      point = new GLatLng(38.47274245657542, -76.77566885948181);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(1)\">Zoom To</a></div></div>";

      // Define Marker
      options = {opasity: 100, label:'Charlotte Hall'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Charlotte Hall</div><div class=\"IWContent\"><IMG align=right src=\"images/map-charlotte-hall.jpg\">37605 New Market Rd<BR>Charlotte Hall, MD 20622<br />301-290-0340<br /><br />M-Th- 9:00 am to 4:00 pm<br />Fr -9:00 am - 6:00 pm<br />Sat-9:00 am -12:00 pm</div>" + footerHtml + "</div>";
      iconbig.image = "images/MarkerC.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 1);
      map.addOverlay(marker);
      aLocations[1] = new Array(marker, "Charlotte Hall", InfoHTML, point);
	
      point = new GLatLng(38.52787766497228, -76.97753727436065);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(2)\">Zoom To</a></div></div>";

      // Define Marker
      options = {opasity: 100, label:'La Plata'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">La Plata</div><div class=\"IWContent\"><IMG align=right src=\"images/map-laplata.jpg\">202 Centennial Street <BR>La Plata, MD 20646<br />301-934-2265, 301-870-3278<br /><br />M-Th- 9:00 am to 4:00 pm<br />Fr -9:00 am - 6:00 pm<br />Sat-9:00 am -12:00 pm</div>" + footerHtml + "</div>";
      iconbig.image = "images/MarkerA.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 2);
      map.addOverlay(marker);
      aLocations[2] = new Array(marker, "La Plata", InfoHTML, point);
	
      point = new GLatLng(38.37511452049375, -76.43342435359955);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(3)\">Zoom To</a></div></div>";

      // Define Marker
      options = {opasity: 100, label:'Lusby'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Lusby</div><div class=\"IWContent\"><IMG align=right src=\"images/map-lusby.jpg\">222 Town Square Dr<BR>Lusby, MD 20657<br />410-394-3934<br /><br />M-Th- 8:30 am to 5:00 pm<br />Fr -8:30 am - 6:00pm<br />Sat-8:30am -12:00 pm</div>" + footerHtml + "</div>";
      iconbig.image = "images/MarkerE.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 3);
      map.addOverlay(marker);
      aLocations[3] = new Array(marker, "Lusby", InfoHTML, point);
	
      point = new GLatLng(38.53319037961229, -76.58375144004822);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(4)\">Zoom To</a></div></div>";

      // Define Marker
      options = {opasity: 100, label:'Prince Frederick'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Prince Frederick</div><div class=\"IWContent\"><IMG align=right src=\"images/map-prince-frederick.jpg\">85 Sherry Lane<BR>Prince Frederick, MD 20678<br /><br />M-Th- 8:30 am to 5:00 pm<br />Fr -8:30 am - 6:00pm<br />Sat-8:30am -12:00 pm<br />410-414-2626</div>" + footerHtml + "</div>";
      iconbig.image = "images/MarkerF.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 4);
      map.addOverlay(marker);
      aLocations[4] = new Array(marker, "Prince Frederick", InfoHTML, point);
	
      point = new GLatLng(38.61110284242204, -76.92172050476074);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(5)\">Zoom To</a></div></div>";

      // Define Marker
      options = {opasity: 100, label:'Waldorf'}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Waldorf</div><div class=\"IWContent\"><IMG align=right src=\"images/map-waldorf.jpg\">3670 Old Washington Rd<BR>Waldorf, MD 20602<br />301-705-6886, 301-870-5845<br /><br />M-Th- 9:00 am to 4:00 pm<br />Fr -9:00 am - 6:00 pm<br />Sat-9:00 am -12:00 pm</div>" + footerHtml + "</div>";
      iconbig.image = "images/MarkerB.png";
      marker = createMarker(point, InfoHTML, iconbig, options, 5);
      map.addOverlay(marker);
      aLocations[5] = new Array(marker, "Waldorf", InfoHTML, point);
    }

    //]]>