function treureTapaMenu(){
	document.getElementById("tapaDreta").style.display = "none";
}

function mostraProducte(categ,ref,id,rep){
	document.getElementById(categ).goToProva(ref);
	marcaEnllas(id,rep);
}

function mostraMontatge(categ,id,rep){
	document.getElementById(categ).mostraMontatge(categ);
	marcaEnllasInf(id,rep);
}

function mostraAcabats(categ,id,rep){
	document.getElementById(categ).mostraAcabats();
	marcaEnllasInf(id,rep);
}

function mostraApartat(enllas,apartat,id,rep){
	//Pintem els enllaços de blanc
	for(i=1;i<=rep;i++){
		document.getElementById(enllas+i).className = "subMenu";
	}
	//Marquem l'enllaç corresponent amb negre
	document.getElementById(enllas+id).className = "marcat";
	
	//Amaguem els apartats
	for(i=1;i<=rep;i++){
		document.getElementById(apartat+i).style.visibility = "hidden";
	}
	//Fem visible la capa de l'apartat triat
	document.getElementById(apartat+id).style.visibility = "visible";
}

function marcaEnllas(id,rep){
	//Pintem els enllaços de blanc
	for(i=1;i<=rep;i++){
		document.getElementById("prod"+i).className = "subMenu";
	}
	//Marquem l'enllaç corresponent amb negre
	document.getElementById("prod"+id).className = "marcat";
}
function marcaEnllasInf(id,rep){
	//Pintem els enllaços de blanc
	for(i=1;i<=rep;i++){
		document.getElementById("prod"+i).className = "subMenu";
	}
	//Pintem els enllaços inferiors de blanc
	for(i=1;i<=2;i++){
		document.getElementById("esqInf"+i).className = "subMenu";
	}
	//Marquem l'enllaç inferior corresponent amb negre
	document.getElementById("esqInf"+id).className = "marcat";
}

function marcaEnllasInf2(){
	//Pintem els enllaços inferiors de blanc
	for(i=1;i<=2;i++){
		document.getElementById("esqInf"+i).className = "subMenu";
	}
}

