// JavaScript Document

//load Google Map
function load() {
  	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
	
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());

		//create randomnumber and retrieve xml file
		var randomnumber=Math.floor(Math.random()*11111)
		GDownloadUrl("./markers.xml?random="+randomnumber, function(data, responseCode) {
		var xml = GXml.parse(data);

		//store markers in markers array
		var markers = xml.documentElement.getElementsByTagName("marker");

		// create marker icon
		var icon = new GIcon();
		icon.image = "./images/maps.png";
		icon.iconSize = new GSize(24, 23);
		icon.iconAnchor = new GPoint(0, 20);
		icon.infoWindowAnchor = new GPoint(5, 1);

		//loop over the markers array
		for (var i = 0; i < markers.length; i++) {
			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");
			map.addControl(new GMapTypeControl());
			map.setCenter(new GLatLng(52.14047, 5.58352), 8);
			var marker = createMarker(point,html,icon);
			map.addOverlay(marker);
		} //close for loop

	}
	); 	//close GDownloadUrl
  	} 	//close GBrowserIsCompatible
	} 	//close load

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