var loop;
var width=930;
var thisitem=2;
//onmouseover="this.className='on'"
//verander de menukleuren
function menu(htmlId, kleur1, kleur2,id,wat) {
	
	if(wat=="over") {
		//showLayer(id); 
		document.getElementById(htmlId).style.backgroundColor=kleur1;
		document.getElementById(htmlId).style.color=kleur2;
	} else if(wat=="over2") {
		if(id) {thisitem=id;}
		//showLayer(id); 
		document.getElementById(htmlId).style.backgroundColor=kleur1;
		document.getElementById(htmlId).style.color=kleur2;
	} else if(wat=="over3") {
		
		//showLayer(id); 
		
	} else if(wat=="over4") {
		
		//showLayer(id); 
		
	} else if(wat=="over5") {
		
		//showLayer(id); 
		
	}
}

//verander link kleuren
function link(htmlId, kleur) {
	document.getElementById(htmlId).style.color=kleur;
}

function linkx(deze, kleur) {
	deze.style.color=kleur;
}

//functie voor de inlooptekst op de startpagina
function inlooptekst() {
	document.getElementById("inlooptekst").style.marginLeft=width+"px";
	width=width-5;
	if(width<0) {
		clearTimeout(loop);
	} else {
		clearTimeout(loop);
		loop = setTimeout("inlooptekst()", 40);
	}
}


function popup($pagina) {
		string="<iframe src=\""+$pagina+"\" width=\"100%\" height=\"580px\" scrolling=\"no\" frameborder=\"0\"></iframe>";
				string+="<div style=\"position: absolute; top: 560px; left: 830px;\"><a href=\"#\" id=\"onlinediensteverlening1\" style=\"color: #E40078; corsor: pointer;\" onmouseover=\"link('onlinediensteverlening1','#F5BECF')\" onmouseout=\"link('onlinediensteverlening1','#E40078')\" onmousedown=\"popout()\">Sluit Venster</a></div>";
				string+="<div style=\"position: absolute; top: 7px; left: 903px;\" onmousedown=\"popout()\"><a href=\"#\" style=\"color: #ffffff; text-decoration: none; font-size: 20px; corsor: pointer; font-weight: bold;\" onmousedown=\"popout()\">X</a></div>";
				document.getElementById("popup").innerHTML=string;
		document.getElementById("popup").style.display="block";
		document.getElementById('cl1').style.display="none";
}

function popout() {
		document.getElementById("popup").style.display="none";
		document.getElementById('cl1').style.display="block";
}

function printpage()
{
	window.print();
}



var vorige=0;
var vorigeextra="";
var counter = 0;
var temp=0;
var temp2=0;
var sublayerid=0;
var subsublayerid=0;
var subvorige=10;
var subvorigeextra="sub";
var subcounter = 0;
var subtemp=0;
var subtemp2=0;
var subsubvorige=10;
var subsubvorigeextra="sub";
var subsubcounter = 0;
var subsubtemp=0;
var subsubtemp2=0;

function showLayer(layerid) {
	
var layer = document.getElementById("item"+layerid);
layer.style.display = "block";
//window.status="show:"+layerid;
killClock();
	if(vorige!=layerid) {
		hideLayer(vorige);	 
		vorige=layerid;
		
		subkillClock();
		
			if(subvorige) {
				subvorigeextra="sub";
			subhideLayer(subvorige,subvorigeextra);	 
			
			subsubkillClock();
			if(subsubvorige) {
				subsubvorigeextra="sub";
				subsubhideLayer(subsubvorige,subsubvorigeextra);	 
				
			}
		
		}
	} else {
		
	}
}
    
function killClock(){
	clearTimeout(temp);
	clearTimeout(temp2);
	//clearTimeout(subtemp);
	//clearTimeout(subtemp2);
	//clearTimeout(subsubtemp);
	//clearTimeout(subsubtemp2);
}

function hideLayerDelay(layerid) {
temp2=counter;
tijd=1000;

counter=setTimeout("hideLayer("+layerid+")",tijd);
temp=counter;
}

function hideLayer(layerid) {
	
    if(layerid>0&&layerid<6) {
		//alert("item"+layerid+extra);
			var layer = document.getElementById("item"+layerid);
		
    	layer.style.display = "none";
	}
}









//sub
var subvorige=1;
var subvorigeextra="sub";
var subcounter = 0;
var subtemp=0;
var subtemp2=0;

function subshowLayer(sublayerid,subextra) {
	if(!subextra) {subextra=""}
var sublayer = document.getElementById("item"+sublayerid+subextra);
sublayer.style.display = "block";
//window.status="show:"+sublayerid;
subkillClock();
	if(subvorige!=sublayerid) {
		subhideLayer(subvorige,subvorigeextra);	 
		subvorige=sublayerid;
		subvorigeextra=subextra;
		subsubkillClock();
		if(subsubvorige) {
			subsubvorigeextra="sub";
			subsubhideLayer(subsubvorige,subsubvorigeextra);	 
			
		}
	} else {
		
	}
}
    
function subkillClock(){
	clearTimeout(subtemp);
	clearTimeout(subtemp2);
	//clearTimeout(subsubtemp);
	//clearTimeout(subsubtemp2);
}

function subhideLayerDelay(sublayerid,subextra) {
subtemp2=subcounter;
subtijd=1000;

subcounter=setTimeout("subhideLayer("+sublayerid+",'"+subextra+"')",subtijd);
subtemp=subcounter;
}

function subhideLayer(sublayerid,subextra) {
	
    if((sublayerid>0&&sublayerid<100) && sublayerid) {
		//alert("item"+sublayerid+extra);
			var sublayer = document.getElementById("item"+sublayerid+subextra);
		
    	sublayer.style.display = "none";
	}
}






//subsubsubsub
var subsubvorige=10;
var subsubvorigeextra="sub";
var subsubcounter = 0;
var subsubtemp=0;
var subsubtemp2=0;

function subsubshowLayer(subsublayerid,subsubextra) {
	if(!subsubextra) {subsubextra=""}
var subsublayer = document.getElementById("item"+subsublayerid+subsubextra);
subsublayer.style.display = "block";
//window.status="show:"+subsublayerid;
subsubkillClock();
	if(subsubvorige!=subsublayerid) {
		subsubhideLayer(subsubvorige,subsubvorigeextra);	 
		subsubvorige=subsublayerid;
		subsubvorigeextra=subsubextra;
	}
}
    
function subsubkillClock(){
	clearTimeout(subsubtemp);
	clearTimeout(subsubtemp2);
}

function subsubhideLayerDelay(subsublayerid,subsubextra) {
subsubtemp2=subsubcounter;
subsubtijd=1000;
//alert("item"+subsublayerid+subsubextra);
subsubcounter=setTimeout("subsubhideLayer("+subsublayerid+",'"+subsubextra+"')",subsubtijd);
subsubtemp=subsubcounter;
}

function subsubhideLayer(subsublayerid,subsubextra) {
	
    if((subsublayerid>0&&subsublayerid<100) && subsublayerid) {
		//alert("item"+subsublayerid+extra);
			var subsublayer = document.getElementById("item"+subsublayerid+subsubextra);
		
    	subsublayer.style.display = "none";
	}
}












/*
function showLayer(layerid) {
		
var layer = document.getElementById(layerid);
layer.style.display = "block";
switch(layerid) {
    	case "item2": killClock1(); killClock2(); hideLayer('item1','item1a','#DCBFDB','#000000'); killClock3(); hideLayer('item3','item3a','#FFF0BD','#000000'); killClock4(); hideLayer('item4','item4a','#F5BECF','#000000'); killClock5(); hideLayer('item5','item5a','#B1DED8','#000000'); break;
		case "item1": killClock2(); killClock1(); hideLayer('item2','item2a','#0055A5','#ffffff'); killClock3(); hideLayer('item3','item3a','#FFF0BD','#000000'); killClock4(); hideLayer('item4','item4a','#F5BECF','#000000'); killClock5(); hideLayer('item5','item5a','#B1DED8','#000000'); break;
		case "item3": killClock3(); killClock1(); hideLayer('item2','item2a','#0055A5','#ffffff'); killClock2(); hideLayer('item1','item1a','#DCBFDB','#000000'); killClock4(); hideLayer('item4','item4a','#F5BECF','#000000'); killClock5(); hideLayer('item5','item5a','#B1DED8','#000000'); break;
		case "item4": killClock4(); killClock1(); hideLayer('item2','item2a','#0055A5','#ffffff'); killClock2(); hideLayer('item1','item1a','#DCBFDB','#000000'); killClock3(); hideLayer('item3','item3a','#FFF0BD','#000000'); killClock5(); hideLayer('item5','item5a','#B1DED8','#000000'); break;
		case "item5": killClock5(); killClock1(); hideLayer('item2','item2a','#0055A5','#ffffff'); killClock2(); hideLayer('item1','item1a','#DCBFDB','#000000'); killClock3(); hideLayer('item3','item3a','#FFF0BD','#000000'); killClock4(); hideLayer('item4','item4a','#F5BECF','#000000'); break;
		}

}

function hideLayer(layerid) {
var layer = document.getElementById(layerid);
layer.style.visibility = "hidden";
}
function start() {
hideLayerDelay('item1','item1a','#DCBFDB','#000000');
hideLayer('item1','item1a','#DCBFDB','#000000');

hideLayerDelay('item2','item2a','#0055A5','#ffffff');
hideLayer('item2','item2a','#0055A5','#ffffff');

hideLayerDelay('item3','item3a','#FFF0BD','#000000');
hideLayer('item3','item3a','#FFF0BD','#000000');

hideLayerDelay('item4','item4a','#F5BECF','#000000');
hideLayer('item4','item4a','#F5BECF','#000000');

hideLayerDelay('item5','item5a','#B1DED8','#000000');
hideLayer('item5','item5a','#B1DED8','#000000');

hideLayerDelay('item1sub');
hideLayer('item1sub');
}


    
function killClock1(){
    clearTimeout(clockTimeoutID1);
}

function killClock2(){
    clearTimeout(clockTimeoutID2);
}

function killClock3(){
    clearTimeout(clockTimeoutID3);
}

function killClock4(){
    clearTimeout(clockTimeoutID4);
}

function killClock5(){
    clearTimeout(clockTimeoutID5);
}
function killClock6(){
    clearTimeout(clockTimeoutID6);
}

function hideLayerDelay(layerid,htmlId,kleur1,kleur2) {

	switch(layerid) {
    	case "item2": clockTimeoutID1=setTimeout("hideLayer('"+layerid+"','"+htmlId+"','"+kleur1+"','"+kleur2+"')",1000); break;
		case "item1": clockTimeoutID2=setTimeout("hideLayer('"+layerid+"','"+htmlId+"','"+kleur1+"','"+kleur2+"')",1000); break;
		case "item3": clockTimeoutID3=setTimeout("hideLayer('"+layerid+"','"+htmlId+"','"+kleur1+"','"+kleur2+"')",1000); break;
		case "item4": clockTimeoutID4=setTimeout("hideLayer('"+layerid+"','"+htmlId+"','"+kleur1+"','"+kleur2+"')",1000); break;
		case "item5": clockTimeoutID5=setTimeout("hideLayer('"+layerid+"','"+htmlId+"','"+kleur1+"','"+kleur2+"')",1000); break;
		case "item1sub": clockTimeoutID6=setTimeout("hideLayer('"+layerid+"')",1000); break;
		
	}
}

function hideLayer(layerid,htmlId,kleur1,kleur2) {
    
		var layer = document.getElementById(layerid);
    	layer.style.display = "none";
	
	
	if(htmlId) {
		if(layerid!=thisitem) {
			document.getElementById(htmlId).style.backgroundColor=kleur1;
			document.getElementById(htmlId).style.color=kleur2;
		}
	}
}*/