// mostrar columnes/menús
function mostra(llista, temps){
	for(var i = 0; i < llista.length; i++)
	{
		//alert(llista[i] + ' - ' + document.getElementById(llista[i]).style.display);
		oculta2( Array(llista[i]) );
		document.getElementById(llista[i]).style.display = 'inline';
		//alert(llista[i] + ' - ' + document.getElementById(llista[i]).style.display);
		/*
		var temps = parseInt(temps);
		if( !isNaN(temps) )
		{
			setTimeout("oculta( Array('"+llista[i]+"') )",temps);
		}
		*/
	}
}

function oculta(llista, event){
	for(var i = 0; i < llista.length; i++)
	{
		
				var toElement = null;
				if (event.relatedTarget)
					toElement = event.relatedTarget;
				else if (event.toElement)
					toElement = event.toElement;
				
				//while (toElement && toElement.id != submenuId)
				//toElement = toElement.parentNode;
				while (toElement && toElement.tagName != "DIV")
					toElement = toElement.parentNode;
				//alert(event + ' - ' + toElement);
				if (!toElement)
				{					
					// check the alignment on a number of cells in a table.
					var table = document.getElementById(llista[i]); 
					var cells = table.getElementsByTagName("div"); 
					for (var i = 0; i < cells.length; i++) {
						cells[i].style.display = 'none';
					}
					
					document.getElementById(llista[i]).style.display = 'none';
				}//fi if (!toElement)
				
	}//fi for
}

function oculta2(llista){
	for(var i = 0; i < llista.length; i++)
	{
					document.getElementById(llista[i]).style.display = 'none';
					
					// oculto els "div" que hi ha dins de cada "div ocultat",
					// així evito problemes de visualització
					var table = document.getElementById(llista[i]); 
					var cells = table.getElementsByTagName("div"); 
					for (var i = 0; i < cells.length; i++) {
						cells[i].style.display = 'none';
					}
	}//fi for
}

// activar enllaços
function activa(llista_a){
	for(var i = 0; i < llista_a.length; i++)
	{
		document.getElementById(llista_a[i]).className = 'actual';
	}
}

//canvia imatge
function imatge(img, alt){
	document.getElementById('imatge2').style.display = 'block';
	document.getElementById('imatge1').style.display = 'none';
	document.getElementById('imatge2').innerHTML = '<img src="'+img+'" alt="'+alt+'" />';
}

//es mostra de nou la imatge original
function imatge_original(){					
		document.getElementById('imatge1').style.display = 'block';
		document.getElementById('imatge2').style.display = 'none';
}