function gLeft(item) {

	if (item.offsetParent){
	
		a = item.offsetLeft + gLeft(item.offsetParent);
	}
	else{
	
		a = item.offsetLeft;
	}
	
	return a;

}



function gTop(item) {

	if (item.offsetParent){
	
		a = item.offsetTop + gTop(item.offsetParent);
	
	}
	else{
	
		a = item.offsetTop;
	}
	
	return a;

}



												

function toonsub(toonsubmenu){
		
	melem = document.getElementById("menu"+toonsubmenu);
	
	elem = document.getElementById("submenu"+toonsubmenu);
	elem.style.display = "block";
	elem.style.top = gTop(melem);	
	elem.style.marginTop = "18";
	elem.style.left = gLeft(melem);
	melem.style.backgroundColor = "#C0E7F8";
	
}

function verbergsub(toonsubmenu){
	
	elem = document.getElementById("submenu"+toonsubmenu);
	elem.style.display = "none";
		
	
	melem = document.getElementById("menu"+toonsubmenu);
	melem.style.backgroundColor = "#FFFFFF";
	
}

function selectsubitem(ssub){
	
	melem = document.getElementById(ssub);
	melem.style.backgroundColor = "#85D0F1";
}
	
function selectsubitemoff(ssub){
	
	melem = document.getElementById(ssub);
	melem.style.backgroundColor = "#009DE0";
	
}


var actievelaag = "-1";
function woninglaag(toonlaag){
	
	
	if(actievelaag != "-1"){ //actieve laag uitzzen
		belem = document.getElementById('laag_'+actievelaag);
		belem.style.display = "none";
	}
	
	//nieuwe laag instellen
		aelem = document.getElementById('laag_'+toonlaag);
		aelem.style.display = "block";
		
		
		if(toonlaag == 'omgeving'){

			//document.getElementById('toonkaart').contentDocument.location.reload(true);
			document.all.toonkaart.src=locatie;
		}
		
		if(toonlaag == 'route'){

			document.all.toonkaart2.src=locatie2;
		}	
		actievelaag = toonlaag;
		

	
	
}


actieveslide = "0";
function changeslide(richting,maxslide){
	
	if(richting == 'up'){
	
		maxslide = eval(maxslide)-1;
		
	}
	
	
if(actieveslide != maxslide){	
	
	if(richting  == 'up'){

	
	slideelem2 = document.getElementById('slidedown');
	slideelem2.src = "images/slider_lef.jpg";
	
		
		
		toonslide  = eval(actieveslide)+1;
		
	//nieuwe set foto's aanzetten		
		fotoelem = document.getElementById('fotolaag'+toonslide);
		fotoelem.style.display = "block";
	
		
	//oude set uitzetten
		fotoelem2 = document.getElementById('fotolaag'+actieveslide);
		fotoelem2.style.display = "none";	
		
		
			
	//rest slide	
		actieveslide = toonslide;	
	}
	
	else if(richting  == 'down'){
	
	slideelem2 = document.getElementById('slideup');
	slideelem2.src = "images/slider_rig.jpg";
	
		
		
		toonslide  = eval(actieveslide)-1;
		
	//nieuwe set foto's aanzetten		
		fotoelem = document.getElementById('fotolaag'+toonslide);
		fotoelem.style.display = "block";
	
		
	//oude set uitzetten
		fotoelem2 = document.getElementById('fotolaag'+actieveslide);
		fotoelem2.style.display = "none";	
		
		
			
	//rest slide	
		actieveslide = toonslide;	
	}	
	
	
	
	if(actieveslide == maxslide){
		
		slideelem = document.getElementById('slide'+richting);
		if(richting == 'up'){
			slideelem.src = "images/slider_rig_2.jpg";
		}
		else if(richting == 'down'){
			slideelem.src = "images/slider_lef_2.jpg";
		}
			
	}
	
	
	
}
else{//knop uitzetten

		slideelem = document.getElementById('slide'+richting);
		if(richting == 'up'){
			slideelem.src = "images/slider_rig_2.jpg";
		}
		else if(richting == 'down'){
			slideelem.src = "images/slider_lef_2.jpg";
		}
		
}
	

	
}


function setfoto(foto){
	


	document.getElementById("fotoAfbeelding").src = foto;
	document.getElementById("fotoAfbeelding").width = "330";

		
}


agendapunt = "0"
function toonagenda(toonlaag){
	
	//nieuwe kalender aanzetten		
		fotoelem = document.getElementById('kalender_'+toonlaag);
		fotoelem.style.display = "block";
	
		
	//oude kalender uitzetten
		fotoelem2 = document.getElementById('kalender_'+agendapunt);
		fotoelem2.style.display = "none";		
	
	agendapunt = toonlaag;
	
}