// JavaScript Document
$(document).ready(inicia);
var secActual;
indiceZ = 10;
function inicia(){
	$("#catalogo").find(".oculta").hide();
	$("#menulateral a").click(muestraCatalogo);
	//$("#standar").find(".corto").css({width:"125px"});
	$("#cerra a").lightBox();
	$("#techos a").lightBox();
	$("#puertas a").lightBox();
	$("#mamparas a").lightBox();
	$("#frentes a").lightBox();
	$("#pvc a").lightBox();
	$("#toldos a").lightBox();
	$("#carpas a").lightBox();
	
	
	
}

function muestraCatalogo(){
	var id = $(this).attr("href");
	
	//alert(id);
	if(id != secActual){
	indiceZ++;
	$("#catalogo").find(".oculta").hide();
	//$(id).css({zIndex:indiceZ});
	//vamos a animarlo, solo habíamos hecho lo mismo que teniamos sin JS, ahora lo escondemos y hacemos que aparezca con fundido
	//voy a encontrar el div descripcion con el metodo find y lo voy a ocultar para luego animarlo, y lo escalonare con callBacks, el primero despues del fundido
	$(id).css({zIndex:indiceZ})
	$(id).fadeIn(400);
	secActual = id;
	}

	return false;
}