//<![CDATA[
function init() {
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
		var mapwidth = 473;
		var centreLatitude = 51.50376;
		var centreLongitude = -0.07528;
		var locLatitude = 51.50470;
		var locLongitude = -0.07450;
		var startZoom = 16;
		
		// Create verticalproductions icon
    var verticalIcon = new GIcon(G_DEFAULT_ICON);
    verticalIcon.image = "http://verticalproductions.html.withassociates.com/templates/images/pointer.png"
    verticalIcon.shadow = "http://verticalproductions.html.withassociates.com/templates/images/pointershadow.png";
    verticalIcon.iconSize = new GSize(75, 91);
    verticalIcon.shadowSize = new GSize(113, 100);
    verticalIcon.iconAnchor = new GPoint(20, 20);
    
    markerOptions = { icon:verticalIcon };
    
		var overlay = new GScreenOverlay(
		    'images/mask_gmap.gif',  
		    new GScreenPoint(0, 1, 'pixels', 'fraction'),  // screenXY
		    new GScreenPoint(0, mapwidth),  // overlayXY
		    new GScreenSize(mapwidth, mapwidth)  // size on screen);
		  );
		map.setCenter(new GLatLng(centreLatitude, centreLongitude), startZoom);
		map.addOverlay(overlay);
		var location = new GLatLng(locLatitude,locLongitude);
		var marker = new GMarker(location, markerOptions);
		map.addOverlay(marker);
	}
}
//]]>

document.observe('dom:loaded', function() {
	init();
});

window.onunload = GUnload;