// Java Document
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(54.6,-3), 9 );
	GDownloadUrl("points1.json", function(data, responseCode) {
parseJson(data);
});


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);
}
}
// Format bubbles
function formatWindow (input) {
var html = "<div class=\"bubble\">";
html += "<h1>" + input.pubName + "</h1>";
html += "<p><strong>" + input.where + "</strong></p>";
html += "<p>"
if(input.phone != null) {
html += "<strong>Tel:</strong> " + input.phone + "<br />";
}
/* Some more formatting */
html += "<br /></p></div>";
return html;
}

// New Icon
function makeIcon (image) {
var icon = new GIcon();
icon.image = "beerglass.png";
icon.shadow = "shadow.png";
icon.iconSize = new GSize(16, 26);
icon.shadowSize = new GSize(33, 25);
icon.iconAnchor = new GPoint(10, 16);
icon.infoShadowAnchor = new GPoint(40, 20);
icon.infoWindowAnchor = new GPoint(8, 1);
return icon;
}
} else {
	alert("Sorry, your browser cannot handle the true power of Google Maps");
	}
}
window.onload = load;
window.onunload = GUnload;