document.write('<style type="text/css">#gegevens, #intro{display:none} #map{position:absolute;width:71%;height:100%;min-height:500px;border:1px solid silver;} #overzicht{float:right;padding-right:5px;margin-left:5px;width:27%;height:100%;overflow:auto}</style>')
	var map;
	var gmarkers = [];
	var overz = '';
	var directions;	
    
	function loadmaps(optie) {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"),{ mapTypes : [G_NORMAL_MAP,G_HYBRID_MAP] });
    	map.addControl(new GMapTypeControl());		       
        map.addControl(new GLargeMapControl());
		map.addControl(new GScaleControl());
   
   
		if (optie=='fietsroute') {
			var geoXml = new GGeoXml("http://www.slotzuylen.nl/bezoek/fietsroute/fietsroute.kml");
			map.setCenter(new GLatLng(52.11504449974495, 5.096797943115234), 13, G_HYBRID_MAP);
			map.addOverlay(geoXml);
			map.enableScrollWheelZoom();
	
			for (i = 1; i <= 25; i++){
				if (document.getElementById('point' + i)){
					eval("var punt =  new GLatLng(" + document.getElementById('point'+i).innerHTML + ")");
					var Nmarker = createMarker(i, punt, document.getElementById('info'+i).title, document.getElementById('info'+i).innerHTML);
					map.addOverlay(Nmarker);
				}
			}		
	
			tmpstr = document.getElementById('intro').innerHTML;
			tmpstr = tmpstr.replace(/kaart/g,"tekst");
			document.getElementById('overzicht').innerHTML = tmpstr + overz;
		}
		
		
		if (optie=='route') {
			map.setCenter(new GLatLng(52.12709953531719, 5.073108673095703), 18, G_HYBRID_MAP);
			map.enableScrollWheelZoom();
			directions = new GDirections(map, document.getElementById("overzicht"));
		}		

      }
    }
	
	
    
    function ga(i) {
		map.panTo(gmarkers[i].getPoint());
		map.setZoom(17);
        GEvent.trigger(gmarkers[i], "click");
      }
		
	

      function createMarker(i,point,name,html) {
		  
		var icon = new GIcon();
		icon.image = 'marker.png';
		icon.iconSize = new GSize(20, 34);
		icon.shadow = "shadow50.png";
		icon.shadowSize = new GSize(37, 34);
		icon.iconAnchor = new GPoint(10, 34);
		icon.infoWindowAnchor = new GPoint(25, 7);

		  
	  	var opts = {maxWidth : 350}; 
		var Mopts = { "icon": icon, "clickable": true, "labelText": i, "labelOffset": new GSize(-7, -30)};
		
        var marker = new LabeledMarker(point,Mopts);

        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html, opts);
        });
        // save the info we need to use later for the side_bar
        gmarkers[i] = marker;
        // add a line to the side_bar html
     	overz = overz + document.getElementById('route'+i).innerHTML;
		overz = overz + '<p>' + i +'. <a href="javascript:ga(' + i + ')">'  + name + '</a></p>';
       // i++;
        return marker;
      }

		
		function toon(wat){
			if (wat=='tekst'){
				document.getElementById('intro').style.display='block';
				document.getElementById('gegevens').style.display='block';
				document.getElementById('map').style.display='none';
				document.getElementById('overzicht').style.display='none';
				}
			else{
				document.getElementById('intro').style.display='none';
				document.getElementById('gegevens').style.display='none';
				document.getElementById('map').style.display='block';
				document.getElementById('overzicht').style.display='block';
				}				
		}
		
function toonRoute(){
	vanaf = document.getElementById("vanwaar").value + " Nederland";
	if (vanaf == ' Nederland') {alert('Vul een vertrekadres of postcode in');} else {
	eval('directions.loadFromWaypoints(["' + vanaf + '","Tournooiveld, Oud-Zuilen, Nederland"],{locale: "nl"})');
	}
}

function checkRef(){
	if (document.referrer.indexOf('slotzuylen.nl')) {history.back();return false;}
	else {return true;}
}


	
function LabeledMarker(latlng,opt_opts){this.latlng_=latlng;this.opts_=opt_opts;this.labelText_=opt_opts.labelText||"";this.labelClass_=opt_opts.labelClass||"LabeledMarker_markerLabel";this.labelOffset_=opt_opts.labelOffset||new GSize(0,0);this.clickable_=opt_opts.clickable||true;if(opt_opts.draggable){opt_opts.draggable=false}GMarker.apply(this,arguments)}LabeledMarker.prototype=new GMarker(new GLatLng(0,0));
LabeledMarker.prototype.initialize=function(map){GMarker.prototype.initialize.apply(this,arguments);this.map_=map;this.div_=document.createElement("div");this.div_.className=this.labelClass_;this.div_.innerHTML=this.labelText_;this.div_.style.position="absolute";this.div_.style.cursor="pointer";map.getPane(G_MAP_MARKER_PANE).appendChild(this.div_);if(this.clickable_){function newEventPassthru(obj,event){return function(){GEvent.trigger(obj,event)}}var eventPassthrus=['click','dblclick','mousedown','mouseup','mouseover','mouseout'];for(var i=0;i<eventPassthrus.length;i++){var name=eventPassthrus[i];GEvent.addDomListener(this.div_,name,newEventPassthru(this,name))}}}
LabeledMarker.prototype.redraw=function(force){GMarker.prototype.redraw.apply(this,arguments);var p=this.map_.fromLatLngToDivPixel(this.latlng_);var z=GOverlay.getZIndex(this.latlng_.lat());this.div_.style.left=(p.x+this.labelOffset_.width)+"px";this.div_.style.top=(p.y+this.labelOffset_.height)+"px";this.div_.style.zIndex=z}
LabeledMarker.prototype.remove=function(){GEvent.clearInstanceListeners(this.div_);this.div_.parentNode.removeChild(this.div_);this.div_=null;GMarker.prototype.remove.apply(this,arguments)}
LabeledMarker.prototype.copy=function(){return new LabeledMarker(this.latlng_,this.opt_opts_)}