function load () {	
	var map = document.getElementById("map");	
	if (GBrowserIsCompatible()) {
		var gmap = new GMap2(map);	
		gmap.addControl( new GSmallMapControl() );
		gmap.addControl( new GMapTypeControl()) ;
		gmap.addControl( new GOverviewMapControl(new GSize(100,100)) );		
		gmap.setCenter ( new GLatLng(51.008669,-0.110339),10);
		
		function makeIcon (image) {
			var icon = new GIcon();
			icon.image = image;
			icon.shadow = "/images/maps/shadow.png";
			icon.iconSize = new GSize(34, 34);
			icon.shadowSize = new GSize(34, 34);
			icon.iconAnchor = new GPoint(8, 16);
			icon.infoShadowAnchor = new GPoint(0, 0);
			icon.infoWindowAnchor = new GPoint(8, 1);
			return icon;
		}

		function formatWindow (input) {				
			var html = "<div class=\"bubble\">";
			html += "<h1>" + input.campus + " " + "campus" + "</h1>";			
			html += "<p>" + input.address + "</p>";
			return html;
		}
		function createMarker(input) {		
			var marker = new GMarker(input.point, makeIcon(input.markerImage));				
			GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml( formatWindow(input) );
			});			
			return marker;
		}
		
		function parseJson (doc) {						
			var jsonData = eval("(" + doc + ")");					
			for (var i=0;i< jsonData.markers.length; i++) {
				var marker = createMarker(jsonData.markers[i]);
				gmap.addOverlay(marker);
			}			
		}
		GDownloadUrl("/includes/javascript/mappoints.asp", function(data, responseCode) { 
			parseJson(data);
		});
		
	} else {
		alert("Sorry, your browser cannot handle the true power of Google Maps");
	}
}
window.onload = load;
window.onunload = GUnload;