//<![CDATA[

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

	map.addControl(new GSmallMapControl());

    //create randomnumber and retrieve xml file
    var randomnumber=Math.floor(Math.random()*11111)
    GDownloadUrl("http://www.stichtingroofs.nl/xml_feed/feed_en.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 = "http://www.stichtingroofs.nl/roofs_nl/images/marker.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 = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
        map.setCenter(point, 11);
        var marker = createMarker(point,html,icon);
        map.addOverlay(marker);

    } //close for loop

//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;
  }
          }
        ); //close GDownloadUrl
  } //close GBrowserIsCompatible
} //close load
    //]]>