function inicialitzarMenu() {
	var divMenu = document.getElementById('menu');
	var x = divMenu.getElementsByTagName('div');
	for (var i=0;i<x.length;i++)
	{
		if (x[i].className == 'titolApartat')
		{
			x[i].onclick = clickNav;
		}
		if (x[i].className == 'menu')
			x[i].style.display = 'block';
	}
	divMenu.style.display = 'block';
	closeNav();
	mostrarApartatActual();
}

function closeNav()
{
	var divMenu = document.getElementById('menu');
	var x = divMenu.getElementsByTagName('div');
	for (var i=0;i<x.length;i++)
	{
		if (x[i].className == 'contingutApartat')
		{
			//alert('contingutApartat');
			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;
	while (tg.nodeName != 'DIV') // Safari GRRRRRRRRRR
		tg = tg.parentNode;
	
	var nextSib = tg.nextSibling;
	
	while (nextSib.nodeType != 1)
		nextSib = nextSib.nextSibling;
	var nextSibStatus = (nextSib.style.display == 'none') ? 'block' : 'none';
	
	closeNav();
	nextSib.style.display = nextSibStatus;
	mostrarApartatsPares(tg);
}

function mostrarApartatsPares(parDiv)
{
		while (parDiv.parentNode.tagName == 'DIV')
		{	
			parDiv = parDiv.parentNode;
			//resaltarActius(parDiv);
			parDiv.style.display = 'block';
		}
}

function mostrarApartatActual()
{
	var page = document.location.href;
	var divMenu = document.getElementById('menu');
	var x = divMenu.getElementsByTagName('a');
	var i;
	for (i=0;i<x.length;i++)
	{
		if (x[i].href == page)
		{
			mostrarApartatsPares(x[i].parentNode);
			x[i].parentNode.className = 'enllacApartatActiu';
			break;
		}
	}
}