var mapLong, mapLat, mapZoom;

function init_map() {
  mapLong=-116.079998;
  mapLat=50.670843;
  mapZoom=5;

  var map = new GMap(document.getElementById("map"));
  map.centerAndZoom(new GPoint(mapLong, mapLat), mapZoom);

  var icon = new GIcon();
  icon.image = "http://www.elkparkranch.com/images/map/bubble.png";
  icon.shadow = "http://www.elkparkranch.com/images/map/bubble_shaddow.png";
  icon.iconSize = new GSize(69, 49);
  icon.shadowSize = new GSize(95, 50);
  icon.iconAnchor = new GPoint(69, 49);
  icon.infoWindowAnchor = new GPoint(25, 8);

  map.addControl(new GSmallMapControl());
  var form = '<form action="http://maps.google.com/maps" method="get" target="_blank"><p>Get Directions to <br /><strong>Elk Park Ranch</strong><br /><label for="saddr">Your start address: </label><br /><input type="text" name="saddr" id="saddr" value="" /><input type="submit" value="Go" /><input type="hidden" name="daddr" value="'+mapLat+' '+mapLong+' (Elk Park Ranch)" /><input type="hidden" name="hl" value="en" /></p></form>';
  var point = new GPoint(mapLong, mapLat);             
  var marker = new GMarker(point,icon);
  map.addOverlay(marker);
  var test = 'Elk Park Ranch';


  GEvent.addListener(marker, "click", function() {
  	marker.openInfoWindowHtml(form);
  });
}

document.observe('dom:loaded', init_map)
