var map;

// Creates a marker at the given point
// Clicking the marker will hide it

function createMarker(id, lat, lang, siteHtml) {
	var point = new GLatLng(lat,lang);
	var marker = new GMarker(point);
	marker.value = id;
	GEvent.addListener(marker,"click", function() {
		map.openInfoWindowHtml(point, siteHtml);
	});
	return marker;
}

  
function initialize() {
	if (GBrowserIsCompatible()) {
	
		//Create Map
		map = new GMap2(document.getElementById("map_canvas"));
		
		//Set initial view
		zoomToUk();
		
		//Set map type
		//G_SATELLITE_MAP
		map.setMapType(G_NORMAL_MAP);
        
        //Create control
		map.addControl(new GSmallMapControl());
		
		// Read the data from example3.xml
		var request = GXmlHttp.create();
		request.open("GET", "http://www.seamlesscoatings.co.uk/files/locations.xml", true);
		request.onreadystatechange = function() {
			if (request.readyState == 4) {
				var xmlDoc = GXml.parse(request.responseText);
				// obtain the array of markers and loop through it
				var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          
				for (var i = 0; i < markers.length; i++) {
					// obtain the attribues of each marker
					var lat = markers[i].getAttribute("lat");
					var lng = markers[i].getAttribute("lng");
					var html = markers[i].getAttribute("html");
					var label = markers[i].getAttribute("label");
            
					// create the marker
					map.addOverlay(createMarker(label,lat,lng,html));
				}
        
			}
		}
		request.send(null);
	}
}

function zoomToUk() {
    map.setCenter(new GLatLng(54.5, -2), 5);
	return false;
}

function zoomToTradeCounter() {
    map.setCenter(new GLatLng(52.476820, -2.074839), 12);
	return false;
}

function zoomToMiddleEast() {
    map.setCenter(new GLatLng(26, 53.5), 6);
	return false;
}

function zoomToAll() {
    map.setCenter(new GLatLng(42, 30), 3);
	return false;
}

function zoomToWorld() {
    map.setCenter(new GLatLng(42, 16), 1);
	return false;
}