/*
	Deze js file bevat de functies voor het scrollen van een layer. Het scrollen kan op twee manieren:
	- letterlijk scrollen (er wordt een tijd in miliseconden meegegeven bij het aanroepen van de functie)
		- <a href="#" onmouseover="scrollayer('content',-10,1)" onmouseout="stopscroll()">up</a> or <a href="#" onmouseover="scrollayer('content',10,1)" onmouseout="stopscroll()">down</a><BR>
	- page jumpen (de tijd wordt op -1 gezet)
		- <a href="#" onmouseover="scrollayer('content',-200,-1)">up</a> or <a href="#" onmouseover="scrollayer('content',200,-1)">down</a><BR>
*/
var time,amount,theTime,theHeight,DHTML;

function getObj(name)
{
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
}


function init(strLayerName)
{
	//deze init moet eerst omdat de clipping via de stylesheet niet altijd goed gaat.
	DHTML = (document.getElementById || document.all || document.layers)
	if (!DHTML) return;
	var x = new getObj(strLayerName);
	
	x.style.display = 'inline';
	lyrheight = x.obj.offsetHeight;

	lyrheight += clipBottom;
	
	x.style.clip = 'rect('+clipTop+'px,'+clipWidth+'px,'+clipBottom+'px,0)';

}

function scrollayer(layername,amt,tim)
{
	if (!DHTML) return;
	thelayer = new getObj(layername);
	if (!thelayer) return;
	amount = amt;
	theTime = tim;
	realscroll();
}

function realscroll()
{

	if (!DHTML) return;
	clipTop += amount;
	clipBottom += amount;
	topper -= amount;
	if (clipTop < 0 || clipBottom > lyrheight)
	{
		clipTop -= amount;
		clipBottom -= amount;
		topper += amount;
		return;
	}
	
	clipstring = 'rect('+clipTop+'px,'+clipWidth+'px,'+clipBottom+'px,0)';
	thelayer.style.clip = clipstring;
	thelayer.style.top = topper + 'px';
	
	if(theTime > -1){
		time = setTimeout('realscroll()',theTime);
	}
}

function stopScroll()
{
	if (time) clearTimeout(time);
}

function showHideButtons(){
	//functie bepaald steeds welke buttons er getoond dienen te worden	
	objBack = document.getElementById("scrollback");
	objForward = document.getElementById("scrollforward");
	objBackGrey = document.getElementById("scrollback-grey");
	objForwardGrey = document.getElementById("scrollforward-grey");

	if((clipTop+clipBottom) < lyrheight){
		//als de hoogte van de clipping plus de huidige toppositie kleiner is dan de layer, dan is er nog een pagina dus de forward button tonen
		//en de back button moet eventueel ook getoond worden. Deze wordt weer verwijderd indien de layer in de begin positie staat.
		objForward.style.display='';
		objForwardGrey.style.display='none';
		objBack.style.display=''; 
		objBackGrey.style.display='none'; 
	}
	if(clipTop==0){
		//als de layer in de begin positie staat, dan de back button niet tonen
		objBack.style.display='none'; 
		objBackGrey.style.display=''; 
	}
	if((clipTop+clipBottom) > lyrheight){
		//als de hoogte van de clipping plus de huidige toppositie groter is dan de hoogte van de layer, dan is het de laatste pagina.
		objForward.style.display='none'; 
		objForwardGrey.style.display=''; 
		objBack.style.display=''; 	
		objBackGrey.style.display='none'; 
	}
	if(clipBottom+clipHeight > lyrheight){
		objForward.style.display='none'; 
		objForwardGrey.style.display=''; 	
	}
}