//Google maps
function load () {
	
	var map = document.getElementById("googleMap");
	
	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(53.866194, -2.163448), 13);
					
		function formatTabOne (input) {				
			var html 	 = "<div class=\"vcard\"> <span class=\"adr\">";
			html 		+= "<span class=\"fn n\" id=\"orgName\">" + input.place +"</span><br />";			
			html 		+= "<span class=\"street-address\">" + input.address1 + "<br />" + input.address2 + "</span><br/>";
			html 		+= "<span class=\"locality\">" + input.town + "</span><br/>";
			html 		+= "<span class=\"postal-code\">" + input.postcode + "</span><br/>";			
			html 		+= "<span class=\"tel\">Tel: <span class=\"value\">" + input.telephone + "</span></span>";
			html 		+= "</span></div>";					
			return html;			
		}	
		function formatTabTwo (input) {				
			var html 	 = "<div class=\"bubble\">";
			html		+= "<p class=\"bubbleText\">Enter your postcode<br/>for directions:</p>";
			html		+= "<form id=\"getDir\" name=\"getDir\" action=\"\" onsubmit=\"getDirections();\">";
			html 		+= "<input id=\"postCode\" name=\"homePostCode\" type=\"text\" size=\"10\" class=\"inputField\"/>";			
			html 		+= "<input type=\"submit\" name=\"Submit\" value=\"Go!\" title=\"This will open Google Maps in a new Window\" class=\"inputField\"/>";
			html 		+= "</form>";
			html 		+= "</div>";					
			return html;			
		}
		
		function createMarker(input) {		
			var marker = new GMarker(input.point);	
			var tabs_array = [ new GInfoWindowTab("Contact",(formatTabOne(input))), new GInfoWindowTab("Directions",(formatTabTwo(input)))];
			//required to open bubble on load in conjunction with below
			gmap.addOverlay(marker);
			GEvent.addListener(marker, "click", function() {											 
			marker.openInfoWindowTabsHtml(tabs_array);
		 });
			//opens bubble on load
			marker.openInfoWindowTabsHtml(tabs_array);
		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("points.json", function(data, responseCode) { 
			parseJson(data);
		});
	
	} else {
		alert("Sorry, your browser is not compatible with Google Maps");
	}
}
window.onload = load;
window.onunload = GUnload;

//Get directions
function getDirections() {
	var from=document.getDir.homePostCode.value;
	newWindow=window.open('http://maps.google.co.uk/maps?saddr='+from+'&daddr=BB80BP','newWin','height=600,width=800,resizable=yes,scrollbars=yes,menubar=no,addressbar=no');
}