// JavaScript Document
//<![CDATA[
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("Map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(51.4247402, -0.4828236), 9);
			
			
			// Create a base icon for all of our markers that specifies the shadow, icon dimensions, etc.
			var baseIcon = new GIcon();
			baseIcon.image = "http://www.allstar-fencing.co.uk/png/google/icon.png";
			baseIcon.shadow = "http://www.allstar-fencing.co.uk/png/shadow.png";
			baseIcon.iconSize = new GSize(23,32);
			baseIcon.shadowSize = new GSize(33,32);
			baseIcon.iconAnchor = new GPoint(9,34);
			baseIcon.infoWindowAnchor = new GPoint(9,2);
			
			var defaultIcon = new GIcon();
			defaultIcon.image = "http://www.allstar-fencing.co.uk/png/google/icon.png";
			defaultIcon.shadow = "http://www.allstar-fencing.co.uk/png/google/shadow.png";
			defaultIcon.iconSize = new GSize(23,32);
			defaultIcon.shadowSize = new GSize(33,32);
			defaultIcon.iconAnchor = new GPoint(9,34);
			defaultIcon.infoWindowAnchor = new GPoint(9,2);
		
			//creates the standard marker 
			function createMarker(point,desc) {
			  // Set up our GMarkerOptions object
			  markerOptions = { icon:baseIcon };
			  var marker = new GMarker(point, markerOptions);
			  GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowHtml(desc);
			  });
			 return marker;
			}
		
			//create the default marker to show the centre originally selected
			function createDefaultMarker(point,desc) {
				// Set up our GMarkerOptions object
				markerOptions = { icon:defaultIcon };
				var marker = new GMarker(point, markerOptions);
				return marker;
			}		
		
			 //Add Bounds etc. Inc. lookup bubble
			var bounds = map.getBounds();
			var southWest = bounds.getSouthWest();
			var northEast = bounds.getNorthEast();
			var lngSpan = northEast.lng() - southWest.lng();
			var latSpan = northEast.lat() - southWest.lat();
			var latlng = new GLatLng(51.4247402, -0.4828236);
			var bubblehtml = '<div style="width: 220px; height:90px; padding-right: 5px;"><p>To plan your route to<br/> Allstar Uhlmann,<br/>  please enter your postcode:</p><form action="http://maps.google.co.uk/maps" method="get" target="_blank"><p><label for="saddr"></label><input type="text" name="saddr" id="saddr" value="Your Postcode" /><input type="submit" value="Go" /><input type="hidden" name="daddr" value="51.4247402, -0.4828236" /><input type="hidden" name="hl" value="en" /></p></form></div>';	
			initialMarker = createDefaultMarker(latlng,"");
			map.addOverlay(initialMarker);			
			initialMarker.openInfoWindowHtml(bubblehtml);	
      }
    }