// icon runtime
	var icon = new GIcon(); 
	icon.image = 'http://www.runtime.be/images/icon-runtime.png';
    icon.iconSize = new GSize(30, 38);
    //icon.iconAnchor = new GPoint(6, 20);
	icon.iconAnchor = new GPoint(0, 38);
    icon.infoWindowAnchor = new GPoint(5, 1);
	
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(51.05118, 4.77244), 10);

		GDownloadUrl("http://www.runtime.be/js/xml/markers.xml", function(data) {
			  	var xml = GXml.parse(data);
			  	var markers = xml.documentElement.getElementsByTagName("marker");
		  
				//MARKERS GENEREREN
				for (var i = 0; i < markers.length; i++) {
						var regio = markers[i].getAttribute("regio");
						var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
												parseFloat(markers[i].getAttribute("lng")));
						var adres = GXml.value(markers[i].getElementsByTagName("adres")[0]);
						var foto = GXml.value(markers[i].getElementsByTagName("foto")[0]);
						//alert (regio);
						//alert (adres);
						var marker = createMarker(point, regio, adres, foto);
						map.addOverlay(marker);
				}
        });
				
      }
    }

	 function createMarker(point, regio, adres, foto) {
	  var marker = new GMarker(point, icon);	  
      var html = '<h2>' + regio + '</h2><p>' + adres + '</p><p>'+ foto +'</p>';
	  GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml(html); });
	  /*
	  GEvent.addListener(marker, 'mouseover', function() { marker.setImage("http://www.verleidhetzonlicht.be/inc/logo_hover.png"); }); 
	  GEvent.addListener(marker, 'mouseout', function() { marker.setImage("http://www.verleidhetzonlicht.be/inc/logo.png"); });
      */
	  return marker;
    }