function createMarker(point) {
  var marker = new GMarker(point);

  var infoHtml = "<b>"+storeName+"</b><br />";
  infoHtml += storeAddress + "<br />";
  infoHtml += "<a href='"+shopOnlineURL+"'>Shop Online</a><br />";
  infoHtml += "<a href='http://maps.google.com/maps?f=d&source=s_d&daddr="+storeAddress+"'>Get Directions</a>";

  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(infoHtml);
  });
  return marker;
}

function createAlternateMarker(latitude, longitude, storeName, storeAddress, shopOnlineURL, map,storeLandingPageURL) {
  var point = new GLatLng(latitude, longitude);  
  var marker = new GMarker(point);

  var infoHtml = "<b>" + storeName + "</b><br />";
  infoHtml += storeAddress + "<br />";
  infoHtml += "<a href='" + shopOnlineURL + "'>Shop Online</a><br />";
  infoHtml += "<a href='" + storeLandingPageURL + "'>"+storeName+" Info</a><br />";
  infoHtml += "<a href='http://maps.google.com/maps?f=d&source=s_d&daddr=" + storeAddress + "'>Get Directions</a>";

  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(infoHtml);
  });

  map.addOverlay(marker);
}

function initializeMap() {
  if (GBrowserIsCompatible()) {

    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(storeLat, storeLong), 14);
    map.setUIToDefault();

    var point = new GLatLng(storeLat, storeLong);

    map.addOverlay(createMarker(point));

  }
}


$(document).ready(function() {

  $('#btnViewMapClick').click(function() {
    if ($('#mapContainer').is(':hidden')) {
      $('#mapContainer').show(function() {
        initializeMap();
      });
    }
    else {
      $('#mapContainer').hide();
    }
  });
});
