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

    GDownloadUrl("../xml/data.php", 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");
		icon = getIcon(markers[i].getAttribute("iconimg"));
        map.setCenter(new GLatLng(52.045974, 5.134251), 7);
        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;
  }
// create marker icon
function getIcon(iconimg){
	var icon = new GIcon();
	icon.image = "http://dekleineschorre.nl/icons/"+iconimg;
	icon.iconSize = new GSize(23, 22);
	icon.iconAnchor = new GPoint(11,22);
	icon.infoWindowAnchor = new GPoint(11, 10);
	return icon;
}