﻿

    //<![CDATA[
    function load() {
      if (GBrowserIsCompatible()) {
      
      function createMarkerClickEvent(theMarker, point, html) {
    
        GEvent.addListener(theMarker, "click", function() {
          theMarker.openInfoWindowHtml(html);
        });
       
      }
        //Create the map
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(33.6845, -78.8930), 16);
        
        //Content for info window
        var quote = String.fromCharCode(34)
        
         var htmlString = "<div id='GoogleInfoWindow'>"
             htmlString += "<b style='font-size:12pt'>Ocean Watersports</b><br /><span style='font-size:8pt'>We are located on the beach at 3rd Ave. S.<br> in Myrtle Beach, SC between Westgate Resort and Family Kingdom.</span><br />"
             htmlString += "<img src='Images/GoogleInfoPic.jpg' id='GoogleInfoWindowImage' alt='Image of Ocean Watersports.'><br>"
             htmlString += "<b>Call <span style='color:#009900'>843-445-7777</span> today for reservations!</b><br>"
             htmlString += "Click <a href='#' onclick=" + quote + "return popGoogleDirections()" + quote + " style='color:#990000'>here</a> for driving directions."

        //Add a Marker & info window
        var point = new GLatLng(33.680550, -78.890833);
        
        
        var marker = new GMarker(point);
        createMarkerClickEvent(marker, point, htmlString)
        map.addOverlay(marker);
        marker.openInfoWindowHtml(htmlString)
        
        //Add the controls     
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        
      }
    }
    //]]>