/*
* 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 GLargeMapControl());
      map.addControl(new GMapTypeControl());
      // Center the map to the default location and set map type
      map.setCenter(new GLatLng(26.627818226393046, -80.11505126953125), 11, 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(26.606476, -80.095643);
      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:"Affron Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Affron Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>4777 Serafica Dr., Lake Worth, FL 33461<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/affron.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[0] = new Array(marker, "Affron Park", InfoHTML, point);
	
      point = new GLatLng(26.588897, -80.127143);
      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:"Buttonwood Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Buttonwood Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>5300 Lantana Rd., Lake Worth, FL 33463<BR><b>HOURS:</b> Sunrise-Sunset; Lighted court facilities open until 10:00 pm; select lighted athletic fields open until 11:00 pm<br /><a href=\"http://www.pbcgov.com/parks/locations/buttonwood.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[1] = new Array(marker, "Buttonwood Park", InfoHTML, point);
	
      point = new GLatLng(26.679026, -80.129153);
      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:"Caroline Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Caroline Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>67 Caroline Dr., West Palm Beach, FL 33413<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/carolinedrive.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[2] = new Array(marker, "Caroline Park", InfoHTML, point);
	
      point = new GLatLng(26.662685, -80.081985);
      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:"Flamango Lake Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Flamango Lake Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>2606 Flamango Lake Dr., West Palm Beach, FL 33406<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/flamangolake.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[3] = new Array(marker, "Flamango Lake Park", InfoHTML, point);
	
      point = new GLatLng(26.696078, -80.095772);
      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:"Golfview Heights Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Golfview Heights Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>2301 Seminole Blvd., West Palm Beach, FL 33409<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/golfviewheights.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[4] = new Array(marker, "Golfview Heights Park", InfoHTML, point);
	
      point = new GLatLng(26.692184, -80.125834);
      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:"Haverhill Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Haverhill Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>5470 Belvedere Rd., Haverhill, FL 33415<BR><b>HOURS:</b> Sunrise-Sunset; Lighted court facilities open until 10:00 pm; select lighted athletic fields open until 11:00 pm<br /><a href=\"http://www.pbcgov.com/parks/locations/haverhill.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[5] = new Array(marker, "Haverhill Park", InfoHTML, point);
	
      point = new GLatLng(26.612354, -80.109553);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(6)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Ixora Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Ixora Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>4246 Lilac Cir., Lake Worth, FL 33461<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/ixora.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[6] = new Array(marker, "Ixora Park", InfoHTML, point);
	
      point = new GLatLng(26.609337, -80.084911);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(7)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"John Prince Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">John Prince Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>2700 6th Ave. S., Lake Worth, FL 33461<BR><b>HOURS:</b> Sunrise-Sunset; Lighted Facilities Open Until 11pm When in Use<br /><a href=\"http://www.pbcgov.com/parks/locations/johnprince.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[7] = new Array(marker, "John Prince Park", InfoHTML, point);
	
      point = new GLatLng(26.627471, -80.115483);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(8)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Kenwood Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Kenwood Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>4645 Clinton Blvd., Lake Worth, FL 33463<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/kenwood.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[8] = new Array(marker, "Kenwood Park", InfoHTML, point);
	
      point = new GLatLng(26.687909, -80.128862);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(9)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Lake Belvedere Estates Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Lake Belvedere Estates Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>675 Caroline Ave., West Palm Beach, FL 33415<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/lake_belvedere_estates.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[9] = new Array(marker, "Lake Belvedere Estates Park", InfoHTML, point);
	
      point = new GLatLng(26.570779, -80.154252);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(10)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Lake Charleston Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Lake Charleston Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>7001 Charleston Shores Blvd., Lake Worth, FL 33467<BR><b>HOURS:</b> Sunrise-Sunset; Lighted court facilities open until 10:00 pm; select lighted athletic fields open until 11:00 pm<br /><a href=\"http://www.pbcgov.com/parks/locations/lakecharleston.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[10] = new Array(marker, "Lake Charleston Park", InfoHTML, point);
	
      point = new GLatLng(26.673402, -80.098113);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(11)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Lake Lytal Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Lake Lytal Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>3645 Gun Club Rd., West Palm Beach, FL 33406<BR><b>HOURS:</b> Sunrise-Sunset; Lighted court facilities open until 10:00 pm; select lighted athletic fields open until 11:00 pm<br /><a href=\"http://www.pbcgov.com/parks/locations/lakelytal.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[11] = new Array(marker, "Lake Lytal Park", InfoHTML, point);
	
      point = new GLatLng(26.610114, -80.108161);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(12)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Lake Worth West Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Lake Worth West Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>4150 Vermont Ave., Lake Worth, FL 33461<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/lake_worth_west.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[12] = new Array(marker, "Lake Worth West Park", InfoHTML, point);
	
      point = new GLatLng(26.621747, -80.105653);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(13)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Lakewood Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Lakewood Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>4000 Lakewood Rd., Lake Worth, FL 33461<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/lakewood.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[13] = new Array(marker, "Lakewood Park", InfoHTML, point);
	
      point = new GLatLng(26.682176, -80.258796);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(14)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Loxahatchee Groves Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Loxahatchee Groves Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>13751 Southern Blvd., Loxahatchee, FL 33470<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/loxahatcheegroves.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[14] = new Array(marker, "Loxahatchee Groves Park", InfoHTML, point);
	
      point = new GLatLng(26.576788, -80.082189);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(15)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Melear Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Melear Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>6684 Eastview Dr., Lantana, FL 33462<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/melear.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[15] = new Array(marker, "Melear Park", InfoHTML, point);
	
      point = new GLatLng(26.651093, -80.164694);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(16)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Okeeheelee Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Okeeheelee Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>7715 Forest Hill Blvd., West Palm Beach, FL 33413<BR><b>HOURS:</b> Sunrise-Sunset; Lighted court facilities open until 10:00 pm; select lighted athletic fields open until 11:00 pm<br /><a href=\"http://www.pbcgov.com/parks/locations/okeeheelee.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[16] = new Array(marker, "Okeeheelee Park", InfoHTML, point);
	
      point = new GLatLng(26.717638, -80.112785);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(17)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Old Trail Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Old Trail Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>2739 N. Old Military Trail, West Palm Beach, FL 33417<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/oldtrail.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[17] = new Array(marker, "Old Trail Park", InfoHTML, point);
	
      point = new GLatLng(26.590954, -80.192009);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(18)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Park Ridge Golf Course"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Park Ridge Golf Course</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>9191 Lantana Rd., Lake Worth, FL 33467<BR><b>HOURS:</b> Vary According to Season<br /><a href=\"http://www.pbcgov.com/parks/locations/parkridge.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[18] = new Array(marker, "Park Ridge Golf Course", InfoHTML, point);
	
      point = new GLatLng(26.61509, -80.038694);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(19)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"R. G. Kreusler Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">R. G. Kreusler Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>2695 S. Ocean Blvd., Palm Beach, FL 33480<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/rg_kreusler.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[19] = new Array(marker, "R. G. Kreusler Park", InfoHTML, point);
	
      point = new GLatLng(26.564889, -80.059599);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(20)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"San Castle Community\/Early Headstart Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">San Castle Community/Early Headstart Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>1101 Mentone Rd., Boynton Beach, FL 33435<BR><b>HOURS:</b> Sunrise- 6:00 pm<br /><a href=\"http://www.pbcgov.com/parks/locations/sancastlecommunity_earlyheadstart.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[20] = new Array(marker, "San Castle Community/Early Headstart Park", InfoHTML, point);
	
      point = new GLatLng(26.559731, -80.059666);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(21)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"San Castle Neighborhood Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">San Castle Neighborhood Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>1065 Highview Rd., Boynton Beach, FL 33435<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/sancastleneighborhood.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[21] = new Array(marker, "San Castle Neighborhood Park", InfoHTML, point);
	
      point = new GLatLng(26.6148, -80.110111);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(22)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Sanders Drive Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Sanders Drive Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>4247 Sanders Dr., Lake Worth, FL 33461<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/sandersdrive.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[22] = new Array(marker, "Sanders Drive Park", InfoHTML, point);
	
      point = new GLatLng(26.575507, -80.10502);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(23)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Santaluces Athletic and Aquatic Complex"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Santaluces Athletic and Aquatic Complex</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>6880 Lawrence Rd., Lantana, FL 33462<BR><b>HOURS:</b> Sunrise-Sunset; Lighted court facilities open until 10:00 pm; select lighted athletic fields open until 11:00 pm<br /><a href=\"http://www.pbcgov.com/parks/locations/santaluces_aquatic.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[23] = new Array(marker, "Santaluces Athletic and Aquatic Complex", InfoHTML, point);
	
      point = new GLatLng(26.687803, -80.222136);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(24)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Seminole Palms Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Seminole Palms Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>151 Lamstein Ln., Royal Palm Beach, FL 33411<BR><b>HOURS:</b> Sunrise-Sunset; Lighted court facilities open until 10:00 pm; select lighted athletic fields open until 11:00 pm<br /><a href=\"http://www.pbcgov.com/parks/locations/seminolepalm.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[24] = new Array(marker, "Seminole Palms Park", InfoHTML, point);
	
      point = new GLatLng(26.697731, -80.120563);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(25)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Stacy Street Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Stacy Street Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>5060 Stacy St., West Palm Beach, FL 33417<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/stacystreet.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[25] = new Array(marker, "Stacy Street Park", InfoHTML, point);
	
      point = new GLatLng(26.686562, -80.072828);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(26)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Stub Canal Park"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Stub Canal Park</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>2140 Oglethorpe Rd., West Palm Beach, FL 33406<BR><b>HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/locations/stubcanal.htm\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[26] = new Array(marker, "Stub Canal Park", InfoHTML, point);
	
      point = new GLatLng(26.560569, -80.143104);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(27)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"West Boynton Park and Recreation Center"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">West Boynton Park and Recreation Center</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>6000 Northtree Blvd., Lake Worth, FL 33463<BR><b>PARK HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/recreationcenters/westboynton/\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[27] = new Array(marker, "West Boynton Park and Recreation Center", InfoHTML, point);
	
      point = new GLatLng(26.69938, -80.096984);
      footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(28)\">Zoom To</a></div>"   + "</div>";

      // Define Marker
      options = {opasity: 100, label:"Westgate Park and Recreation Center"}; 
      InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Westgate Park and Recreation Center</div><div class=\"IWContent\"><b>ENTRANCE:</b> <BR>3691 Oswego Ave., West Palm Beach, FL 33409<BR><b>PARK HOURS:</b> Sunrise-Sunset<br /><a href=\"http://www.pbcgov.com/parks/recreationcenters/westgate/\">web page</a></div>" + footerHtml + "</div>";
      iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_green.png";
      marker = createMarker(point, InfoHTML, iconsm, options);
      map.addOverlay(marker);
      aLocations[28] = new Array(marker, "Westgate Park and Recreation Center", InfoHTML, point);
      // And finnaly create sidebar
      createSideBar();

}