﻿var isIE = (navigator.appName.indexOf("Microsoft") != -1 && navigator.appVersion.indexOf("Windows") > -1)+1-1;
var scrollInterval;
var sluitknop = 0;
var deel;
var objBody;
var hasFlash = function(){
	var nRequiredVersion = 8;
	if(isIE){
		document.write('<script language="VBScript"\> \non error resume next \nhasFlash = (IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & ' + nRequiredVersion + '))) \n</script\> \n');
		if(window.hasFlash != null){ return window.hasFlash;};
	};
	if(navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"] && navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin){
		var flashDescription = (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]).description;
		var vr = parseInt(flashDescription.charAt(flashDescription.indexOf(".") - 1)); if (vr < 4) vr += 10;	
		return vr >= nRequiredVersion;
	};
	return false;
}();

//css alleen voor met js enabled:
if (hasFlash) {
	document.write('<style type="text/css">h1,#navi,#submenu,#hoofdmenu,.vb,#huidige{display:none} #nivo2{display:none !important} #hoofdmenu a,#hoofdmenu a:hover{margin-left:-250px;color:#a2c1c5}</style>');
	document.write('<style type="text/css">#naclink,#hollink,#pavlink{background-image:none !important}</style>');
}

if (navigator.userAgent.indexOf("WebKit") != -1){
	document.write('<style type="text/css">#p1230 #tekst2{width:' +  (window.innerWidth-403) + 'px;}</style>');
}

// onload anders voor IE wegens 'defer' nodig voor fscommand
if (!isIE) {window.onload=start} else {document.write('<scr' + 'ipt defer src="/scripts/ieload.js" type="text/javascript"></sc' + 'ript>'); iniFS();}


function start(){
	
	objBody = document.getElementsByTagName("body").item(0);
	deel = objBody.className;

if (deel != 'home'){

//BEGIN FLASHDINGEN
	if (hasFlash) {	

//titelpad neerzetten
	menunr=3;if (!eId('uitklap2')) {menunr='2'}; if (eId('hoofdmenu')) {menunr='1'}
	flashvar = 'Deel=' + deel + '&Rubriek=' + eId('titel').innerHTML.toLowerCase();
	if (eId('nivo2')){
		flashvar = 'Deel=' + deel + '&Rubriek=' + eId('nivo2').innerHTML.toLowerCase() + '&Url=' + eId('nivo2').href + '&Titel=' + eId('titel').innerHTML.toLowerCase();}
	if (isIE) {flashvar += '&browser=IE';} else {flashvar += '&browser=X';}
	flashvar += '&Balkje=' + escape('<p>' + eId('navi').innerHTML.replace('class=homelink', 'class="homelink"') + '</p>');
	flashvar  = flashvar.replace('%E9','é');
	flashvar += '&Nivo=' + menunr + '&Klaar=1';
	objDiv = document.createElement("div"); objDiv.setAttribute('id','titelpad'); objBody.appendChild(objDiv);
	eId("titelpad").innerHTML = flash("/grafiek/titel.swf", 975,60,'','transparent',flashvar);	
	
//submenu
	if (eId('submenu')){
		subm = eId('submenu').innerHTML;
		sh = 400; if (location.href.indexOf('woordenlijst') > 0) {sh=130}
		eId("submenu").innerHTML = flash("/grafiek/submenu.swf", '100%',sh,'','transparent','Deel=' + deel + '&html=' + escape(subm));
		eId("submenu").style.display='block';
		eId("submenu").onmouseover=hideall; }	

//uitklaps neerzetten
	if (eId('uitklap1')){
		eId("uitklap1").innerHTML = flash("/grafiek/uitklap1.swf", 150,hoogte('uitklap1'),'','','Deel=' + deel + '&html=' + escape(eId('uitklap1').innerHTML));}
	if (eId('uitklap2')){
		eId("uitklap2").innerHTML = flash("/grafiek/uitklap2.swf", 250,hoogte('uitklap2'),'','transparent','Deel=' + deel + '&html=' + escape(eId('uitklap2').innerHTML));}
	
//hoofdmenu
	if (eId('hoofdmenu')){
		addDivs();
		eId("hoofdmenu2").innerHTML = flash("/grafiek/hoofdmenu.swf", 325,400,'','transparent','Deel=' + deel + '&html=' + escape(eId('hoofdmenu').innerHTML));
		eId("hoofdmenu").style.display='block';
		var as = eId("hoofdmenu").getElementsByTagName('a');
		for (var u=0; u<as.length; u++){
			as[u].id ='uit_' + (u + 1);
			as[u].onmouseover= function () {uitklap0(this.id);}
		}

		if (deel == 'pav') eId("beeld").innerHTML = flash("/grafiek/plattegrond.swf", 600,400,'','opaque','');}
// EINDE FLASHDINGEN
}

//evt. imagemaps
	var areas = document.getElementsByTagName('area');
	for (var i=0; i<areas.length; i++){
		var area = areas[i];
		if (area.href.indexOf('.jpg') > 1){
			area.onmouseover = function () {markeer(this);bijschrift(imgname(this.href))}
			area.alt = ''; area.onclick = function () {groot(imgname(this.href)); bijschrift(imgname(this.href)); return false;}
		}
	}

if (eId('beeld')){	
//instructie neerzetten:
	if (eId("beeld").innerHTML.indexOf('anorama') > 1) {eId('bijschrift').className='panorama';}
	if (eId("beeld").innerHTML.indexOf('riehoek') > 1) {eId('bijschrift').className='driehoek';}
	if (areas.length || eId('thumbs')) {eId('bijschrift').className='fotos';}

//alt verbergen voor alle img's in beeld
	var imgs = eId('beeld').getElementsByTagName('img');
		for (var i=0; i<imgs.length; i++){
			imgs[i].title='';}	

//evt. thumbs
	if (eId('thumbs')){
		sluitknop = 1;
		var as = eId('thumbs').getElementsByTagName('a');
		for (var i=0; i<as.length; i++){
			var aa = as[i];
			if (aa.href.indexOf('.jpg') > 1){
				eval("aa.onmouseover = function () {bijschrift2(" + i + ")}");
				aa.onclick = function () {groot(imgname(this.href)); return false;}
			}
		}
	}

//div. voor vergroting en scrollnavi toevoegen

	objDiv = document.createElement("div"); objDiv.setAttribute('id','groot'); objBody.appendChild(objDiv);

	window.setTimeout(setscrollnavi,500)

	if (areas.length){
		sluitknop = 1;
		objA = document.createElement("a"); objA.setAttribute('href','#'); objA.setAttribute('id','mark'); 
		eId("beeld").appendChild(objA);}

//openen met een swf of vergroting bv. citaat
	if (eId('ns')){
		if (eId('titel').innerHTML == 'Citaten'){eId('bijschrift').className='citaten';}
		groot(eId('ns').className);
		if (deel !='hol') {bijschrift(eId('ns').className)};
		}
	if (((deel=='nac' && !eId('ns')) || (eId("beeld").innerHTML.indexOf('Wand') > 1 && eId('st'))) && eId('bijschrift').getElementsByTagName('li').length > 0){
		il = eId('bijschrift').getElementsByTagName('li')[0].id;
		groot(il);bijschrift(il);
		}
	
//mouseouts toewijzen tbv uitklapmenu's
	eId("zoeken").onmouseover=hideall; eId("tekst").onmouseover=hideall; eId("beeld").onmouseover=hideall; eId("groot").onmouseover=hideall;


} // einde if eId beeld


//iframe voor formulier
	if (eId('postform')){
	objIframe = document.createElement("div");
	objIframe.innerHTML='<iframe name="posttarget" style="visibility:hidden" width="0" height="0"></iframe>';
	objBody.appendChild(objIframe);
	}

//teruglink

	objP = document.createElement("p"); objP.setAttribute('id','vorig');
	//if ((location.href + '!').indexOf('/!') > 1) {objP.innerHTML = '<a href="../">terug</a>';} else {objP.innerHTML = '<a href=".">terug</a>';}
	objP.innerHTML = '<a href="javascript:history.back()">terug</a>';
	if (eId('titel').innerHTML == 'Citaten'){eId('bijschrift').appendChild(objP);}
	else if ((!eId('submenu') || deel=='wot') && !eId('hoofdmenu') ) {eId('tekst').appendChild(objP);}

	}
	
	//homepage
	else if (hasFlash) {
		addDivs();
		deel = 'nac';
		eId("nac").onmouseover=hideall; 
		eId("hoofdmenu2").innerHTML = flash("/grafiek/hoofdmenu.swf", 200,246,'','transparent','Deel=' + deel + '&html=' + escape(eId('hoofdmenu').innerHTML));
		eId("hoofdmenu").style.display='block';
		var as = eId("hoofdmenu").getElementsByTagName('a');
		for (var u=0; u<as.length; u++){
			as[u].id ='uit_' + (u + 1);
			as[u].onmouseover= function () {uitklap0(this.id);}
		}
		if (eId("pavslide")){setTimeout("ss()",4000);}
	}

//Einde start()
}

function addDivs(){
		objDiv = document.createElement("div"); objDiv.setAttribute('id','hoofdmenu2'); objBody.appendChild(objDiv);
		objDiv = document.createElement("div"); objDiv.setAttribute('id','uitklap0'); objBody.appendChild(objDiv);
}

function ss(){
	$slish('pavslide',"grafiek/pav_1.jpg;grafiek/pav_2.jpg;grafiek/pav_3.jpg;grafiek/pav_4.jpg;grafiek/pav_5.jpg;",900); $slishPLAY(4000);
}


function setscrollnavi(){
	if (eId('beeld').scrollWidth > eId('beeld').offsetWidth+10){

		objDiv = document.createElement("div"); objDiv.setAttribute('id','scrollnavi'); objBody.appendChild(objDiv);
		eId("scrollnavi").innerHTML = '<a id="linksknop" title="Verschuif naar links" class="rondeknop" onmousedown="startscroll(-15)" href="javascript:void(0)" onmouseup="stopscroll()"></a><a id="rechtsknop" title="Verschuif naar rechts" class="rondeknop" href="javascript:void(0)" onmousedown="startscroll(15)" onmouseup="stopscroll()"></a>';

		if(eId('beeld').firstChild.className == 'scrollrechts') {
			eId('beeld').scrollLeft = eId('beeld').scrollWidth; hide('rechtsknop');}
			 else {hide('linksknop')}
		}
}

function kalelinklijst(w){
	var as = w.getElementsByTagName('a');
	var res = '';
	for (var i=0; i<as.length; i++){res += as[i].innerHTML + '<br/>';}
	return res;	
}

function uitklap0(nr){
	hide('uitklap0');
	
	
	if (eId('uitklap0') && eId(nr +'b')) {
		if ( eId(nr +'b').innerHTML != ''){
			eId("uitklap0").innerHTML = flash("/grafiek/uitklap0.swf", 260,hoogte(nr +'b'),'','transparent','Deel=' + deel + '&html=' + escape(eId(nr +'b').innerHTML));
			echtnr = parseFloat(nr.replace('uit_',''));
			bohi = 9999;
			detop = 120; per = 30;  if (objBody.className=='home') { detop=65; per = 20;}
			if (window.innerHeight) {bohi = window.innerHeight;}
			if (document.documentElement.clientHeight) {bohi=document.documentElement.clientHeight;}
			if ( (detop + (echtnr * per) + hoogte(nr +'b') ) > bohi){
				eId('uitklap0').style.top = (bohi - hoogte(nr +'b') - per) + 'px';}
			else{
				eId('uitklap0').style.top = (detop + echtnr * per) + 'px';}
			eId('uitklap0').style.display = 'block';}
	}
}

function hoogte(welke){
	tmp = eId(welke).innerHTML.toLowerCase();
	if (welke=='uitklap1') tmp += '<br><br>'
	return (17 * tmp.split('<br').length);
}

function startscroll(hoev){
	scrollInterval = setInterval("scrollDiv(" + hoev + ")", 50);
}

function stopscroll(){
	clearInterval(scrollInterval)
}

function scrollDiv(hoev){
	if (eId('boekscroll')) {b = eId('thumbs');} else {b = eId('beeld');}
	b.scrollLeft = b.scrollLeft + hoev;
	show("rechtsknop"); show("linksknop");
}

function bijschrift(hr){
	if (eId('bijschrift').className=='fotos') {eId('bijschrift').className='';}
	hr = '' + hr;
	var bijs = eId('bijschrift').getElementsByTagName('li');
	for (var i=0; i< bijs.length; i++){
		if (bijs[i].id != hr) {hide(bijs[i].id);}
	}
	show(hr);
}

function bijschrift2(nr){
	if (eId('bijschrift').className=='fotos') {eId('bijschrift').className='';}
	var bijs = eId('bijschrift').getElementsByTagName('li');
	for (var i=0; i< bijs.length; i++){
		if (i == nr) {bijs[i].style.display='block';}
		else {bijs[i].style.display='none';}
	}

}

function bijs(str){
	eId('bijschrift').innerHTML = str;

}

function markeer(w){
	c = w.coords.split(',');
	m = eId('mark');
	b = 5; b = b*2;
	extra = 403;
	if (w.parentNode.previousSibling.src) {extra = w.parentNode.previousSibling.offsetLeft}
	l = parseInt(c[0]) + extra;
	m.style.left   = l - 3 + 'px';
	m.style.top    = c[1] - 3 + 'px';
	m.style.width  = c[2]-c[0]-b + 'px';
	m.style.height = c[3]-c[1]-b + 'px';
	m.style.visibility = 'visible';
	m.onclick = function () {groot(imgname(w.href)); return false;}
}

function groot(img){

	hide("scrollnavi"); show("groot");	
	g = eId("groot");
	g.style.width = 'auto';
	knopjes = '';
	w='';
	if (img.indexOf('_z') > 0) {w='600px';g.style.width = w;}
	if (eId('' + img) || eId('thumbs')){
		eId("beeld").className = "vergroting";
		if (eId('' + img)) {w = eId('' + img).className;}
		if (w.indexOf('px') > 1) {g.style.width = w};
		if (sluitknop > 0) {knopjes = '<a href="javascript:sluit()" id="sluitknop" class="rondeknop" title="Sluit vergroting"></a>';}
		if (eId('bijschrift').getElementsByTagName('li').length > 1) {knopjes += '<a href="javascript:beeld(-1)" id="vorigeknop" class="rondeknop" title="Vorige afbeelding"></a><a href="javascript:beeld(1)" id="volgendeknop" class="rondeknop" title="Volgende afbeelding"></a>';}
	}
	
	//g.style.backgroundImage = "url(x)";
	if (img.indexOf('riehoek') > 0 ) {
		g.innerHTML = flash("/swf/" + img + '.swf' , '600', '400', '', 'opaque', '') + knopjes;
	} else if (img.indexOf('ampkaart') > 0) {
		g.innerHTML = flash('/swf/kampkaart.swf' , '600', '400', '', 'opaque', 'land=' + img.replace('kampkaart','') + '&Klaar=1') + knopjes;
	} else if (img.indexOf('eiskaart') > 0) {
		g.innerHTML = flash('/swf/reiskaart.swf' , '300', '400', '', 'opaque', 'reis=' + img.replace('reiskaart','') + '&Klaar=1') + knopjes;
	} else if (img.indexOf('amenwand_z') > 0) {
		g.innerHTML = flash('/swf/zoomify.swf' , '100%', '450', '', 'opaque', 'pad=/swf/zoom/' + img + '&breed=' + w.replace('px','') ) + knopjes;
	} else if (img.indexOf('_z') > 0) {
		g.innerHTML = flash('/swf/zoomify.swf' , '100%', '400', '', 'opaque', 'pad=/swf/zoom/' + img + '&breed=' + w.replace('px','') ) + knopjes;
	} else if (img.indexOf('anorama') > 0) {
		g.innerHTML = flash('/swf/panorama/pano.swf' , '600', '400', '', '', 'xml_file=/swf/panorama/' + img + '.xml') + knopjes;
	} else if (img.indexOf('ideo') > 0) {
		flv = eId('ns').title;
		g.innerHTML = '<embed src="/swf/mediaplayer.swf" width="600" height="400" allowfullscreen="true" allowscriptaccess="always" flashvars="&file=/swf/' + flv + '.flv&height=400&image=/swf/' + flv + '.jpg&width=600&screencolor=#FFFFFF&overstretch=none"></embed>';
	} else {
		g.innerHTML = '<img src="/beeld/' + naam() + '/' + img + '.jpg"/>' + knopjes;
	}
}

function naam(){
	if (deel=='pav') return 'paviljoen';
	if (deel=='nac') return 'nac';
	if (deel=='hol') return 'holocaust';
}

function sluit(){
	hide("groot"); show("scrollnavi"); eId("beeld").className = "";
}

function beeld(plusmin){
	var bijs = eId('bijschrift').getElementsByTagName('li');
	for (var i=0; i< bijs.length; i++){
		if (bijs[i].style.display == 'block'){
			ga = i+plusmin; if (ga < 0) {ga = bijs.length-1;} if (ga > bijs.length-1) {ga = 0;}
			bijs[i].style.display='none';
			bijs[ga].style.display='block';
			if (eId('thumbs')){
				var as = eId('thumbs').getElementsByTagName('a');
				groot(imgname(as[ga].href));
			} else {
				groot(bijs[ga].id.replace('i_',''));}
			break;
			}
	}
}

function ww_plusmin(welke, hoeveel){
	eval('w = document.winkelwagen.' + welke);
	n = 1;
	n = parseInt(w.value) + hoeveel;
	if (n < 0) n=0;
	w.value = n;
	ww_update(w);
}

function ww_update(welke){
	var subm = true;
	if (welke.value=="0") {subm = confirm("Wilt u dit item verwijderen?");}
	if (subm) document.winkelwagen.submit();
}

// HULPFUNCTIES

function imgname(hr){hrl = hr.split('/'); hr = hrl[hrl.length-1]; hr = hr.substr(0,hr.indexOf('.')); return hr}

function hideall(){hide("uitklap1"); hide("uitklap2");hide("uitklap0");}

function eId(w){return document.getElementById(w);}

function hide(w){if (eId(w)){eId(w).style.display='none';}}

function show(w){hideall();if (eId(w)){eId(w).style.display='block';}}

function flash(movie, w, h, bg, wm, flashvars){
	movieid= 'flash' + movie.replace('/grafiek/',''); movieid = movieid.replace('.swf',''); movieid = movieid.replace('/swf/','');
	if (isIE){
		return '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="'+movieid+'" width="'+ w + '" height="' + h + '"><param name="movie" value="' + movie + '" /><param name="FlashVars" value="' + flashvars + '" /><param name="quality" value="high" /><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" pluginspage="http://www.macromedia.com/go/getflashplayer" />';}
}

function iniFS(){
if (isIE){
	document.write('<script language=\"VBScript\"\>\n');
	document.write('Sub flashtitel_FSCommand(ByVal command, ByVal args)\n');
	document.write('	Call flashtitel_DoFSCommand(command, args)\n');
	document.write('End Sub\n');
	document.write('</script\>\n');}
}

function flashtitel_DoFSCommand(command, args){eval(command + '("' + args + '")');}