function load () {
	var map = document.getElementById("map");
	
	if (GBrowserIsCompatible()) {
		var gmap = new GMap2(map);
		gmap.addControl( new GLargeMapControl());
		gmap.addControl( new GMapTypeControl());
		/*gmap.addControl( new GOverviewMapControl( new GSize(100,100)) ); */
		gmap.setCenter( new GLatLng(54.1,-2.0), 6, G_SATELLITE_MAP);
		/*gmap.addControl(new GMapTypeControl(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10, 10))); */
		window.setTimeout(function() {
			 gmap.panTo(new GLatLng(53.5,-2.0));
		}, 2000); 
		
		// USED ON TEMPLATE FILE TO SET LINKS TO MAP
		//var side_bar_html = "";
		//var gmarkers = [];
		//var htmls = [];
		//var i = 0;
		
		var baseIcon = new GIcon();
		baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		baseIcon.iconSize = new GSize(12, 20);
		baseIcon.shadowSize = new GSize(22, 20);
		baseIcon.iconAnchor = new GPoint(6, 20);
		baseIcon.infoWindowAnchor = new GPoint(5, 1);
				
		parseXML();
		
		function parseXML() {
			var urlstr="read.php";
		    var request = GXmlHttp.create();
		    request.open('GET', urlstr , true);
		    request.onreadystatechange = function() {
				if (request.readyState == 4) {
					var xmlDoc = request.responseXML;
					locations = xmlDoc.documentElement.getElementsByTagName("location");
					markers = [];
					if (locations.length){
						for (var i = 0; i < locations.length; i++) {
							
							var html = locations[i].getAttribute("name");
							var marker = createMarker(locations[i], i, html);	
							gmap.addOverlay(marker);
						}
					}
					document.getElementById("goodle_side_bar").innerHTML = side_bar_html;
				 }
				 
			}
			request.send(null);
		}
		
		function createMarker(point, index, html) {
			var icon = new GIcon(baseIcon);
			//var letter = String.fromCharCode("A".charCodeAt(0) + index);
			//icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
			icon.image = "/images/mm_20_green.png";	
			var marker = new GMarker(new GLatLng(point.getAttribute("lat"),point.getAttribute("lng")), icon);
			
			var tabs_array = [ 	new GInfoWindowTab("Overview", formatTabOverview(point)),
								new GInfoWindowTab("Info", formatTabInfo(point)) ];
			if (point.getAttribute("info")) {
				GEvent.addListener(marker, "click", function() {
					marker.openInfoWindowTabsHtml(tabs_array);
				});
				// Mouseover Option
				GEvent.addListener(marker,"mouseover", function() {
          			marker.openInfoWindowHtml(simpleBubble(point));
        		});
				htmls[i] = tabs_array;
				side_bar_html += '<a href="javascript:myclicktab(' + i + ')">' + point.getAttribute("name") + '</a> <br />';
			}
			else {
				GEvent.addListener(marker, "click", function() {
					marker.openInfoWindowHtml(formatTabOverview(point));
				});
				// Mouseover Option
				GEvent.addListener(marker,"mouseover", function() {
          			marker.openInfoWindowHtml(simpleBubble(point));
        		});
				htmls[i] = formatTabOverview(point);
				side_bar_html += '<a href="javascript:myclick(' + i + ')">' + point.getAttribute("name") + '</a> <br />';
			}
			gmarkers[i] = marker;
			i++;
			return marker;
		}
		
		
		function simpleBubble (point) {
			//var html = "<div class=\"bubble\">";
			var html = "<strong>" + point.getAttribute("name") + "</strong><br />";
			html += "<small>Click the map icon to see more details.</small>";
			//html += "</div>";
			return html;
		}
		
		function formatTabOverview (point) {
			var html = "<div class=\"bubble\">";
			html += "<Strong>" + point.getAttribute("name") + "</strong><br />";
			if(point.getAttribute("thumb") != "") {
				html += "<img align='right' src='" + point.getAttribute("thumb") + "' border='0'><br />";
			}
			if(point.getAttribute("address_1") != "") html += "" + point.getAttribute("address_1") + "<br />";
			if(point.getAttribute("address_2") != "") html += "" + point.getAttribute("address_2") + "<br />";
			if(point.getAttribute("address_3") != "") html += "" + point.getAttribute("address_3") + "<br />";
			if(point.getAttribute("address_4") != "") html += "" + point.getAttribute("address_4") + "<br />";
			if(point.getAttribute("address_5") != "") html += "" + point.getAttribute("address_5") + "<br />";
			if(point.getAttribute("postcode") != "") html += "" + point.getAttribute("postcode") + "<br />";
			if(point.getAttribute("phone") != "") html += "" + point.getAttribute("phone") + "<br />";
			if(point.getAttribute("fax") != "") html += "" + point.getAttribute("fax") + "<br />";
			html += "<br />";
			if(point.getAttribute("attachment_link") != "") {
				html += "<table border='0'><tr><td align='center'>";
				html += "<a href='" + point.getAttribute("attachment_link") + "' target='_blank'>";
				html += "<img src='" + point.getAttribute("attachment_image") + "' border='0' alt='";
				html += " " + point.getAttribute("attachment_desc") + "'><br />";
				html += " <small>[" + point.getAttribute("attachment_size_mb") + "mb]</small></a><br />";
				html += "</td><td>";
				html += "<a href='" + point.getAttribute("attachment_link") + "' target='_blank'>";
				//html += " " + point.getAttribute("attachment_desc") + "</a>";
				html += " Click here for information about the site <br />including visitor card info where available</a>";
				html += "</td></tr><table>";
				html += "<br />";
			}
			html += "</div>";
			return html;
		}
		
		
		function formatTabInfo (point) {
			var html = "<div class=\"bubble\">";
			html += "" + point.getAttribute("info") + "";
			html += "</div>";
			return html;
		}
	}
	else {
		alert("Sorry, your browser cannot handle the Internet Solutions from ADAS mapping.");
	}
}
window.onload = load;
window.onunload = GUnload;