window.onload = initNavi;

function initNavi()
{
	var menuDiv = document.getElementById('menu');	
	if (menuDiv)
	{
		var x = menuDiv.getElementsByTagName('h3');
		for (var i = 0; i < x.length; i++)
		{
			x[i].onclick = clickNav;
			x[i].title = showNumberOfPages(x[i]);
		}
		var x = menuDiv.getElementsByTagName('h4');
		for (var i = 0; i < x.length; i++)
		{
			x[i].onclick = clickNav;
			x[i].title = showNumberOfPages(x[i]);
		}
		var x = menuDiv.getElementsByTagName('h5');
		for (var i = 0; i < x.length; i++)
		{
			x[i].onclick = clickNav;
			x[i].title = showNumberOfPages(x[i]);
		}
		var x = menuDiv.getElementsByTagName('a');
		for (var i = 0; i < x.length; i++)
		{
			var linkText = x[i].nextSibling;
			if ((linkText) && (linkText.nodeType == 3))
			{
				x[i].title = linkText.nodeValue.substring(2);
				linkText.parentNode.removeChild(linkText);
			}
		}
	}
	closeNav();
	setNav(location.href, 'currentPage');        
}

function closeNav()
{
	var menuDiv = document.getElementById('menu');	
	if (menuDiv)
	{
		var x = menuDiv.getElementsByTagName('div');
		for (var i = 0; i < x.length; i++)
		{
			if (x[i].className == 'menucontent')
			{
				x[i].style.display = 'none';
			}
		}
	}
}

function clickNav(e)
{
	if (!e) 
	{
		var e = window.event;
	}
	if (e.target)
	{
		var tg = e.target;
	}
	else if (e.srcElement)
	{
		var tg = e.srcElement;
	}
	var nextSib = tg.nextSibling;
	while (nextSib.nodeType != 1)  // No ELEMENT_NODE
	{
		nextSib = nextSib.nextSibling;
	}
	var nextSibStatus = (nextSib.style.display == 'none') ? 'block' : 'none';
	nextSib.style.display = nextSibStatus;
}

function setNav(page, newID)
{
	var menuDiv = document.getElementById('menu');	
	if (menuDiv)
	{
		var x = menuDiv.getElementsByTagName('a');
		for (i = 0; i < x.length; i++)
		{
			if (page.indexOf(x[i]) == 0)
			{
				x[i].id = newID;
				break;
			}
		}
		if ((i < x.length) && (newID == 'currentPage'))
		{		
			var parDiv = x[i];						
			while (parDiv.parentNode.tagName == 'DIV')  //  has to be uppercase
			{
				parDiv = parDiv.parentNode;								
				parDiv.style.display = 'block';				
			}
		}
		else
		{
			x[0].id = newID;
		}		
	}
}

function showNumberOfPages(label)
{
	var nextSib = label.nextSibling;
	while (nextSib.nodeType != 1)  // No ELEMENT_NODE
	{
		nextSib = nextSib.nextSibling;
	}
	return nextSib.getElementsByTagName('a').length + ' pagina\'s';	
}