$(document).ready(
	function() { 

		if($('#map').size() > 0) {

		    if (GBrowserIsCompatible()) {

		      // A function to create the marker and set up the event window
		      function createMarker(point,name,html,icon) {
		        var marker = new GMarker(point,icon);
		        GEvent.addListener(marker, "click", function() {
		          marker.openInfoWindowHtml(html);
		        });
		        return marker;
		      }

		      // create the map
		      var map = new GMap2(document.getElementById("map"));
		      map.addControl(new GSmallMapControl());
		      map.setCenter(new GLatLng(30,10), 1);
		      map.setMapType(G_NORMAL_MAP);
		      map.enableDoubleClickZoom();
		      new GKeyboardHandler(map);

		      // Read the data from xml
		      var request = GXmlHttp.create();
		      request.open("GET", "/assets/xml/maplocations.xml", true);
		      request.onreadystatechange = function() {
		        if (request.readyState == 4) {
		          var xmlDoc = request.responseXML;
		          // obtain the array of markers and loop through it
		          var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          
		          for (var i = 0; i < markers.length; i++) {
		            // Set icon
		            var icon = new GIcon();
		            icon.image = markers[i].getAttribute("image");
					icon.iconSize = new GSize(20, 34);
					icon.iconAnchor = new GPoint(10, 34);
//		            icon.infoWindowAnchor = new GPoint(16, 11);
		            // obtain the attribues of each marker
		            var lat = parseFloat(markers[i].getAttribute("lat"));
		            var lng = parseFloat(markers[i].getAttribute("lng"));
		            var point = new GLatLng(lat,lng);
		            var html = markers[i].getAttribute("html");
		            var label = markers[i].getAttribute("label");
		            // create the marker
		            var marker = createMarker(point,label,html,icon);
		            map.addOverlay(marker);
		          }

		        }
		      }
		      if (window.recenter_map) recenter_map(map);
		      request.send(null);
		    }
		};

		if($('#officemap').size() > 0) {

		    if (GBrowserIsCompatible()) {
		      // A function to create the marker and set up the event window
		      function createMarker(point,icon) {
		        var marker = new GMarker(point,icon);
		        return marker;
		      }

		      // create the map
		      var map = new GMap2(document.getElementById("officemap"));
		      map.addControl(new GSmallMapControl());
		      map.setCenter(new GLatLng(51.511607,-0.090948), 15);
		      map.setMapType(G_NORMAL_MAP);
		      map.enableDoubleClickZoom();
		      new GKeyboardHandler(map);

				var icon = new GIcon();
				icon.image = 'http://www.google.com/mapfiles/marker.png';
				icon.iconSize = new GSize(20, 34);
				icon.iconAnchor = new GPoint(20, 34);
				// obtain the attribues of each marker
				var lat = "51.511607";
				var lng = "-0.090948";
				var point = new GLatLng(lat,lng);
				// create the marker
				var marker = createMarker(point,icon);
				map.addOverlay(marker);

		      if (window.recenter_map) recenter_map(map);
		    }
		}

	}
);