    //<![CDATA[

    if (GBrowserIsCompatible()) {
      var side_bar_html = "<table border=0 cellpadding=0><tr>";
      var gmarkers = [];
      var i = 0;

            var icon0 = new GIcon();
      icon0.image = "images/googlemaps/icons/airport.jpg";
      icon0.iconSize = new GSize(17, 16);
      icon0.iconAnchor = new GPoint(10, 10);
      icon0.infoWindowAnchor = new GPoint(10, 10);

      var icon1 = new GIcon();
      icon1.image = "images/googlemaps/icons/boat.jpg";
      icon1.iconSize = new GSize(17, 16);
      icon1.iconAnchor = new GPoint(10, 10);
      icon1.infoWindowAnchor = new GPoint(10, 10);

      var icon2 = new GIcon();
      icon2.image = "images/googlemaps/icons/church.jpg";
      icon2.iconSize = new GSize(17, 16);
      icon2.iconAnchor = new GPoint(10, 10);
      icon2.infoWindowAnchor = new GPoint(10, 10);

      var icon3 = new GIcon();
      icon3.image = "images/googlemaps/icons/employment.jpg";
      icon3.iconSize = new GSize(17, 16);
      icon3.iconAnchor = new GPoint(10, 10);
      icon3.infoWindowAnchor = new GPoint(10, 10);

      var icon4 = new GIcon();
      icon4.image = "images/googlemaps/icons/family.png";
      icon4.iconSize = new GSize(17, 16);
      icon4.iconAnchor = new GPoint(10, 10);
      icon4.infoWindowAnchor = new GPoint(10, 10);

      var icon5 = new GIcon();
      icon5.image = "images/googlemaps/icons/fire.jpg";
      icon5.iconSize = new GSize(17, 16);
      icon5.iconAnchor = new GPoint(10, 10);
      icon5.infoWindowAnchor = new GPoint(10, 10);

      var icon6 = new GIcon();
      icon6.image = "images/googlemaps/icons/general.png";
      icon6.iconSize = new GSize(17, 16);
      icon6.iconAnchor = new GPoint(10, 10);
      icon6.infoWindowAnchor = new GPoint(10, 10);

      var icon7 = new GIcon();
      icon7.image = "images/googlemaps/icons/golf.jpg";
      icon7.iconSize = new GSize(17, 16);
      icon7.iconAnchor = new GPoint(10, 10);
      icon7.infoWindowAnchor = new GPoint(10, 10);

      var icon8 = new GIcon();
      icon8.image = "images/googlemaps/icons/government.jpg";
      icon8.iconSize = new GSize(17, 16);
      icon8.iconAnchor = new GPoint(10, 10);
      icon8.infoWindowAnchor = new GPoint(10, 10);

      var icon9 = new GIcon();
      icon9.image = "images/googlemaps/icons/hospital.jpg";
      icon9.iconSize = new GSize(17, 16);
      icon9.iconAnchor = new GPoint(10, 10);
      icon9.infoWindowAnchor = new GPoint(10, 10);

      var icon10 = new GIcon();
      icon10.image = "images/googlemaps/icons/info.jpg";
      icon10.iconSize = new GSize(17, 16);
      icon10.iconAnchor = new GPoint(10, 10);
      icon10.infoWindowAnchor = new GPoint(10, 10);

      var icon11 = new GIcon();
      icon11.image = "images/googlemaps/icons/library.jpg";
      icon11.iconSize = new GSize(17, 16);
      icon11.iconAnchor = new GPoint(10, 10);
      icon11.infoWindowAnchor = new GPoint(10, 10);

      var icon12 = new GIcon();
      icon12.image = "images/googlemaps/icons/military.jpg";
      icon12.iconSize = new GSize(17, 16);
      icon12.iconAnchor = new GPoint(10, 10);
      icon12.infoWindowAnchor = new GPoint(10, 10);

      var icon13 = new GIcon();
      icon13.image = "images/googlemaps/icons/museum.jpg";
      icon13.iconSize = new GSize(17, 16);
      icon13.iconAnchor = new GPoint(10, 10);
      icon13.infoWindowAnchor = new GPoint(10, 10);

      var icon14 = new GIcon();
      icon14.image = "images/googlemaps/icons/park.jpg";
      icon14.iconSize = new GSize(17, 16);
      icon14.iconAnchor = new GPoint(10, 10);
      icon14.infoWindowAnchor = new GPoint(10, 10);

      var icon15 = new GIcon();
      icon15.image = "images/googlemaps/icons/police.jpg";
      icon15.iconSize = new GSize(17, 16);
      icon15.iconAnchor = new GPoint(10, 10);
      icon15.infoWindowAnchor = new GPoint(10, 10);

      var icon16 = new GIcon();
      icon16.image = "images/googlemaps/icons/school.jpg";
      icon16.iconSize = new GSize(17, 16);
      icon16.iconAnchor = new GPoint(10, 10);
      icon16.infoWindowAnchor = new GPoint(10, 10);

      var icon17 = new GIcon();
      icon17.image = "images/googlemaps/icons/service.png";
      icon17.iconSize = new GSize(17, 16);
      icon17.iconAnchor = new GPoint(10, 10);
      icon17.infoWindowAnchor = new GPoint(10, 10);

      var icon18 = new GIcon();
      icon18.image = "images/googlemaps/icons/shopping.jpg";
      icon18.iconSize = new GSize(17, 16);
      icon18.iconAnchor = new GPoint(10, 10);
      icon18.infoWindowAnchor = new GPoint(10, 10);

      var icon19 = new GIcon();
      icon19.image = "images/googlemaps/icons/wateractivities.png";
      icon19.iconSize = new GSize(17, 16);
      icon19.iconAnchor = new GPoint(10, 10);
      icon19.infoWindowAnchor = new GPoint(10, 10);

      var icon20 = new GIcon();
      icon20.image = "images/googlemaps/icons/youth.png";
      icon20.iconSize = new GSize(17, 16);
      icon20.iconAnchor = new GPoint(10, 10);
      icon20.infoWindowAnchor = new GPoint(10, 10);



      // An array of GIcons, to make the selection easier
      var icons = [];
      icons[0] = icon0;
icons[1] = icon1;
icons[2] = icon2;
icons[3] = icon3;
icons[4] = icon4;
icons[5] = icon5;
icons[6] = icon6;
icons[7] = icon7;
icons[8] = icon8;
icons[9] = icon9;
icons[10] = icon10;
icons[11] = icon11;
icons[12] = icon12;
icons[13] = icon13;
icons[14] = icon14;
icons[15] = icon15;
icons[16] = icon16;
icons[17] = icon17;
icons[18] = icon18;
icons[19] = icon19;
icons[20] = icon20;


      var tdrow = 1;
      // A function to create the marker and set up the event window
      function createMarker(point,label,html,icontype,iname) {
 
        var marker = new GMarker(point, icons[icontype]);
        GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(html);
        });
        // save the info we need to use later for the side_bar
        gmarkers.push(marker)
        // add a line to the side_bar html
        side_bar_html += '<td class=cbhp width=19 valign=top align=left><img width=17 height=16 src=/images/googlemaps/icons/' + iname + '></td><td class=cbhp width=215 valign=top align=left><a href="javascript:myclick(' + (gmarkers.length-1) + ')";>' + label + '</a></td>';
        tdrow++;
        if (tdrow > 3){side_bar_html += '</tr><tr>'; tdrow =1;
         }
        return marker;
      }      
 
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }
      
      // built by script 
 
      var map = new GMap2(document.getElementById("map"),  { size: new GSize(550,450) } );
      
      map.addControl(new GLargeMapControl3D());
      map.addControl(new GMapTypeControl());
      map.setMapType(G_HYBRID_MAP);
      map.setCenter(new GLatLng(30.45814,-86.5523), 11);

            var lat = "30.39425";
      var lng = "-86.5125";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://www.boogieswatersports.com/ target=_blank> Boogies Water Sports</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.boogieswatersports.com/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/405.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>2 Harbor Blvd <br>Destin, FL </span></td></tr></table>";
      var label = "Boogies Water Sports";
      var icontype = '19';
      var marker = createMarker(point,label,html,icontype,'wateractivities.png');
      map.addOverlay(marker);
      var lat = "30.39797";
      var lng = "-86.5980";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://www.crabislandwatersports.com/ target=_blank> Crab Island Water Sports</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.crabislandwatersports.com/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/407.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>1198 Miracle Strip Pkwy. SE <br>Fort Walton Beach, FL </span></td></tr></table>";
      var label = "Crab Island Water Sports";
      var icontype = '19';
      var marker = createMarker(point,label,html,icontype,'wateractivities.png');
      map.addOverlay(marker);
      var lat = "30.39429";
      var lng = "-86.5051";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://www.boatrentalsindestin.com/ target=_blank> Dockside</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.boatrentalsindestin.com/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/408.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>288 Harbor Blvd. <br>Destin, FL </span></td></tr></table>";
      var label = "Dockside";
      var icontype = '19';
      var marker = createMarker(point,label,html,icontype,'wateractivities.png');
      map.addOverlay(marker);
      var lat = "30.40381";
      var lng = "-86.6199";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://www.crabshackmarina.com/FWBYachtBasin.html target=_blank> Fort Walton Beach Yacht Club</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.crabshackmarina.com/FWBYachtBasin.html target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/412.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>104 Miracle Strip Pkwy SW  #A<br>Fort Walton Beach, FL </span></td></tr></table>";
      var label = "Fort Walton Beach Yacht Club";
      var icontype = '19';
      var marker = createMarker(point,label,html,icontype,'wateractivities.png');
      map.addOverlay(marker);
      var lat = "30.39407";
      var lng = "-86.5079";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://www.parasaildestin.com/ target=_blank> Just Chute Me</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.parasaildestin.com/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/410.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>194 Harbor Blvd <br>Destin, FL </span></td></tr></table>";
      var label = "Just Chute Me";
      var icontype = '19';
      var marker = createMarker(point,label,html,icontype,'wateractivities.png');
      map.addOverlay(marker);
      var lat = "30.39439";
      var lng = "-86.5914";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://www.kittyhawk.com/ target=_blank> Kitty Hawk Kites of Florida</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.kittyhawk.com/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/409.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>1450 Miracle Strip Pkwy #101<br>Fort Walton Beach, FL </span></td></tr></table>";
      var label = "Kitty Hawk Kites of Florida";
      var icontype = '19';
      var marker = createMarker(point,label,html,icontype,'wateractivities.png');
      map.addOverlay(marker);
      var lat = "30.40339";
      var lng = "-86.6068";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://www.liquidsurfandsail.com/ target=_blank> Liquid Surf & Sail</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.liquidsurfandsail.com/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/414.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>158 Miracle Strip Pkwy SE <br>Fort Walton Beach, FL </span></td></tr></table>";
      var label = "Liquid Surf & Sail";
      var icontype = '19';
      var marker = createMarker(point,label,html,icontype,'wateractivities.png');
      map.addOverlay(marker);
      var lat = "30.52197";
      var lng = "-86.4936";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://www.northlightmarina.com/index.cfm? target=_blank> North Light Yacht Club</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.northlightmarina.com/index.cfm? target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/411.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>115 John Sims Parkway W <br>Niceville, FL </span></td></tr></table>";
      var label = "North Light Yacht Club";
      var icontype = '19';
      var marker = createMarker(point,label,html,icontype,'wateractivities.png');
      map.addOverlay(marker);
      var lat = "30.39498";
      var lng = "-86.5094";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://www.olinmarlercharterboats.com/ target=_blank> Olin Marler Charter Boats, Inc.</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.olinmarlercharterboats.com/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/403.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Olin Marlers Charter Fishing Service has the largest fishing fleet on the Emerald Coast! We are pleased to have the opportunity to introduce our fleet and invite you aboard to fish the beautiful, unspoiled waters of the Gulf of Mexico. <br><br>102D Highway 98 <br>Destin, FL </span></td></tr></table>";
      var label = "Olin Marler Charter Boats, Inc.";
      var icontype = '19';
      var marker = createMarker(point,label,html,icontype,'wateractivities.png');
      map.addOverlay(marker);
      var lat = "30.39405";
      var lng = "-86.5051";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://www.pelicanadventures.net/ target=_blank> Pelican Adventures, Inc.</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.pelicanadventures.net/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/401.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Pelican Adventures is a Well Established Family Owned & Operated Charter Boat Business. Charter fishing in the Gulf of Mexico off the coast of Destin Florida is an experience not to be missed. Whether it’s Deep Sea Fishing or Bay Fishing, there is somet<br><br>288 Harbor Blvd <br>Destin, FL </span></td></tr></table>";
      var label = "Pelican Adventures, Inc.";
      var icontype = '19';
      var marker = createMarker(point,label,html,icontype,'wateractivities.png');
      map.addOverlay(marker);
      var lat = "30.43539";
      var lng = "-86.5841";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://www.shalimaryachtbasin.com/ target=_blank> Shalimar Yacht Club</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.shalimaryachtbasin.com/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/413.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>100 Old Ferry Road <br>Shalimar, FL </span></td></tr></table>";
      var label = "Shalimar Yacht Club";
      var icontype = '19';
      var marker = createMarker(point,label,html,icontype,'wateractivities.png');
      map.addOverlay(marker);


      // put the assembled side_bar_html contents into the side_bar div

      function legend() {
       var load = window.open('http://www.welcometonorthwestflorida.com/images/googlemaps/legend1.gif','','scrollbars=no,menubar=no,width=560,height=450,resizable=no,toolbar=no,location=no,status=no');
       }
         side_bar_html += '</tr></table><p align=center><a a href="javascript:legend()">Map Legend</a>';

         document.getElementById("side_bar").innerHTML = side_bar_html;


    }   else
     { alert("Google Maps is not compatible with this browser"); }

    //]]>

