var posscrlldv = 0;
var stoppercrd = 0;
var hetaantal = 0;
var flipstopper = 0;

function startswitchpaper()	{

var kreuk=document.getElementById("kreukvel");
var kreuktxt=document.getElementById("kreuktext");
var proph=document.getElementById("propholder");
var sluitsw=document.getElementById("sluitswitch");
var scrlltdwn=document.getElementById("scrollitdown");
var scrlltup=document.getElementById("scrollitup");
var cntscllt=document.getElementById("scrlldv");

kreuk.style.display="none";
kreuktxt.style.overflow="hidden";
proph.style.display="block";
scrlltdwn.style.display="block";
scrlltup.style.display="block";
sluitsw.style.display="block";

proph.onmouseover=function(){tooltsh(this,"show");};
proph.onmouseout=function(){tooltsh(this,"nnn");};
proph.onclick=function(){switchit(kreuk,this);};
sluitsw.onclick=function(){switchit(proph,kreuk);};

scrlltup.onmouseover=function(){scrollit(cntscllt,"up");};
//scrlltup.onmouseout=function(){scrollit(cntscllt,"stop");};
scrlltup.onclick=function(){scrollit(cntscllt,"reset");};


scrlltdwn.onmouseover=function(){scrollit(cntscllt,"d");};
scrlltdwn.onclick=function(){scrollit(cntscllt,"d");};
//scrlltdwn.onmouseout=function(){scrollit(cntscllt,"stop");};


//Probeersel om aatal kaarten te bepalen, en de scroll mogelijkheden navenant te beperken.

var filecardnumb = cntscllt.childNodes;


for(var i = 0; i < filecardnumb.length; i++){
if(filecardnumb[i].nodeType == 1)	{
hetaantal++;
	}
}
//alert("aantal Nodes:" +hetaantal);
flipstopper =  -hetaantal * 319 + "px";


}

function switchit(obj,hobj)	{
obj.style.display="block";
hobj.style.display="none";

	}

function tooltsh(obj, flag)	{
tooltipspan = obj.getElementsByTagName('span');
if(tooltipspan)	{
if(flag == "show")	{
tooltipspan[0].style.display="block";
}
else{
tooltipspan[0].style.display="none";
	}
	}
}

function scrollit(obj, direction)	{
if(obj.Scrolltimer) window.clearInterval(obj.Scrolltimer);

if(direction !=="stop"){
obj.Scrolltimer= window.setInterval(

function(){

if(direction == "d"){
posscrlldv -= 30;
stoppercrd +=30;
//alert("down scroll asked");
}

if(direction == "up"){
if(posscrlldv === 0)	{
//alert("up scroll asked"+posscrlldv);
stoppercrd = 0;
window.clearInterval(obj.Scrolltimer);
		}else{
		posscrlldv += 30;
		stoppercrd +=30;
			}
	}
if(direction == "reset" || posscrlldv > 0)	{
window.clearInterval(obj.Scrolltimer);
posscrlldv = 0;
stoppercrd = 0;
	}
obj.style.top=posscrlldv+"px";



if(stoppercrd > 299)	{
//alert("limit bereikt"+stoppercrd);
if(direction == "d"){
posscrlldv -= 19;
	}
if(direction == "up"){
posscrlldv += 19;
	}
obj.style.top=posscrlldv+"px";
stoppercrd = 0;

window.clearInterval(obj.Scrolltimer);
//alert(obj.style.top);
if(obj.style.top == flipstopper)	{
//alert("succes");
obj.style.top= 0 + "px";
posscrlldv = 0;
}
	}

}
, 20);
	}

}