/* showhidesub.js -- a simple, yet powerful javascript to onclick a menu ;-) */ 

initJS();

function initJS ()
{
	document.write("<style type='text/css'>#menu #nav li.menu:hover ul, #menu #nav li.ie_does_hover ul {display:none;}</style>");
	navigatie=document.getElementsByTagName('ul');
	for (i=0; i<navigatie.length;i++)
	{
		if (navigatie[i].id=='nav')
		{			
			break;
		}
	}
	
	lis=navigatie[i].getElementsByTagName('li');
	for (i=0; i<lis.length;i++)
	{	
		lis[i].onclick=function(){showsub(this);};
	}
	
}

function showsub(menu)
{
	treeinit();
	
	tree=menu.getElementsByTagName('ul');
	for (i=0; i<tree.length;i++)
	{
		tree[i].style.display='block';
	}
}

function treeinit()
{
	navigatie=document.getElementsByTagName('ul');
	for (i=0; i<navigatie.length;i++)
	{
		if (navigatie[i].id=='nav')
		{			
			break;
		}
	}
	
	uls=navigatie[i].getElementsByTagName('ul');
	for (i=0; i<uls.length;i++)
	{	
		uls[i].style.display='none';
	}
}