
function valores(idPrincipal, idSecundario, idTerciario, nombre){
//	alert(idPrincipal)
//	alert(idSecundario)
//	alert(idTerciario)
	document.getElementById("idCatP").value = idPrincipal
	document.getElementById("idCatS").value = idSecundario
	document.getElementById("idCatT").value = idTerciario
	if(nombre.length>21){
		nombre = nombre.substr(0,19) + "..."
	}
	document.getElementById("categoria").value = nombre
//	alert(document.getElementById("idsCategorias").value)
			
	//Borro todas las capas al hacer click en un producto
	for(i=0;i<document.getElementsByTagName("span").length;i++){
		aux = document.getElementsByTagName("span")[i];
		if(aux.id.indexOf("selector")==-1 &&(aux.id.indexOf("principal")!=-1||aux.id.indexOf("secundario")!=-1||aux.id.indexOf("terciario")!=-1))
			aux.style.visibility="hidden";
//			alert(document.getElementsByTagName("span")[i].id)
	}

}

var margen
function categorias(num,id,posicion){
var principal, secundario, terciario, idActual, aux, general

principal = document.getElementById("principal")
secundario = document.getElementById("secundario"+id)
terciario = document.getElementById("terciario"+id)

switch (num)
	{
		case 1:
			if(principal.style.visibility=="hidden"){
				for(i=0;i<document.getElementsByTagName("span").length;i++){
					aux = document.getElementsByTagName("span")[i];
					if(aux.id.indexOf("selector")==-1&&(aux.id.indexOf("secundario")!=-1 || aux.id.indexOf("terciario")!=-1))
						aux.style.visibility="hidden";
				}
				document.getElementById("categoria").value = ""
				principal.style.visibility="visible";
				principal.style.left = ((screen.width-18)/2)+248
			}else{
				for(i=0;i<document.getElementsByTagName("span").length;i++){
					aux = document.getElementsByTagName("span")[i];
					if(aux.id.indexOf("selector")==-1&&(aux.id.indexOf("secundario")!=-1 || aux.id.indexOf("terciario")!=-1))
						aux.style.visibility="hidden";
				}
				principal.style.visibility="hidden";
			}
		break;

		case 2:
			if(secundario.style.visibility=="hidden"){
				for(i=0;i<document.getElementsByTagName("span").length;i++){
					aux = document.getElementsByTagName("span")[i];
					if(aux.id.indexOf("selector")==-1 && aux.id.indexOf("principal")==-1 && (aux.id.indexOf("terciario")!=-1||aux.id.indexOf("secundario")!=-1))
						aux.style.visibility="hidden";
				}
				margen = 70 + (23*(posicion-1)) +"px"
				secundario.style.top = 70 + (23*(posicion-1)) +"px"
				secundario.style.left = ((screen.width-18)/2)+105
				secundario.style.visibility="visible";
			}
		break;
		
		case 3:
			if(terciario.style.visibility=="hidden"){
				for(i=0;i<document.getElementsByTagName("pre").length;i++){
					aux = document.getElementsByTagName("pre")[i];
					if(aux.id.indexOf("selector")==-1 && aux.id.indexOf("principal")==-1 && aux.id.indexOf("secundario")==-1)
						aux.style.visibility="hidden";
				}
				terciario.style.top = parseInt(margen) + (23*(posicion-1)) +"px"
				terciario.style.left = ((screen.width-18)/2)-37
				terciario.style.visibility="visible";
			}
		break;
	}
	
}

function ocultarCategorias(iNivel){
var principal, secundario, terciario
principal = document.getElementById("principal")

	switch (iNivel)
	{
		case 0:
				principal.style.visibility="hidden";
				for(i=0;i<document.getElementsByTagName("span").length;i++){
					aux = document.getElementsByTagName("span")[i];
					if(aux.id.indexOf("selector")==-1 && aux.id.indexOf("principal")==-1 &&(aux.id.indexOf("secundario")!=-1||aux.id.indexOf("terciario")!=-1))
						aux.style.visibility="hidden";
				}
		case 1:
				principal.style.visibility="hidden";
		break;
		
		case 2:
				for(i=0;i<document.getElementsByTagName("span").length;i++){
					aux = document.getElementsByTagName("span")[i];
					if(aux.id.indexOf("selector")==-1 && aux.id.indexOf("principal")==-1 &&(aux.id.indexOf("secundario")!=-1||aux.id.indexOf("terciario")!=-1))
						aux.style.visibility="hidden";
				}
		break;

		case 3:
				for(i=0;i<document.getElementsByTagName("span").length;i++){
					aux = document.getElementsByTagName("span")[i];
					if(aux.id.indexOf("selector")==-1 && aux.id.indexOf("principal")==-1 && aux.id.indexOf("secundario")==-1 && aux.id.indexOf("terciario")!=-1)
						aux.style.visibility="hidden";
				}

		break;
	}
}