window.onload = laad;
var isIE = (navigator.appName.indexOf("Microsoft") != -1)+1-1;
var map
var ll
var mgr

function tijdbalk(aanuit){
	if (eId('tijdbalk')){
		if (aanuit == 1){
			map.clearOverlays();
			map.setCenter(ll,9);
			eId('tijdbalk').className = 'tijdbalkgroot';}
		else {
			eId('tijdbalk').className = '';
			zetLijn();}
	}
}

function zoomIn(){tijdbalk(0);map.zoomIn();}
function zoomOut(){tijdbalk(0);map.zoomOut();}
function returnToSavedPosition(){tijdbalk(1);map.returnToSavedPosition()}

function laad(){

	//tijdbalk
	
	if (eId("tijdbalk")) {
		var ani = getCookie('ani','1');
		eId('tijdbalk').innerHTML = flash('/swf/tijdbalk.swf', '100%', '100%', '', 'transparent', 'ani=' + ani);
		document.cookie = "ani=0; path=/";
	}

	// video
	if (eId("video")) {zetVideo(eId('video').title)}
	if (eId("malburg")) {eId("malburg").innerHTML= flash('/swf/malburg.swf', '770', '430', '', '', '');}
	
	//vergrotingen
	var anchors = document.getElementsByTagName('area');
	for (var i=0; i<anchors.length; i++){
		var anchor = anchors[i];
		if (anchor.href.indexOf('.jpg') > 1) {
		anchor.onclick = function () {groot(this); return false;}
		anchor.title = anchor.alt;}
	}
	//kaart
     if (document.getElementById("map") && GBrowserIsCompatible()) {
		
		var objIm = document.createElement("div");
		objIm.setAttribute('id','plusmin');
		objIm.innerHTML = '<img src="/grafiek/plusmin.gif" usemap="#im" /><map name="im" id="im"><area shape="rect" coords="0,0,17,17" href="javascript:zoomIn()" alt="zoom in" /><area shape="rect" coords="0,21,17,38" href="javascript:returnToSavedPosition()" alt="reset" /><area shape="rect" coords="0,42,17,59" href="javascript:zoomOut()" alt="zoom uit" /></map>';
		if (eId('tijdbalk')) {document.getElementsByTagName("body").item(0).appendChild(objIm)} else {eId('mapstrook').appendChild(objIm);}
		
		if (document.body.clientHeight > 750 && !document.getElementById('home')) {document.getElementById('map').style.height = (document.body.clientHeight - 460) + 'px'}
		
		ll = new GLatLng(51.859852,5.295925);
		var lltitle = document.getElementById('map').title;
		document.getElementById('map').title = '';
		
		map = new GMap2(document.getElementById("map"));
		map.enableScrollWheelZoom();
		var zl
		if (lltitle == ''){
			zl = 10;
			if (eId('tijdbalk')) zl = 9;
			map.setCenter(ll,zl);
			map.setMapType(G_SATELLITE_MAP);
		} else {
			eval("ll =  new GLatLng(" + lltitle.replace(';',',') + ")");
			zl = 14;
			if (location.href.split('/').length > 4) zl = 16;
			map.setCenter(ll, zl);
			map.setMapType(G_HYBRID_MAP);
		}
		mgr = new  GMarkerManager(map);
		setupMarkerManager();
		if (zl > 9) zetLijn();
		
		GEvent.addListener(map, "zoomend", function(ol, nl) {if (nl==9) tijdbalk(1);});
		
	 }
}


function zetLijn(){
 	var polyline1_1 = new GPolyline.fromEncoded({
		  color: "#ffffff",
		  weight: 3,
		  opacity: 1,
		  points: "cli{H{lc[nFaXvA_Nw@oRaMya@eFwSuBmOsAaNeCo\\oEc[}FaRwYox@_Usi@wPq_@qJcVeIiYqC{XK_b@zDgb@dSmy@jGoY|WceBrIka@pKut@bCo]]mb@y@{QOmUh@kXdSuhBvH{r@fBkYLcd@u@qk@sAuVsBkScGcZgMg`@{Hu[uFw]sGuc@_B}RgAiXGoVv@mZvD}h@tFur@tEak@hDid@|B_q@kBof@wXqpBaFecAqAir@kI}l@qOu_@gE{IqD_KcDsMmCmOs@mHm@kIi@mNCeQbAmVnBcTrA{SVmRCaZi@cu@VsRtBk`@xCeb@xCq[zFik@dCeTjBaYdB_t@bBcj@hByd@zBcm@j@cr@Ao_BDkk@c@s]kC{[eGia@c\\m{BmDgZaBoWi@{WVeWdAyy@`@qf@oBuzA{@{v@cAgk@AolAaCy_A}Fgy@aCqSqEuVwEaPaFuLyEuLeFsNqDgN_E_VoBmUw@mSK{XbAyYnAiXf@wYWg_@yAiu@Mej@Pqn@Lws@c@wYuDiaAoCsW{DqTcEoYmCoVgHur@{CuOcGqS}FwN_JcTePg^e\\{|@kRsd@kMe]aKkZcNi\\sO}]gLmYqI_WsGiU}Jy_@wEuVaDqVaC{XoAkWkBwy@y@}PiB_XiAyQo@mTU{OPwUPmOAoMc@yRoBaTi^c~BiEuVqEyPeFuNqOm\\_FoNeEyPkPcu@_EiSgDsV}BwVuAqX]s]Qq~@\\eO`AePjDi`@rA}Rd@}LJeNg@i|@k@mu@sBob@]}LG{RDiTu@uXqAwRuE{_@aDmS{BiWk@cQImOVgR`B}ZtFyyA|C_|@r@cWQg`@TqTdAwS`Gsq@zAyZhIueC|E{sC`@i\\WcZKmRL}OF{[Wa]Ks]h@_\\`ByXfD}YdP_cAnD_PhFmOz\\ir@lIgTdFqS~DgW`Kyc@hPes@pGa\\jCkUv@gMb@iNFcW?\\qAkc@kGu|AeGmrAaDgZoEi\\sDgb@yAk_@y@ixA_@aYc@}QqBw^aCei@{@y^c@ae@Oei@i@ag@sA}hA}@wk@wBqw@o@ePwAuPqCcSoFmYeQmw@uWahA{Ni[_K_XaG_UkC{LsDsUqFif@iSeeB_DoYsAwRg@gQKwXPeMbBa\\zIip@d]e{BzEy]fNk~@vHmc@jWobA~Smx@",
		  levels: "PCEGBEABCGBDAAEDIDFBECCGDBBCF?ECJDBFCCF@DBHBEA?@EDHFCFEBCBEBCAHBDAEABBFAC@ACEAB?FB@ICE?DBGC?@E@ADCHBFCD?CBECHBD@BDBDB?EBJCAC@EBG@BCBBADAAECAHBDBFCA?BDB?ADCHAFBCBEAFBDBKAEBCBAEB@GAC@CECBBDAGBBB@DBEBBDF@E?B@B@CIBDFBDCFCB?BECAICBDAEBDCFADBABDAB?DBAIBCEAFBDAGC@@DBJACFBAAFD?P",
		  zoomFactor: 2, 
		  numLevels: 18
		});
		map.addOverlay(polyline1_1);
			  }



function icoon(str,w,h){
	icon = new GIcon();
	icon.image = "/grafiek/" + str + ".gif";
	if (w==80) h=32;
	icon.iconAnchor = new GPoint(Math.round(w/2), Math.round(h/2));
	icon.iconSize = new GSize(w, h);	
	return icon;
																																																																																																			 }

function setupMarkerManager() {
	var markers1 = []; var markers2 = [];
	for (i=0; i < data.punten.length; i++){
		pnt = eval('new GLatLng(' + data.punten[i].ll.replace(';',',') + ')');
		if (data.punten[i].g) {
			markers1.push(createMarker(pnt, data.punten[i].g, data.punten[i].url, icoon(data.punten[i].g, data.punten[i].w, 21)));}
		else {
			markers2.push(createMarker(pnt, data.punten[i].v, data.punten[i].url, icoon(data.punten[i].v, data.punten[i].w, 18)));}
	}
	mgr.addMarkers(markers1, 10);
	mgr.addMarkers(markers2, 14);
	mgr.refresh();
}


function createMarker(ll, title, url, ic) {
	var marker = new GMarker(ll,{"title": title, icon: ic});
	GEvent.addListener(marker, "click", function() {parent.location.href=url;});
	return marker;
  }


//video
function zetVideo(welke){
	var type = 'flv'; if (welke.indexOf('.swf') >= 0) {type='swf&autostart=true&repeat=true'}
	eId('video').innerHTML = flash("/swf/mediaplayer.swf", 400, 320, '#FFFFFF', '', 'file=/video/' + welke + '&height=320&image=/video/' + welke + '.jpg' + '&width=400&type=' + type + '&screencolor=#FFFFFF');
}


//vergrotingen
function groot(welke){
	href = welke.href;
	titel2 = '...';
	if (welke.title + '' != '') {titel2 = welke.title}
	popup('<div id="bijschrift">' + titel2 + '</div><img onclick="sluitpopup()" alt="" title="Afbeelding sluiten" id="breedste" src="' + href + '"/>');
		
	}

function popup(html){
	
	if (document.getElementById('devideo')){document.getElementById('devideo').style.visibility='hidden';}
	window.scroll(0, 0);
	if (!document.getElementById('popupwrap')) {
			var objBody = document.getElementsByTagName("body").item(0);
			var objOverlay = document.createElement("div");
			objOverlay.setAttribute('id','waas');
			if (!isIE){objOverlay.style.height = (objBody.offsetHeight) + 'px';}
			objBody.appendChild(objOverlay);

			var objOverlay = document.createElement("div");
			objOverlay.setAttribute('id','popupwrap2');
			objBody.appendChild(objOverlay);
			document.getElementById('popupwrap2').innerHTML = '<table id="popupwrap"><tr><td align="center"><div id="popup"></div></td></tr></table>';
		}
		document.getElementById('popup').innerHTML = html;
		document.getElementById('waas').style.display='block';
		if (isIE) {document.getElementById('popupwrap').style.display='block'; document.onkeydown = terugtoets;} 
		else {document.getElementById('popupwrap').style.display='table'; document.onkeypress = terugtoets;}
}

function terugtoets(e) {
  if(!e) e=window.event;
  key = e.keyCode ? e.keyCode : e.which;
  if (document.getElementById("popupwrap").style.display != 'none' && (key==8 || key==32 || key==37 || key==27)){
  sluitpopup();return false;}
}


function sluitpopup(){
	if (document.getElementById('popup')) {
		if (document.getElementById('devideo')){document.getElementById('devideo').style.visibility='visible';}
		document.getElementById('waas').style.display='none';
		document.getElementById('popupwrap').style.display='none';
		//document.getElementById('popup').innerHTML = '<p></p>';		
	}
}

function eId(w){return document.getElementById(w);}

function getCookie(name, defval) {
	var nameEQ = name + "="; var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) defval = c.substring(nameEQ.length,c.length);}
	if (defval == '') defval = '1';
	return defval;
}

function flash(movie, w, h, bg, wm, flashvars){
	if (isIE){
		return '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="'+ w + '" height="' + h + '"><param name="movie" value="' + movie + '" /><param name="FlashVars" value="' + flashvars + '" /><param name="quality" value="high" /><param name="allowfullscreen" value="true" /><param name="menu" value="false" /><param name="wmode" value="' + wm + '" /><param name="bgcolor" value="' + bg + '" /></object>';
	} else {
		return '<embed src="' + movie + '" quality="high" wmode="' + wm + '" bgcolor="' + bg + '" menu="false" width="'+ w + '" height="'+ h + '" FlashVars="' + flashvars + '" type="application/x-shockwave-flash" allowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" />';}
}