var iconRed = new GIcon(); 
    //iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
    iconRed.shadow = '/js/shadow.png';
	iconRed.image = '/js/marker.png';
    //iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconRed.iconSize = new GSize(19, 28);
    iconRed.shadowSize = new GSize(49, 32);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);

    var customIcons = [];
    //customIcons["eigen_icoon"] = iconBlue;
    customIcons["eigen_icoon"] = iconRed;

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(50.86591, 4.67115), 16);
	    map.setMapType(G_HYBRID_MAP);
        GDownloadUrl("/inc/maps.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
		  /*
		  //URL OPHALEN
		  var vars = [], hash;
		  
		  var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
		  	for (var teller = 0; teller < hashes.length; teller++) {
				hash = hashes[teller].split('/');
				vars.push(hash[0]);
				vars[hash[0]] = hash[1];
			}
			var installateurid = hash[5];
		  */
		  //MARKERS GENEREREN
		  // alert('test ' + markers.length);
          for (var i = 0; i < markers.length; i++) {
					var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
					
					var naam = markers[i].getAttribute("name");
					var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
											parseFloat(markers[i].getAttribute("lng")));
					var marker = createMarker(point, html, naam);
					map.addOverlay(marker);
					var sidebar = document.getElementById('sidebar');
					var sidebarEntry = createSidebarEntry(marker, html, naam);
        			sidebar.appendChild(sidebarEntry); 
          }
        });
      }
    }


	 function createMarker(point, address, naam) {
	  var marker = new GMarker(point, customIcons['eigen_icoon']);	  
      var html = '<div style="float:left; padding-right:5px;">' + address + '</div>';
	  GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml(html); marker.setImage("/js/marker.png"); });
	  GEvent.addListener(marker, 'mouseover', function() { marker.setImage("/js/marker.png"); }); 
	  GEvent.addListener(marker, 'mouseout', function() { marker.setImage("/js/marker.png"); });
      return marker;
    }
	
	function pause(delay){
      var date = new Date();
      var curDate = null;
      do { curDate = new Date(); }
      while(curDate-date < delay);
    } 
	
	function createSidebarEntry(marker, address, naam) {
      var div = document.createElement('ul');
      /*var thumb = '<div style="float:left; padding-right: 20px; padding-top:10px; padding-left: 10px;">' + thumb + '</div>'; */
	  var html = '<div id="sidebar">'  + naam + '</div>';
	  //var geheel = '<a href="javascript:scroll(0,0)"><div id="box_ref">' + thumb + html + '</div></a>';
      //var geheel = '<div style="float:left; margin-top:10px; width:280px;">' + thumb + html + '</div>';
	  div.innerHTML = html;
      div.style.cursor = 'pointer';
	  
	  GEvent.addDomListener(div, 'click', function() { GEvent.trigger(marker, 'click'); marker.setImage("/js/marker.png"); });
	  GEvent.addDomListener(div, 'mouseover', function() { marker.setImage("/js/marker.png"); div.style.textDecoration = 'underline';   });
	  GEvent.addDomListener(div, 'mouseout', function() { marker.setImage("/js/marker.png"); div.style.textDecoration = 'none';   });
      return div;
    } 
/*




Top



    function createMarker(point, name, address, type) {
      var marker = new GMarker(point, customIcons[type]);
      var html = "<b>" + name + "</b> <br/>" + address;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
*/
    //]]>