/* (c) ISSR 2010 */
/* 24-10-2011 - width en height popimage verwijderd. */
/* 23-10-2010 - addEvents aangepast. */
/* publics voor popup */
var aPopImg=new Array();
var aPopAlt=new Array();
var iPopIdx=0;
var iPopMax=-2;
/* publics voor fading tekst (mededelingen) */
var oFadeText=null;
var iFadeObjIdx=0;
var iFadeObjMax=0;
var iFadeClassIdx=0;
var iFadeClassMax=8; /* 8 classes in css */
var sFadeDir='up';
/* schrijf html voor popover */
if (typeof(setpops)=="string"&&setpops=="true") {
	document.write('<div id="overlay"></div>');
	document.write('<div id="popover">');
	document.write('<div id="poptop">');
	document.write('<span id="poptitel"><p id="popptitel">ISSR</p></span>');
	document.write('<span id="popvorige"><img src="" alt="Vorige" id="vorige" width="40" height="32"></span>');
	document.write('<span id="popnummer"><p id="poppnummer">1/1</p></span>');
	document.write('<span id="popvolgende"><img src="" alt="Volgende" id="volgende" width="40" height="32"></span>');
	document.write('<span id="popsluiten"><img src="" alt="Sluiten" id="sluiten" width="40" height="32"></span>');
	document.write('</div>');
	document.write('<div id="popbottom">');
	document.write('<img id="popimage" src="" alt="" style="font-size: 100%;"></div>');
	document.write('</div>');
	document.write('</div>');
	iPopMax=-1;
}
/* initialisatie */
function initFunc() {
	hightlightNav();
	addEvents();
	if (iPopMax==-1) {
		setPopovers();
		setPopNav();
	}
	setTargets();
	fadeText();
}
/* highlight actieve navigatie element */
function hightlightNav() {
	if (typeof(navsel)=="string"&&navsel.length!=0) {
		if (document.getElementById(navsel)!=null) {
			var oNav=document.getElementById(navsel);
			oNav.className=oNav.className + '2';
		}
	}
}
/* voeg mouse events aan submit buttons toe */
function addEvents() {
	var aInput=document.getElementsByTagName('input');
	for (var i=0;i<aInput.length;i++) {
		if (aInput[i].type=='submit'||aInput[i].type=='button') {
			aInput[i].onmouseover=function() {this.className='hover';}
			aInput[i].onmouseout=function() {this.className='';}
		}
	}/*end-for*/
}
/* zet klik event op popover images en vul array's met images en alt-teksten */
function setPopovers() {
	var x=0;
	/* vul o.b.v. hyperlink in html */
	var oLinks=document.links;
	for (var i=0; i<oLinks.length; i++) {
		if (oLinks[i].href.indexOf('/popovers/')>0) {
			oLinks[i].popoverindex=x;
			oLinks[i].onclick=function() {showPop(this.popoverindex); return false;}
			aPopImg[x]=oLinks[i].href;
			aPopAlt[x]='';
			if (typeof(oLinks[i].firstChild.alt)=='string') {
				/* Child is image met alt-tekst. Overnemen. */
				aPopAlt[x]=oLinks[i].firstChild.alt;
			}
			else if (x>0) {
				/* Tekst voorgaande afbeelding overnemen. */ 
				aPopAlt[x]=aPopAlt[x-1];
			}
			x++;
		}
	}/* end-for */
	/* vul o.b.v. optionele array met meer images */
	if (typeof(aPopMeerImg)=='object' && typeof(aPopMeerAlt)=='object') {
		for (var i=0; i<aPopMeerImg.length; i++) {
			aPopImg[x]=aPopMeerImg[i];
			aPopAlt[x]=aPopMeerAlt[i];
			x++;
		}/*end-for*/
	}
	iPopMax=x-1;
}
/* laad images voor navigatie en activeer events popover navigatie*/
function setPopNav() {
	var oVorige=document.getElementById('vorige');
	var oVolgende=document.getElementById('volgende');
	var oSluiten=document.getElementById('sluiten');
	var oImage=document.getElementById('popimage');
	var oPopbottom=document.getElementById('popbottom');
	if (iPopMax>0) {
		oVorige.src='/images/basis/pijll.gif';
		oVorige.title='Vorige';
		oVorige.onclick=function() {gotoImg(-1);}
		oVolgende.src='/images/basis/pijlr.gif';
		oVolgende.title='Volgende';
		oVolgende.onclick=function() {gotoImg(1);}
	}
	else {
		oVorige.style.display='none';
		oVolgende.style.display='none';
	}
	oSluiten.src='/images/basis/kruis.gif';
	oSluiten.title='Sluiten';
	oSluiten.onclick=function() {hidePop();}
	oImage.src='/images/basis/filler.gif';
	oPopbottom.className='geduld'; /* activeer style met bg image */
	/* window events voor popover */
	window.onresize=resizePop;
	window.onscroll=hidePop;
}
/* voeg target toe aan externe links of aan documenten */
function setTargets() {
	var oLinks=document.links;
	x=0;
	for (var i=0; i<oLinks.length; i++) {
		if (oLinks[i].href.indexOf('http://')==0) {
			/* externe links */
			if (oLinks[i].href.indexOf('indoorski-rotterdam')==-1 && oLinks[i].href.indexOf('localhost')==-1) {
				oLinks[i].target='_blank';
			}
		}
		if (oLinks[i].href.indexOf('fotogalerij/')>0) {
			/* link naar een fotogalerij */
			oLinks[i].target='_blank';
		}
	}/*end-for*/
}
/* start fading text indien nodig */
function fadeText() {
	if (document.getElementById('fadinglijst')!=null) {
		if (oFadeText==null) {
			oFadeText=document.getElementById('fadinglijst').childNodes[iFadeObjIdx];
			iFadeObjMax=document.getElementById('fadinglijst').childNodes.length-1;
		}
		if (sFadeDir=='up') {
			if (iFadeClassIdx<iFadeClassMax) {
				iFadeClassIdx++;
			}
			else {
				iFadeClassIdx--;
				sFadeDir='down'
			}
		}
		else if (sFadeDir=='down') {
			if (iFadeClassIdx>1) {
				iFadeClassIdx--;
			}
			else {
				if (iFadeObjIdx<iFadeObjMax) { iFadeObjIdx++; }
				else { iFadeObjIdx=0; }
				oFadeText=document.getElementById('fadinglijst').childNodes[iFadeObjIdx];
				sFadeDir='up'
			}
		}
		oFadeText.className='fade0'+iFadeClassIdx;
		setTimeout('fadeText()',400);
	}
}
/* toon popover */
function showPop(img) {
	var oOverlay=document.getElementById('overlay');
	var oPopover=document.getElementById('popover');
	var x=winOffsetLeft();
	var y=winOffsetTop();
	var x2=0;
	var y2=0;
	oOverlay.style.left=''+x+'px';
	/*oOverlay.style.height=''+winWidth()+'px';*/
	oOverlay.style.top=''+y+'px';
	oOverlay.style.height=''+winHeight()+'px';
	oOverlay.style.visibility='visible';
	x2=x+(winWidth()-oPopover.scrollWidth)/2;
	y2=y+((winHeight()-oPopover.scrollHeight)/2-35);
	if (x2<x) {x2=x;}
	if (y2<y) {y2=y;}
	oPopover.style.left=''+x2+'px';
	oPopover.style.top=''+y2+'px';
	oPopover.style.visibility='visible';
	iPopIdx=img;
	showImg();
}
/* toon foto in popover */
function showImg() {
	var oImage=document.getElementById('popimage');
	var oTitle=document.getElementById('popptitel');
	var oNummer=document.getElementById('poppnummer');
	/* oImage.src=''; */
	oImage.src=aPopImg[iPopIdx];
	oTitle.innerHTML=aPopAlt[iPopIdx];
	if (typeof(oTitle.scrollHeight)=='number') {
		var h=oTitle.scrollHeight;
		oTitle.className=(h>32)?'h16':'h32';
	};
	oNummer.innerHTML=''+(iPopIdx+1)+'/'+(iPopMax+1);
}
/* naar andere foto in popover */
function gotoImg(d) {
	if (d<0&&iPopIdx>0) {
		iPopIdx--;
		showImg();
	}
	if (d>0&&iPopIdx<iPopMax) {
		iPopIdx++;
		showImg();
	}
}
/* ---------------- */
function hidePop() {
	var oOverlay=document.getElementById('overlay');
	var oPopover=document.getElementById('popover');
	oOverlay.style.visibility='hidden';
	oPopover.style.visibility='hidden';
}
/* ---------------- */
function resizePop() {
	var oOverlay=document.getElementById('overlay');
	oOverlay.style.height=''+winHeight()+'px';
}
/* ---------------- */
function showGeduld(t) {
	var e;
	if (document.getElementById('overlay')==null) {
		e=document.createElement('div');
		e.setAttribute('id','overlay');
		e.className='light';
		document.body.appendChild(e);
	}
	if (document.getElementById('popgeduld')==null) {
		e=document.createElement('div');
		e.setAttribute('id','popgeduld');
		document.body.appendChild(e);
		e=document.createElement('p');
		e.setAttribute('id','pargeduld');
	  	document.getElementById('popgeduld').appendChild(e);
	}
	document.getElementById('pargeduld').innerHTML=t;
	document.getElementById('overlay').className='bright';
	document.getElementById('overlay').style.height=''+winHeight()+'px';
	document.getElementById('overlay').style.visibility='visible';
	var x=winOffsetLeft();
	var x2=x+(winWidth()-document.getElementById('popgeduld').scrollWidth)/2;
	if (x2<x) {x2=x;}
	document.getElementById('popgeduld').style.left=''+x2+'px';
	document.getElementById('popgeduld').style.visibility='visible';
}
/* ---------------- */
function winWidth() {
	var ww=0;
	if (self.innerWidth) { ww=self.innerWidth; }
	else if (document.documentElement && document.documentElement.clientWidth) { ww=document.documentElement.clientWidth; }
	else if (document.body && document.body.clientWidth) { ww=document.body.clientWidth; }
	return ww;
}
/* ---------------- */
function winHeight() {
	var wh=0;
	if (self.innerHeight) { wh=self.innerHeight; }
	else if (document.documentElement && document.documentElement.clientHeight) { wh=document.documentElement.clientHeight; }
	else if (document.body && document.body.clientHeight) { wh=document.body.clientHeight; }
	return wh;
}
/* ---------------- */
function winOffsetLeft() {
	var wo=0;
	var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;
	var docleft=document.all? iebody.scrollLeft : pageXOffset;
	if (document.all||document.getElementById) { wo=docleft; }
	return wo;
}
/* ---------------- */
function winOffsetTop() {
	var wo=0;
	var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;
	var doctop=document.all? iebody.scrollTop : pageYOffset;
	if (document.all||document.getElementById) { wo=doctop; }
	wo=wo-8; /* minus body margin-top */
	return wo;
}
/* window.onerror=function() {return true;} */
window.onload=initFunc;
/* eof */