function load () {
	
	var map = document.getElementById("actualgooglemap");
	
	if (GBrowserIsCompatible()) {

		var gmap = new GMap2(map);
		gmap.addControl( new GLargeMapControl() );
		gmap.addControl(new GMapTypeControl());
		gmap.setCenter ( new GLatLng(54.7,-4), 5 );
		gmap.setMapType(G_HYBRID_MAP);
		
	
		function formatInput (input) {				
			var html 	 = "<h1>" + input.title + "</h1>";		
			html 		+= "<a href='/bars/?bar_id=" + input.id + "'>View Bar ></a>";			
			return html;			
		}
		
			
        function createMarker(input) {
        
        var icon = new GIcon();
  		  		
  		icon.image = "rev-icon.png";
		
		icon.iconSize = new GSize(18, 26);
		icon.shadowSize = new GSize(19, 25);
		icon.iconAnchor = new GPoint(6, 20);
		icon.infoWindowAnchor = new GPoint(5, 1);
        
		var marker = new GMarker(input.point, icon);
	
		GEvent.addListener(marker, "click", function() {
		marker.openExtInfoWindow(
      	gmap,
      	"revolution_map",
      	formatInput(input),
      	{beakOffset: 3}
    	); 
  		map.addOverlay(marker);
 
		//marker.openInfoWindowHtml(formatInput(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("map_data.json.php", function(data, responseCode) { 	
		parseJson(data);			
		});
	
	} else {
		alert("your browser does not support google maps");
	}
}
window.onload = load;
window.onunload = GUnload;