//Loads Google Map
function loadMaps() { 
  if (GBrowserIsCompatible()) {
  
  div = document.getElementById('mapPlaceholder');
    if(div.style.display == 'none')
    {
        div.style.display = ''; //change this to '' to enable google map
    }
    else
    {
        div.style.display = 'none';
    }
    var map = new GMap2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(46.997797, -124.140000), 12);
    
    // Creates a marker at the given point with the given number label
    function createMarker(point, text) {
      var marker = new GMarker(point);
      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml("<b>" + text + "</b>");
      });
      return marker;
    }
    
    // Adds the Convention Center and Golf Course to every map
    var point1      = new GLatLng(47.007425, -124.16289);
    var point1name  = "Ocean Shores Convention Center";
    var point2      = new GLatLng(46.997797, -124.158489);
    var point2name  = "Ocean Shores Golf Course";
    map.addOverlay(new GMarker(point1, {title: point1name}));
    map.addOverlay(new GMarker(point2, {title: point2name}));
        
    // Creates List of all elements with class name 'google_latlong' which grabs all checkboxes
    var points = document.getElementsByClassName('google_latlong');
    points.each(function (p) {
    if (p.checked) {
        var pointParts = p.value.split("|");
        var point = new GLatLng(pointParts[0],pointParts[1]);
        map.addOverlay(createMarker(point, pointParts[2]));
       };
    });
  }
}

function loadMapsPop() { 
  if (GBrowserIsCompatible()) {
  
  div = document.getElementById('mapPlaceholder');
    if(div.style.display == 'none')
    {
        div.style.display = ''; //change this to '' to enable google map
    }
    else
    {
        div.style.display = 'none';
    }
    var map = new GMap2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(46.997797, -124.140000), 12);
    

    // Creates a marker at the given point with the given number label
    function createMarker(point, text) {
      var marker = new GMarker(point);
      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml("<b>" + text + "</b>");
      });
      return marker;
    }
    
    // Adds the Convention Center and Golf Course to every map
    var point1      = new GLatLng(47.007425, -124.16289);
    var point1name  = "Ocean Shores Convention Center";
    var point2      = new GLatLng(46.997797, -124.158489);
    var point2name  = "Ocean Shores Golf Course";
    map.addOverlay(new GMarker(point1, {title: point1name}));
    map.addOverlay(new GMarker(point2, {title: point2name}));
    
    
        var pointParts  = poppedMap.split("|");
        var point       = new GLatLng(pointParts[0],pointParts[1]);
        map.addOverlay(createMarker(point, pointParts[2]));
        map.setCenter(point,12);
  }
}