//<![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.56580,-86.6265), 10);

            var lat = "30.46643";
      var lng = "-86.5599";
      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.afarmamentmuseum.com/ target=_blank> Air Force Armament Museum</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.afarmamentmuseum.com/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/116.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Experience the aviation warfare armament from the early days of World War I right through to todays high tech planes and bombs.<br><br>100 Museum Drive <br>Eglin AFB, FL </span></td></tr></table>";
      var label = "Air Force Armament Museum";
      var icontype = '13';
      var marker = createMarker(point,label,html,icontype,'museum.jpg');
      map.addOverlay(marker);
      var lat = "30.40363";
      var lng = "-86.6063";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> Cinema Plus </a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/395.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>174 Miracle Strip Pkwy SE <br>Fort Walton Beach, FL </span></td></tr></table>";
      var label = "Cinema Plus ";
      var icontype = '6';
      var marker = createMarker(point,label,html,icontype,'general.png');
      map.addOverlay(marker);
      var lat = "30.77227";
      var lng = "-86.5646";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> Crestview III Theatre </a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/399.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>789 N. Ferdon Blvd <br>Crestview, FL </span></td></tr></table>";
      var label = "Crestview III Theatre ";
      var icontype = '6';
      var marker = createMarker(point,label,html,icontype,'general.png');
      map.addOverlay(marker);
      var lat = "30.39597";
      var lng = "-86.5091";
      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.destinhistoryandfishingmuseum.org/ target=_blank> Destin History and Fishing Museum </a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.destinhistoryandfishingmuseum.org/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/388.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Experience the feeling of swimming in the Gulf of Mexico with award winning examples of fish caught in Destin. This exhibit is displayed on a 100 feet of wall space depicting the Gulf floor. <br><br>108 Stahlman Ave <br>Destin, FL </span></td></tr></table>";
      var label = "Destin History and Fishing Museum ";
      var icontype = '13';
      var marker = createMarker(point,label,html,icontype,'museum.jpg');
      map.addOverlay(marker);
      var lat = "30.40253";
      var lng = "-86.6066";
      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.ecscience.org/ target=_blank> Emerald Coast Science Center</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.ecscience.org/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/109.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Where a child can turn  a science museum into fun!  Come discover the difference a hands on encounter with science can make. At the FOCUS CENTER, you’ll find a museum for children and families filled with touchable, interactive exhibits that teach about<br><br>139 Brooks Street <br>Fort Walton Beach, FL </span></td></tr></table>";
      var label = "Emerald Coast Science Center";
      var icontype = '13';
      var marker = createMarker(point,label,html,icontype,'museum.jpg');
      map.addOverlay(marker);
      var lat = "30.50490";
      var lng = "-86.4900";
      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.heritage-museum.org/wp/ target=_blank> Heritage Museum</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.heritage-museum.org/wp/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/389.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Florida Heritage 2010 is a preservation and digitization project documenting the development of Northwest Florida from a sparsely populated forest and fishing hub to an advanced technology military nexus and tourist destination. Through this initiative ph<br><br>115 Westview Avenue <br>Valparaiso, FL </span></td></tr></table>";
      var label = "Heritage Museum";
      var icontype = '13';
      var marker = createMarker(point,label,html,icontype,'museum.jpg');
      map.addOverlay(marker);
      var lat = "30.40431";
      var lng = "-86.6070";
      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.fwb.org/index.php/museums.html target=_blank> Heritage Park & Cultural Center </a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.fwb.org/index.php/museums.html target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/386.jpg></a></div></td><td width=150 valign=top><span class=cbhp >The City of Fort Walton Beach Heritage Park & Cultural Center is the flagship of the Indian Temple Mound Museum, Camp Walton Schoolhouse Museum, Garnier Post Office Museum, and the Fort Walton Temple Mound.<br><br>139 Miracle Strip Parkway Southeast <br>Fort Walton Beach, FL </span></td></tr></table>";
      var label = "Heritage Park & Cultural Center ";
      var icontype = '13';
      var marker = createMarker(point,label,html,icontype,'museum.jpg');
      map.addOverlay(marker);
      var lat = "30.40431";
      var lng = "-86.6070";
      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.fwb.org/index.php/museums.html target=_blank> Indian Temple Mound Museum</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.fwb.org/index.php/museums.html target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/390.jpg></a></div></td><td width=150 valign=top><span class=cbhp >A 20,000 piece exhibit showcasing Americas largest collection of Southeastern Indian ceramic artifacts found in a 40.mile radius of the downtown area. A temple mound, once used by Native Americans for political and religious ceremonies, is just outside th<br><br>139 Miracle Strip Pkwy <br>Ft. Walton Beach, FL </span></td></tr></table>";
      var label = "Indian Temple Mound Museum";
      var icontype = '13';
      var marker = createMarker(point,label,html,icontype,'museum.jpg');
      map.addOverlay(marker);
      var lat = "30.39033";
      var lng = "-86.4867";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> Lively Cinema 10 </a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/397.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>759 Highway 98 East <br>Destin, FL </span></td></tr></table>";
      var label = "Lively Cinema 10 ";
      var icontype = '6';
      var marker = createMarker(point,label,html,icontype,'general.png');
      map.addOverlay(marker);
      var lat = "30.53342";
      var lng = "-86.4766";
      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.mattiekellyartscenter.org/ target=_blank> Mattie Kelly Arts Center</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.mattiekellyartscenter.org/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/433.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>100 College Blvd E <br>Niceville, FL </span></td></tr></table>";
      var label = "Mattie Kelly Arts Center";
      var icontype = '6';
      var marker = createMarker(point,label,html,icontype,'general.png');
      map.addOverlay(marker);
      var lat = "30.40300";
      var lng = "-86.6044";
      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.nfballet.org/ target=_blank> Northwest Florida Ballet</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.nfballet.org/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/393.jpg></a></div></td><td width=150 valign=top><span class=cbhp >Founded in 1969 by dance pioneer Bernadette Clements Sims. The organization’s mission is to provide quality dance performances and instruction for Northwest Florida; identify and develop talented dancers; and increase appreciation of the arts through pu<br><br>310 Perry Avenue SE  <br>Fort Walton Beach, FL </span></td></tr></table>";
      var label = "Northwest Florida Ballet";
      var icontype = '6';
      var marker = createMarker(point,label,html,icontype,'general.png');
      map.addOverlay(marker);
      var lat = "30.53474";
      var lng = "-86.4728";
      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.nfsymphony.org/ target=_blank> Northwest Florida Symphony Orchestra</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.nfsymphony.org/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/392.jpg></a></div></td><td width=150 valign=top><span class=cbhp >The NFSO is a professional orchestra which offers the highest quality of standard and new orchestral repertoire to the growing and diverse population of Northwest Florida. <br><br>100 College Boulevard <br>Niceville, FL </span></td></tr></table>";
      var label = "Northwest Florida Symphony Orchestra";
      var icontype = '6';
      var marker = createMarker(point,label,html,icontype,'general.png');
      map.addOverlay(marker);
      var lat = "30.39208";
      var lng = "-86.4237";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> Rave Motion Picture Destin</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/398.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>4000 Legendary Dr <br>Destin, FL </span></td></tr></table>";
      var label = "Rave Motion Picture Destin";
      var icontype = '6';
      var marker = createMarker(point,label,html,icontype,'general.png');
      map.addOverlay(marker);
      var lat = "30.42523";
      var lng = "-86.6448";
      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.regmovies.com/ target=_blank> Regal Sun Plaza Stadium 8</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.regmovies.com/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/394.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>427 Mary Esther Cutoff NW <br>Fort Walton Beach, FL </span></td></tr></table>";
      var label = "Regal Sun Plaza Stadium 8";
      var icontype = '6';
      var marker = createMarker(point,label,html,icontype,'general.png');
      map.addOverlay(marker);
      var lat = "30.39803";
      var lng = "-86.5948";
      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.sinfoniagulfcoast.org/index.html target=_blank> Sinfonia Gulf Coast Symphony</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.sinfoniagulfcoast.org/index.html target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/391.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>1250 Miracle Strip Pkwy SE  <br>Fort Walton Beach, FL </span></td></tr></table>";
      var label = "Sinfonia Gulf Coast Symphony";
      var icontype = '6';
      var marker = createMarker(point,label,html,icontype,'general.png');
      map.addOverlay(marker);
      var lat = "30.51645";
      var lng = "-86.4685";
      var point = new GLatLng(lat,lng);
      var html = "<table width=300 cellspacing=0 cellpadding=3 ><tr><td colspan=2> Twin Cities Cinema </a></td></tr><tr><td width=150 valign=top><div class=img-shadow><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/400.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>1047 John Sims Pkwy <br>Niceville, FL </span></td></tr></table>";
      var label = "Twin Cities Cinema ";
      var icontype = '6';
      var marker = createMarker(point,label,html,icontype,'general.png');
      map.addOverlay(marker);
      var lat = "30.41644";
      var lng = "-86.6595";
      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.regmovies.com/ target=_blank> United Artists Santa Rosa Cinemas</a></td></tr><tr><td width=150 valign=top><div class=img-shadow><a class=verd href=http://www.regmovies.com/ target=_blank><img border=0 width=120 height=80 src=http://www.welcometonorthwestflorida.com/images/googlemaps/thumbnails/396.jpg></a></div></td><td width=150 valign=top><span class=cbhp ><br><br>300 Mary Esther Blvd <br>Mary Esther, FL </span></td></tr></table>";
      var label = "United Artists Santa Rosa Cinemas";
      var icontype = '6';
      var marker = createMarker(point,label,html,icontype,'general.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"); }

    //]]>