//////////////////////////////////////////////////////////////////////////////
//
// version:  1.1
// revised:  2008-09-18
// author:   Stephen Tudor
// website:  http://stephentudor.com/
//
//////////////////////////////////////////////////////////////////////////////

// This site uses jQuery for maximum awesomeness (http://jquery.com/)
// 
// <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAFQlictj0BJned_eoRPAJchQZnhDmTf_ak70tsoBdyT0ejCxyehSDdUM2NTPv1e_v0h6fC0jdeBM6Fg" type="text/javascript"></script>
// <script src="/js/gmap.js" type="text/javascript"></script>


// Prepare map container
function gMapPrepare() {
  $('.location .col2').append('<div></div>').attr({'id': 'map', 'style': 'height:331px;color:#000'});
}
// Creates a marker at the given point with the given number label
function gMapCreateMarker(marker, text) {
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(text);
  });
  return marker;
}
// My special Google Maps loader (http://www.google.com/apis/maps/)
function gMapLoad() {
  if (GBrowserIsCompatible()) {
    var d = $('.directions a');
    var map = new GMap2(document.getElementById("map"));
    var point = new GLatLng(38.858213, -77.053154);
    
    var baseIcon = new GIcon();
        baseIcon.iconSize = new GSize(32,32);
        baseIcon.shadowSize = new GSize(56,32);
        baseIcon.iconAnchor = new GPoint(16,32);
        baseIcon.infoWindowAnchor = new GPoint(16,0);
    var hotelIcon = new GIcon(baseIcon, "http://maps.google.com/mapfiles/kml/pal2/icon20.png", null, "http://maps.google.com/mapfiles/kml/pal2/icon20s.png"); // http://econym.googlepages.com/geicons.htm
    
    var marker = new GMarker(point, hotelIcon);
    
    var text = '<div style="text-align:center;"><img style="width:160px; height:64px;" src="/images/marriott-logo.png" alt="Marriott" /></div>';
    map.addControl(new GSmallMapControl());
    // map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(38.876500, -77.040000), 13);
    map.addOverlay(gMapCreateMarker(marker, text));
    marker.openInfoWindowHtml(text);
  }
  document.body.onunload = function() { GUnload(); };
}

// READY.
$(document).ready(function() {
  gMapPrepare();
  gMapLoad();
});