// JavaScript Document

//<![CDATA[

// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);

var noura = new Array();
noura[0] = "<strong>Noura Belgravia</strong><br>16 Hobart Place<br>Belgravia<br>London<br>SW1W 0HH<br>Tel: 020 7235 9444" ;
noura[1] = "<strong>Noura Knightsbridge</strong><br>12 William Street<br>Knightsbridge<br>London<br>SW1X 9HL<br>Tel: 020 7235 5900" ;
noura[2] = "<strong>Noura Mayfair</strong><br>16 Curzon Street<br>Mayfair<br>London<br>W1J 5HP<br>Tel: 020 7495 1050" ;
noura[3] = "<strong>Noura Central</strong><br>122 Jermyn Street<br>Piccadilly<br>London<br>SW1Y 4UJ<br>Tel: 020 7839 2020" ;

function load() {
	if (GBrowserIsCompatible()) {

		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
//		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(51.506250, -0.140873), 14);

		// Download the data in data.xml and load it on the map. The format we
		// expect is:
		// <markers>
		//   <marker lat="37.441" lng="-122.141"/>
		//   <marker lat="37.322" lng="-121.213"/>
		// </markers>
		GDownloadUrl("data.xml", function(data, responseCode) {
			var xml = GXml.parse(data);
			var markers = xml.documentElement.getElementsByTagName("marker");
			for (var i = 0; i < markers.length; i++) {
				var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
	                            parseFloat(markers[i].getAttribute("lng")));
				map.addOverlay(createMarker(point, i));
			}
		});
	}
}

// Creates a marker whose info window displays the letter corresponding
// to the given index.
function createMarker(point, index) {
  // Create a lettered icon for this point using our icon class
  var letter = String.fromCharCode("A".charCodeAt(0) + index);
  var icon = new GIcon(baseIcon);
  icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
  var marker = new GMarker(point, icon);

  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml("<p>" + noura[index] + "</p>");
  });
  return marker;
}

window.onload = load ;
window.onunload = GUnload ;

//]]>