//<![CDATA[

function load() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
	map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(41.8403, -87.6225), 17, G_HYBRID_MAP);

    // Create marker for SCCA
	function createMarker(point, icon, html) {		
		  var marker = new GMarker(point, icon);
		  map.addOverlay(marker);
	      GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});
	      return marker;
	}
	
	var icon = new GIcon();
	icon.image = "/images/site/map-scca.png";
	icon.iconSize = new GSize(40, 46);
	icon.iconAnchor = new GPoint(20, 46);
	icon.infoWindowAnchor = new GPoint(25, 5);
	icon.infoShadowAnchor = new GPoint(45, 0);

	var point = new GLatLng(41.84026, -87.6226);
	
	var html = 'hello world';
	
	var html = '<div style="width: 300px;">';
		html += '<form action="http://maps.google.com/maps" method="get" style="text-align: left" target="_blank">';
		html += '<label><span style="color: #24711a; font-weight: bold;">Enter Starting Address for Driving Directions:</span></label><br><input type="text" name="saddr" value="" style="width: 300px" size="30"/>';
		html += '<input type="hidden" name="daddr" value="3001 S. Michigan Ave, Chicago, IL 60616"/>';
		html += '<br /><span style="font-size: 0.9em; color: #666;">(Example: 3001 S. Michigan Ave., Chicago, IL 60616)</span><br /><input type="submit" value="Get Directions"/></form>';
		html += '</div>';
	
	createMarker(point, icon, html);

	// Outline SCCA
	var polygon = new GPolygon([
	    new GLatLng(41.8419, -87.62325),
	    new GLatLng(41.8419, -87.62205),
	    new GLatLng(41.83885, -87.6220),
		new GLatLng(41.83885, -87.62315),
		new GLatLng(41.8419, -87.62325)
	], "#24711a",3,1.0,"#89d180",0.5);
	map.addOverlay(polygon);


  }
}

//]]>