

	// Create Google Map
	function loadMap() 
	{
	  
	  if (GBrowserIsCompatible()) 
	  {
	    var mapDiv = document.getElementById("map");

	    var map = new GMap2( mapDiv );
	    map.setCenter(new GLatLng(50.812192, -0.422266), 14);
	    
	    map.enableDoubleClickZoom();
		//map.enableScrollWheelZoom();

		map.addControl(new GLargeMapControl());
	    
		// Create our "tiny" marker icon
		var tinyIcon = new GIcon();
		tinyIcon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
		tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
		tinyIcon.iconSize = new GSize(12, 20);
		tinyIcon.shadowSize = new GSize(22, 20);
		tinyIcon.iconAnchor = new GPoint(6, 20);
		tinyIcon.infoWindowAnchor = new GPoint(5, 1);
		
		// Set up our GMarkerOptions object literal
		markerOptions = { icon:tinyIcon };
		
		infoWindowOptions = { maxWidth:20 };
		
		function createMarker(point, number) 
		{
		  	var marker = new GMarker(point, markerOptions);
		  	var html='<p><strong>SECURITY 201 Showroom</strong></p><img src="/library/images/shop.jpg" width="220px" height="130px" />';
 			
 			map.openInfoWindowHtml(point, html, infoWindowOptions);
		  	
		  	GEvent.addListener(marker, "click", function() 
		  	{        			 
		    	map.openInfoWindowHtml(point, html, infoWindowOptions);
		  	});
		  	
		  return marker;
		}
		
		var point = new GLatLng(50.812400, -0.422266);
		map.addOverlay(createMarker(point, 1));
	    
	    
	  }
	}
	
	
	// Run on load
	Behaviours.RegisterBehaviour(HOOKTYPE_ONLOAD, null, null, loadMap);
	
