var activeTopNav, activeSubNav;

function setTopNav(elId)
{
	//eerst alle knoppen terug blauw zetten
	var x= document.getElementById('home');
	x.className = 'navbutton';
	var x= document.getElementById('nieuws');
	x.className = 'navbutton';

	//var x= document.getElementById('school');
	//x.className = 'navbutton';
	//var x= document.getElementById('organisatie');
	//x.className = 'navbutton';
	//var x= document.getElementById('info');
	//x.className = 'navbutton';
	//var x= document.getElementById('contact');
	//x.className = 'navbutton';
	//var x= document.getElementById('fotos');
	//x.className = 'navbutton';
	
	var el = document.getElementById(elId);

	if(typeof(el)=='undefined') return(0);
	
	
	el.className = 'navbuttonselected';
	if(activeTopNav && activeTopNav != el){activeTopNav.className = 'navbutton';}
	activeTopNav = el;


}

function setSubNav(elId)
{
	var el = document.getElementById(elId);

//	var el = doc.getElementById(elId);

	if(el==null) return(0);

	el.className = 'navlinkselected';

	activeSubNav = el;

}



function topNavMouseIn(el)
{
	if(el != activeTopNav)
	{
		el.className = "navbutton_hover";
	}
}


function topNavMouseOut(el)
{
	if(el != activeTopNav)
	{
		el.className = "navbutton";
	}

}




function subNavMouseOut(el)
{
	if(el != activeSubNav)
	{
		el.className = "navlink";
	}	
}

function subNavMouseIn(el)
{
	if(el != activeSubNav)
	{
		el.className = "navlink_hover";
	}	
}