/* Future Sports */

/* publics voor popup */
var aPopImg=new Array();
var aPopAlt=new Array();
var iPopIdx=0;
var iPopMax=-2;
/* 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="" width="600" height="400" alt=""></div>');
	document.write('</div>');
	document.write('</div>');
	iPopMax=-1;
}
/* initialisatie */
function initFunc() {
	hightlightNav();
	// addEvents(); Nog niet.
	if (iPopMax==-1) {
		setPopovers();
		setPopNav();
	}
	setTargets();
}
/* 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='active';
		}
	}
}
/* 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') {
			var o=document.getElementById(aInput[i].id);
			o.onmouseover=function() {o.className='hover';}
			o.onmouseout=function() {o.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('future-sports.nl')==-1 && oLinks[i].href.indexOf('localhost')==-1) {
				oLinks[i].target='_blank';
			}
		}
	}/*end-for*/
}
/* 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];
	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 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-0; /* minus body margin-top */
	return wo;
}
/* window.onerror=function() {return true;} */
window.onload=initFunc;
/* eof */