// Googlemaps.js (c) Richard Leurs 2007
function load(lat,lng,scale) {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        if (lat==0) {lat=51.913783;}
        if (lng==0) {lng=4.470025;}
        if (scale==0) {scale=2;}
        map.setCenter(new GLatLng(lat, lng), scale);
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	if (scale>2){map.addControl(new GOverviewMapControl());	}
	map.enableDoubleClickZoom();
	// Creates a marker at the given point with the given number label
	
function createMarker(point, name, adres) {
  			var marker = new GMarker(point);
  			var plat=point.lat(); 
  			var plng=point.lng();
  			var t = "<a href='#' onclick='MapCenter("+plat+","+plng+",13);'>Zoom naar museum</a>";
  			GEvent.addListener(marker, "click", function() {
   		 	marker.openInfoWindowHtml("<div class='googlemaps'><br><b>" + name + "</b><br>"+adres+"<br><br>"+t+"</div>");
  			});
  			return marker;
		}
		// 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("musea.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"))); 
				// Place a marker on the map and open the info window
				// automatically
	    			map.addOverlay(createMarker(point, markers[i].getAttribute("name"),markers[i].getAttribute("adres")));
  			}
		});
      }
    }
function MapCenter(lat,lng,scale){load(lat,lng,scale);}