<!--http://www.whelp.nl/2007/03/27/google-maps-1/-->
//load Google Map
function load() {
  if (GBrowserIsCompatible()) {
  	var map = new GMap2(document.getElementById("locatie"));
    map.addControl(new GMapTypeControl());
	map.addControl(new GSmallMapControl());

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

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

	//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(point, 13);
	  	var marker = createMarker(point,html);
	  	map.addOverlay(marker);
    } //close for loop

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

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