    //<![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/acc-condo.gif";
      icon0.iconSize = new GSize(22, 20);
      icon0.iconAnchor = new GPoint(10, 10);
      icon0.infoWindowAnchor = new GPoint(10, 10);

      var icon1 = new GIcon();
      icon1.image = "images/googlemaps/icons/acc-home.gif";
      icon1.iconSize = new GSize(22, 20);
      icon1.iconAnchor = new GPoint(10, 10);
      icon1.infoWindowAnchor = new GPoint(10, 10);

      var icon2 = new GIcon();
      icon2.image = "images/googlemaps/icons/acc-hotel.gif";
      icon2.iconSize = new GSize(22, 20);
      icon2.iconAnchor = new GPoint(10, 10);
      icon2.infoWindowAnchor = new GPoint(10, 10);

      var icon3 = new GIcon();
      icon3.image = "images/googlemaps/icons/acc-longterm.gif";
      icon3.iconSize = new GSize(22, 20);
      icon3.iconAnchor = new GPoint(10, 10);
      icon3.infoWindowAnchor = new GPoint(10, 10);

      var icon4 = new GIcon();
      icon4.image = "images/googlemaps/icons/acc-rentalcompany.gif";
      icon4.iconSize = new GSize(22, 20);
      icon4.iconAnchor = new GPoint(10, 10);
      icon4.infoWindowAnchor = new GPoint(10, 10);

      var icon5 = new GIcon();
      icon5.image = "images/googlemaps/icons/acc-resort.gif";
      icon5.iconSize = new GSize(22, 20);
      icon5.iconAnchor = new GPoint(10, 10);
      icon5.infoWindowAnchor = new GPoint(10, 10);

      var icon6 = new GIcon();
      icon6.image = "images/googlemaps/icons/airport.gif";
      icon6.iconSize = new GSize(22, 20);
      icon6.iconAnchor = new GPoint(10, 10);
      icon6.infoWindowAnchor = new GPoint(10, 10);

      var icon7 = new GIcon();
      icon7.image = "images/googlemaps/icons/areainfo.gif";
      icon7.iconSize = new GSize(22, 20);
      icon7.iconAnchor = new GPoint(10, 10);
      icon7.infoWindowAnchor = new GPoint(10, 10);

      var icon8 = new GIcon();
      icon8.image = "images/googlemaps/icons/beachhouse.gif";
      icon8.iconSize = new GSize(22, 20);
      icon8.iconAnchor = new GPoint(10, 10);
      icon8.infoWindowAnchor = new GPoint(10, 10);

      var icon9 = new GIcon();
      icon9.image = "images/googlemaps/icons/boating.gif";
      icon9.iconSize = new GSize(22, 20);
      icon9.iconAnchor = new GPoint(10, 10);
      icon9.infoWindowAnchor = new GPoint(10, 10);

      var icon10 = new GIcon();
      icon10.image = "images/googlemaps/icons/boatramp.gif";
      icon10.iconSize = new GSize(22, 20);
      icon10.iconAnchor = new GPoint(10, 10);
      icon10.infoWindowAnchor = new GPoint(10, 10);

      var icon11 = new GIcon();
      icon11.image = "images/googlemaps/icons/camping.gif";
      icon11.iconSize = new GSize(22, 20);
      icon11.iconAnchor = new GPoint(10, 10);
      icon11.infoWindowAnchor = new GPoint(10, 10);

      var icon12 = new GIcon();
      icon12.image = "images/googlemaps/icons/entertainment.gif";
      icon12.iconSize = new GSize(22, 20);
      icon12.iconAnchor = new GPoint(10, 10);
      icon12.infoWindowAnchor = new GPoint(10, 10);

      var icon13 = new GIcon();
      icon13.image = "images/googlemaps/icons/fishing.gif";
      icon13.iconSize = new GSize(22, 20);
      icon13.iconAnchor = new GPoint(10, 10);
      icon13.infoWindowAnchor = new GPoint(10, 10);

      var icon14 = new GIcon();
      icon14.image = "images/googlemaps/icons/golf.gif";
      icon14.iconSize = new GSize(22, 20);
      icon14.iconAnchor = new GPoint(10, 10);
      icon14.infoWindowAnchor = new GPoint(10, 10);

      var icon15 = new GIcon();
      icon15.image = "images/googlemaps/icons/medical.gif";
      icon15.iconSize = new GSize(22, 20);
      icon15.iconAnchor = new GPoint(10, 10);
      icon15.infoWindowAnchor = new GPoint(10, 10);

      var icon16 = new GIcon();
      icon16.image = "images/googlemaps/icons/museum.gif";
      icon16.iconSize = new GSize(22, 20);
      icon16.iconAnchor = new GPoint(10, 10);
      icon16.infoWindowAnchor = new GPoint(10, 10);

      var icon17 = new GIcon();
      icon17.image = "images/googlemaps/icons/park.gif";
      icon17.iconSize = new GSize(22, 20);
      icon17.iconAnchor = new GPoint(10, 10);
      icon17.infoWindowAnchor = new GPoint(10, 10);

      var icon18 = new GIcon();
      icon18.image = "images/googlemaps/icons/publicaccess.gif";
      icon18.iconSize = new GSize(22, 20);
      icon18.iconAnchor = new GPoint(10, 10);
      icon18.infoWindowAnchor = new GPoint(10, 10);

      var icon19 = new GIcon();
      icon19.image = "images/googlemaps/icons/realestate-agent.gif";
      icon19.iconSize = new GSize(22, 20);
      icon19.iconAnchor = new GPoint(10, 10);
      icon19.infoWindowAnchor = new GPoint(10, 10);

      var icon20 = new GIcon();
      icon20.image = "images/googlemaps/icons/realestate-commercial.gif";
      icon20.iconSize = new GSize(22, 20);
      icon20.iconAnchor = new GPoint(10, 10);
      icon20.infoWindowAnchor = new GPoint(10, 10);

      var icon21 = new GIcon();
      icon21.image = "images/googlemaps/icons/realestate-condo.gif";
      icon21.iconSize = new GSize(22, 20);
      icon21.iconAnchor = new GPoint(10, 10);
      icon21.infoWindowAnchor = new GPoint(10, 10);

      var icon22 = new GIcon();
      icon22.image = "images/googlemaps/icons/realestate-fractionall.gif";
      icon22.iconSize = new GSize(22, 20);
      icon22.iconAnchor = new GPoint(10, 10);
      icon22.infoWindowAnchor = new GPoint(10, 10);

      var icon23 = new GIcon();
      icon23.image = "images/googlemaps/icons/realestate-home.gif";
      icon23.iconSize = new GSize(22, 20);
      icon23.iconAnchor = new GPoint(10, 10);
      icon23.infoWindowAnchor = new GPoint(10, 10);

      var icon24 = new GIcon();
      icon24.image = "images/googlemaps/icons/realestate-lot.gif";
      icon24.iconSize = new GSize(22, 20);
      icon24.iconAnchor = new GPoint(10, 10);
      icon24.infoWindowAnchor = new GPoint(10, 10);

      var icon25 = new GIcon();
      icon25.image = "images/googlemaps/icons/realestate.gif";
      icon25.iconSize = new GSize(22, 20);
      icon25.iconAnchor = new GPoint(10, 10);
      icon25.infoWindowAnchor = new GPoint(10, 10);

      var icon26 = new GIcon();
      icon26.image = "images/googlemaps/icons/restaurants.gif";
      icon26.iconSize = new GSize(22, 20);
      icon26.iconAnchor = new GPoint(10, 10);
      icon26.infoWindowAnchor = new GPoint(10, 10);

      var icon27 = new GIcon();
      icon27.image = "images/googlemaps/icons/restaurants2.gif";
      icon27.iconSize = new GSize(22, 20);
      icon27.iconAnchor = new GPoint(10, 10);
      icon27.infoWindowAnchor = new GPoint(10, 10);

      var icon28 = new GIcon();
      icon28.image = "images/googlemaps/icons/services.gif";
      icon28.iconSize = new GSize(22, 20);
      icon28.iconAnchor = new GPoint(10, 10);
      icon28.infoWindowAnchor = new GPoint(10, 10);

      var icon29 = new GIcon();
      icon29.image = "images/googlemaps/icons/shopping.gif";
      icon29.iconSize = new GSize(22, 20);
      icon29.iconAnchor = new GPoint(10, 10);
      icon29.infoWindowAnchor = new GPoint(10, 10);

      var icon30 = new GIcon();
      icon30.image = "images/googlemaps/icons/tennis.gif";
      icon30.iconSize = new GSize(22, 20);
      icon30.iconAnchor = new GPoint(10, 10);
      icon30.infoWindowAnchor = new GPoint(10, 10);

      var icon31 = new GIcon();
      icon31.image = "images/googlemaps/icons/thingstodoland.gif";
      icon31.iconSize = new GSize(22, 20);
      icon31.iconAnchor = new GPoint(10, 10);
      icon31.infoWindowAnchor = new GPoint(10, 10);

      var icon32 = new GIcon();
      icon32.image = "images/googlemaps/icons/thingstodowater.gif";
      icon32.iconSize = new GSize(22, 20);
      icon32.iconAnchor = new GPoint(10, 10);
      icon32.infoWindowAnchor = new GPoint(10, 10);

      var icon33 = new GIcon();
      icon33.image = "images/googlemaps/icons/wedding-beach.gif";
      icon33.iconSize = new GSize(22, 20);
      icon33.iconAnchor = new GPoint(10, 10);
      icon33.infoWindowAnchor = new GPoint(10, 10);

      var icon34 = new GIcon();
      icon34.image = "images/googlemaps/icons/wedding-church.gif";
      icon34.iconSize = new GSize(22, 20);
      icon34.iconAnchor = new GPoint(10, 10);
      icon34.infoWindowAnchor = new GPoint(10, 10);

      var icon35 = new GIcon();
      icon35.image = "images/googlemaps/icons/wedding-condo.gif";
      icon35.iconSize = new GSize(22, 20);
      icon35.iconAnchor = new GPoint(10, 10);
      icon35.infoWindowAnchor = new GPoint(10, 10);

      var icon36 = new GIcon();
      icon36.image = "images/googlemaps/icons/wedding-hm.gif";
      icon36.iconSize = new GSize(22, 20);
      icon36.iconAnchor = new GPoint(10, 10);
      icon36.infoWindowAnchor = new GPoint(10, 10);

      var icon37 = new GIcon();
      icon37.image = "images/googlemaps/icons/wedding-hotel.gif";
      icon37.iconSize = new GSize(22, 20);
      icon37.iconAnchor = new GPoint(10, 10);
      icon37.infoWindowAnchor = new GPoint(10, 10);

      var icon38 = new GIcon();
      icon38.image = "images/googlemaps/icons/wedding-house.gif";
      icon38.iconSize = new GSize(22, 20);
      icon38.iconAnchor = new GPoint(10, 10);
      icon38.infoWindowAnchor = new GPoint(10, 10);

      var icon39 = new GIcon();
      icon39.image = "images/googlemaps/icons/wedding-reception.gif";
      icon39.iconSize = new GSize(22, 20);
      icon39.iconAnchor = new GPoint(10, 10);
      icon39.infoWindowAnchor = new GPoint(10, 10);

      var icon40 = new GIcon();
      icon40.image = "images/googlemaps/icons/wedding-resort.gif";
      icon40.iconSize = new GSize(22, 20);
      icon40.iconAnchor = new GPoint(10, 10);
      icon40.infoWindowAnchor = new GPoint(10, 10);

      var icon41 = new GIcon();
      icon41.image = "images/googlemaps/icons/wedding-service.gif";
      icon41.iconSize = new GSize(22, 20);
      icon41.iconAnchor = new GPoint(10, 10);
      icon41.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;
icons[21] = icon21;
icons[22] = icon22;
icons[23] = icon23;
icons[24] = icon24;
icons[25] = icon25;
icons[26] = icon26;
icons[27] = icon27;
icons[28] = icon28;
icons[29] = icon29;
icons[30] = icon30;
icons[31] = icon31;
icons[32] = icon32;
icons[33] = icon33;
icons[34] = icon34;
icons[35] = icon35;
icons[36] = icon36;
icons[37] = icon37;
icons[38] = icon38;
icons[39] = icon39;
icons[40] = icon40;
icons[41] = icon41;


      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(720,450) } );map.removeMapType(G_HYBRID_MAP);
      map.addControl(new GLargeMapControl3D());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(30.51642,-86.4919), 12);

            var lat = "30.65469";
      var lng = "-86.8881";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://destin-ation.com//z/blackwater/index.htm target=_blank> Blackwater Canoe Rental & Sales </a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://destin-ation.com//z/blackwater/index.htm target=_blank><img border=0 width=120 height=80 src=http://destin-ation.com/images/googlemaps/thumbnails/174.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Canoe, kayak or tube the clear waters of the Blackwater River. Enjoy one of our many day trips  or be real adventurous and spend the night on our camping and canoe trip!<br><br>10274 Pond Rd <br>Milton, FL </span></td></tr></table>";
      var label = "Blackwater Canoe Rental & Sales ";
      var icontype = '32';
      var marker = createMarker(point,label,html,icontype,'thingstodowater.gif');
      map.addOverlay(marker);
      var lat = "30.48186";
      var lng = "-86.4194";
      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.destin-ation.com/z/bluewaterbay/index.htm target=_blank> Bluewater Bay Golf Resort</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.destin-ation.com/z/bluewaterbay/index.htm target=_blank><img border=0 width=120 height=80 src=http://destin-ation.com/images/googlemaps/thumbnails/8.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Niceville. Golf resort villas.<br><br>2000 Bluewater Blvd. <br>Niceville, FL </span></td></tr></table>";
      var label = "Bluewater Bay Golf Resort";
      var icontype = '5';
      var marker = createMarker(point,label,html,icontype,'acc-resort.gif');
      map.addOverlay(marker);
      var lat = "30.48731";
      var lng = "-86.4320";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> Bluewater Bay Tennis Center </a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://destin-ation.com/images/googlemaps/thumbnails/190.jpg></a></div></td><td width=150 valign=top><span class=cbhp > 32578-4120<br><br>777 Bay Drive <br>Niceville, FL </span></td></tr></table>";
      var label = "Bluewater Bay Tennis Center ";
      var icontype = '30';
      var marker = createMarker(point,label,html,icontype,'tennis.gif');
      map.addOverlay(marker);
      var lat = "30.51383";
      var lng = "-86.4826";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> Giuseppis Wharf Restaurant and Marina</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://destin-ation.com/images/googlemaps/thumbnails/212.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>821 Bayshore Dr <br>Niceville, FL </span></td></tr></table>";
      var label = "Giuseppis Wharf Restaurant and Marina";
      var icontype = '26';
      var marker = createMarker(point,label,html,icontype,'restaurants.gif');
      map.addOverlay(marker);
      var lat = "30.51575";
      var lng = "-86.4645";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> Lewbo&#0039;s Steaks</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://destin-ation.com/images/googlemaps/thumbnails/216.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>1128 E. John Sims Parkway <br>Niceville, FL </span></td></tr></table>";
      var label = "Lewbo&#0039;s Steaks";
      var icontype = '26';
      var marker = createMarker(point,label,html,icontype,'restaurants.gif');
      map.addOverlay(marker);
      var lat = "30.49686";
      var lng = "-86.4346";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> Rocky Bayou State Park</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://destin-ation.com/images/googlemaps/thumbnails/206.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Located on the Choctawhatchee Bay, across the bridge from Destin, Florida, camping and RV park.<br><br>4281 State Road 20 <br>Niceville, FL </span></td></tr></table>";
      var label = "Rocky Bayou State Park";
      var icontype = '17';
      var marker = createMarker(point,label,html,icontype,'park.gif');
      map.addOverlay(marker);
      var lat = "30.37480";
      var lng = "-86.3624";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2><a class=verd href=http://destin-ation.com//z/seascape/photos.htm target=_blank> Seascape Resort Guest - Discounted Beach Photograp</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://destin-ation.com//z/seascape/photos.htm target=_blank><img border=0 width=120 height=80 src=http://destin-ation.com/images/googlemaps/thumbnails/168.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Discounted beach photography for Seascape Resort guests provided by PerceptionsbyMayer photography. <br><br>132 Wright Circle <br>Niceville, FL </span></td></tr></table>";
      var label = "Seascape Resort Guest - Discounted Beach Photograp";
      var icontype = '28';
      var marker = createMarker(point,label,html,icontype,'services.gif');
      map.addOverlay(marker);
      var lat = "30.13803";
      var lng = "-85.6057";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> St. Andrews State Park</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://destin-ation.com/images/googlemaps/thumbnails/207.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Gulf front full facility camping and RV park.<br><br>4607 State Park Lane  <br>Panama City, FL </span></td></tr></table>";
      var label = "St. Andrews State Park";
      var icontype = '17';
      var marker = createMarker(point,label,html,icontype,'park.gif');
      map.addOverlay(marker);
      var lat = "30.48242";
      var lng = "-86.4314";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> The Clubhouse Restaurant </a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://destin-ation.com/images/googlemaps/thumbnails/209.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Casual section with a full service bar/lounge with Happy Hour serving breakfast, lunch and dinner.<br><br>1950 Bluewater Blvd <br>Niceville, FL </span></td></tr></table>";
      var label = "The Clubhouse Restaurant ";
      var icontype = '26';
      var marker = createMarker(point,label,html,icontype,'restaurants.gif');
      map.addOverlay(marker);
      var lat = "30.53347";
      var lng = "-86.4960";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> Twin Cities Hospital</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://destin-ation.com/images/googlemaps/thumbnails/259.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>2190 Highway 85 N <br>Niceville, FL </span></td></tr></table>";
      var label = "Twin Cities Hospital";
      var icontype = '15';
      var marker = createMarker(point,label,html,icontype,'medical.gif');
      map.addOverlay(marker);


      // put the assembled side_bar_html contents into the side_bar div

      function legend() {
       var load = window.open('http://www.destin-ation.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><tr><td colspan=6 align=center><a a href="javascript:legend()">Map Legend</a></td></tr></table>';

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


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

    //]]>
