$(document).ready(function()
{
	//	anem a veure... amaguem tots els submenus,
	//$(".inner_menu").hide();

	//	els hi afegim les classes clickable i folded als items principals,
	//	i una funció que plegarà o desplegarà els submenus al fer click
	//	sobre ells

	$(".outer_item").addClass("clickable").addClass("folded").click(function() {
		var idinner = "inner_menu_" + this.id.substr(this.id.length-1);
		var inner = document.getElementById(idinner);
		if (inner != null)
		{
			if (inner.style.display == "block")
			{
				//	el submenu estava desplegat. li treiem la classe
				//	unfolded, li posem la classe folded, i el pleguem
				$(this).addClass("folded").removeClass("unfolded");
				$("#"+idinner).hide("normal");
			} else {
				//	situació inversa a l'anterior. fem el contrari
				$("#"+idinner).show("normal");
				$(this).addClass("unfolded").removeClass("folded");
			}
		}
//		return false;
	});

	//	ara mirem si hem de deixar algun menu desplegat.
	if (showmenu == "cap")
	{
		// res
	} else {
		//	showmenu es el numero del menu desplegable que hem de mostrar
		;
		$("#outer_menu_item_" + showmenu).addClass("unfolded").removeClass("folded");
		$("#inner_menu_" + showmenu).show();
	}
});