function load() {
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.addControl(new GScaleControl());
		map.setCenter(new GLatLng(44.969352, -93.288345), 13);
		var point = new GLatLng(44.969626, -93.289075);
		
		
	
		
  		var marker = createMarker(point,"Walker Art Center","<strong>Walker Art Center</strong><br/></br>");
        map.addOverlay(marker);
		
		
	
	}
}

	// Create a base icon for all of our markers that specifies the
		// shadow, icon dimensions, etc.
		var baseIcon = new GIcon();
		baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		baseIcon.iconSize = new GSize(20, 34);
		baseIcon.shadowSize = new GSize(37, 34);
		baseIcon.iconAnchor = new GPoint(9, 34);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);
		baseIcon.infoShadowAnchor = new GPoint(18, 25);

// arrays to hold copies of the markers and html used by the GMapSidebar
// because the function closure trick doesnt work there
var gmarkers = [];
var htmls = [];
var i = 0;
// arrays to hold variants of the info window html with get direction forms open
var to_htmls = [];
var from_htmls = [];

// A function to create the marker and set up the event window
function createMarker(point,name,html) {
	var icon = new GIcon(baseIcon);
	  icon.image = "http://info.walkerart.org/images/marker_w.png";	
  var marker = new GMarker(point,icon);

  // The info window version with the "to here" form open (The Directions Form part.)
  to_htmls[i] = html + '<br>Directions: <b>To here</b> - <a href="javascript:fromhere(' + i + ')">From here</a>' +
     '<br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
     '<input type="text" size=40 maxlength=40 name="saddr" id="saddr" value="" /><br>' +
     '<input value="Get Directions" TYPE="submit">' +
     '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +
            // "(" + name + ")" +
     '"/>';
  // The info window version with the "to here" form open
  from_htmls[i] = html + '<br>Directions: <a href="javascript:tohere(' + i + ')">To here</a> - <b>From here</b>' +
     '<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
     '<input type="text" size=40 maxlength=40 name="daddr" id="daddr" value="" /><br>' +
     '<input value="Get Directions" type="SUBMIT">' +
     '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
            // "(" + name + ")" +
     '"/>';
  // The inactive version of the direction info
  html = html + '<br>Directions: <a href="javascript:tohere('+i+')">To here</a> - <a href="javascript:fromhere('+i+')">From here</a>';
	
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });
  // save the info we need to use later for the GMapSidebar
  gmarkers[i] = marker;
  htmls[i] = html;
  // add a line to the GMapSidebar html
  //GMapSidebar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
  i++;
  
  
  return marker;
}

// This function picks up the click and opens the corresponding info window
function myclick(i) {
  gmarkers[i].openInfoWindowHtml(htmls[i]);
}

// functions that open the directions forms
function tohere(i) {
  gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}
function fromhere(i) {
  gmarkers[i].openInfoWindowHtml(from_htmls[i]);
}

