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

	//create randomnumber and retrieve xml file
	var randomnumber=Math.floor(Math.random()*11111)
    GDownloadUrl("http://www.medusa-online.com/maps/nl_markers?random="+randomnumber, function(data, responseCode) {
    var xml = GXml.parse(data);

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

// create marker icon
function getIcon(iconimg){
        icon = new GIcon();
        icon.image = "http://www.medusa-online.com/images/maps/"+iconimg;
        icon.iconSize = new GSize(16, 16);
        icon.iconAnchor = new GPoint(0, 20);
        icon.infoWindowAnchor = new GPoint(5, 1);
        return icon;
}

	//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]);
	    icon = getIcon(markers[i].getAttribute("iconimg"));
	  	map.addControl(new GMapTypeControl());
	  	map.setCenter(point, 7, G_HYBRID_MAP);
	  	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() {
		
	 GEvent.addListener(marker, "mouseover", function() {
      marker.openInfoWindowHtml(html);
    });
	return marker;
  }