window.onload = onPageLoad;
var map;
var baseIcon;
var markers = Array();

function preLoad() {
  var imgNames  = preLoad.arguments;
  var imgs = new Array();
    for (var i=0; i<imgNames.length; i++) {
      imgs[i] = new Image();
      imgs[i].src = imgNames[i];
    }
}

function markerClick(name) {
  map.setCenter(markers[name].getLatLng(), 18-2);
}

function createMarker(name, latitude, longitude) {
  var marker = new PdMarker(new GLatLng(latitude, longitude), baseIcon);
  marker.setTooltip(name);
// marker.setHoverImage("http://www.google.com/mapfiles/dd-start.png");
  marker.setHoverImage("assets/page_assets/whitgift_gmap_marker_on.png");
  map.addOverlay(marker);
  markers[name] = marker;
  GEvent.addListener(marker, "click", function() {markerClick(name)});  
}

function onPageLoad() {
  preLoad("assets/page_assets/whitgift_gmap_marker_off.png", "assets/page_assets/whitgift_gmap_marker_shadow.png", "assets/page_assets/whitgift_gmap_marker_on.png");
  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(51.37384, -0.09971), 13);
    map.addMapType(G_NORMAL_MAP);
    map.setMapType(G_NORMAL_MAP);

    map.addControl(new GLargeMapControl());
    map.addControl(new GHierarchicalMapTypeControl());
    map.addControl(new GScaleControl());

    baseIcon = new GIcon();
    baseIcon.image  = "assets/page_assets/whitgift_gmap_marker_off.png";
    baseIcon.shadow = "assets/page_assets/whitgift_gmap_marker_shadow.png";
    baseIcon.iconSize = new GSize(27, 35);
    baseIcon.shadowSize = new GSize(49, 37);
    baseIcon.iconAnchor = new GPoint(13, 34);
    baseIcon.infoWindowAnchor = new GPoint(13, 2);
    baseIcon.infoShadowAnchor = new GPoint(18, 25);

	// Output from tvOut loop here.
	createMarker("The Whitgift Foundation", 51.37384, -0.09971);
  }
}