var icon = new GIcon(); 
	
	icon.image = 'http://www.barbecuespecialist.be/js/marker.png';
    icon.iconSize = new GSize(20, 34);
    icon.shadowSize = new GSize(22, 20);
    icon.iconAnchor = new GPoint(6, 20);
    icon.infoWindowAnchor = new GPoint(5, 1);

    var icoon = [];
    icoon["eigen_icoon"] = icon;
	
	
	


    function load() {
      if (GBrowserIsCompatible()) {
		
		//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];
			}
		if (hash[4] == "contact") {
		/* map contact */ 
		var map2 = new GMap2(document.getElementById("map"));
        map2.addControl(new GSmallMapControl());
        map2.addControl(new GMapTypeControl());
        map2.setCenter(new GLatLng(50.86683, 4.74312), 8);
		
		var name2 = "Barbecuespecialist";
		var point2 = new GLatLng(50.86683, 4.74312);
		var gegevens = 'Tiensesteenweg 386<br/>B-3000 Leuven<br/>T: +32 (0)16 25 00 15<br/>F: +32 (0)15 25 00 37';
		var html2 = '<div style="color: #BCDA0B; font-weight:bold; padding-bottom: 5p;">'+name2+'</div><font style="color:#42551D">'+gegevens+'</font>';
		var marker2 = createMarker2(point2, name2, html2);
		map2.addOverlay(marker2);
		marker2.openInfoWindowHtml(html2);
		}else{
		
		/* map verdelers */  
        var map = new GMap2(document.getElementById("googlemaps"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(51.0695529, 4.6972993), 8);

		GDownloadUrl("/js/verdelers.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 verdelerid = hash[5];
			
			//alert (verdelerid);
		  
		  //MARKERS GENEREREN
          for (var i = 0; i < markers.length; i++) {
            var id = markers[i].getAttribute("verdeler");
				if (id == verdelerid) {
					var naam = GXml.value(markers[i].getElementsByTagName("name")[0]);
					var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
					//var type = markers[i].getAttribute("type");
					var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
											parseFloat(markers[i].getAttribute("lng")));
					//alert (point);
					var marker = createMarker(point, naam, html);
					map.addOverlay(marker);
					var html2 = '<div style="color: #BCDA0B; font-weight:bold; padding-bottom: 5p;">'+naam+'</div><font style="color:#42551D">'+html+'</font>';
					marker.openInfoWindowHtml(html2);
					//var sidebar = document.getElementById('sidebar');
					//var sidebarEntry = createSidebarEntry(marker, html);
        			//sidebar.appendChild(sidebarEntry); 
				}
          }
        });
		}
				
      }
	  
    }

	function createMarker2(point, naam, address) {
		//alert ('point is ' + point + 'adress is: ' + address);
      var marker = new GMarker(point);	 
      var html = '<div style="color: #f8941a; font-weight:bold; padding-bottom: 5p;">'+naam+'</div>'+address;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
	}

	function createMarker(point, naam, address) {
		//alert ('point is ' + point + 'adress is: ' + address);
      var marker = new GMarker(point);	 
      var html = '<div style="color: #f8941a; font-weight:bold; padding-bottom: 5p;">'+naam+'</div>'+address;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
	}
	
	function pause(delay){
      var date = new Date();
      var curDate = null;
      do { curDate = new Date(); }
      while(curDate-date < delay);
    } 
	
	/*
	function createSidebarEntry(marker, address, extra, thumb) {
      var div = document.createElement('div');
      var thumb = '<div style="float:left; padding-right: 20px; padding-top:10px; padding-left: 10px;">' + thumb + '</div>'; 
	  var html = '<div id="test_sidebar">'  + address + '</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("http://www.verleidhetzonlicht.be/inc/logo_hover.png"); });
	  GEvent.addDomListener(div, 'mouseover', function() { marker.setImage("http://www.verleidhetzonlicht.be/inc/logo_hover.png"); div.style.textDecoration = 'underline';   });
	  GEvent.addDomListener(div, 'mouseout', function() { marker.setImage("http://www.verleidhetzonlicht.be/inc/logo.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;
    }
*/
    //]]>