// JavaScript Document
$(document).ready(inicia);
var secActualImg;
indiceZImg = 10;
function inicia(){
	$("#secciones").find(".ocultadiv").hide();
	$("#menuLateral a").click(muestraGaleria);
	$("#galeria1 a").lightBox();
	$("#galeria2 a").lightBox();
	$("#galeria3 a").lightBox();
	$("#galeria4 a").lightBox();
	$("#galeria5 a").lightBox();
	$("#galeria6 a").lightBox();
	//$("#secciones").find(".cerrar").click(cierraGaleria);
	
}

function muestraGaleria(){
	var id = $(this).attr("href");
	
	//alert(idnew);
	if(id != secActualImg){
	indiceZImg++;
	$("#secciones").find(".ocultadiv").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:indiceZImg})
	$(id).fadeIn(400);
	secActualImg = id;
	}

	return false;
}
/*function cierraGaleria(){
	
	//$(id).fadeOut(400);
	secActualImg = "";
	$("#secciones").find(".ocultadiv").fadeOut(400);
	return false;
}
*//*function inicia(){
	$('#menuImg a').lightBox();
}*/