// JavaScript Document
var contenedores=null//contendra a todos los objetos para los cuales se hará el evento
function downup(contenedor){
	$(".page").click(function(){page(this)})
	contenedores=$(contenedor)
	for(var i=0;i<contenedores.length;i++){
		$(contenedores[i]).find(".cntPage:first").css("display","block")
		$(contenedores[i]).hover(function (){hoverDownUp(this)},function (){unHoverDownUp(this)})
		}
}
function hoverDownUp(contenedor){
	$(contenedor).find(".imgThumb img").css("opacity",0.2)
	titulo=$(contenedor).find(".cuadroTitle")
	$(titulo).removeClass("bgTitle")
	descripcion=$(contenedor).find(".cuadroDesc")
	contenedor=$(contenedor).find(".cuadroCnt")
	$(contenedor).animate({marginTop:-145},200)
}

function unHoverDownUp(contenedor){
	
	$(contenedor).find(".imgThumb img").css("opacity",1)
	titulo=$(contenedor).find(".cuadroTitle")
	
	$(titulo).addClass("bgTitle")
	contenedor=$(contenedor).find(".cuadroCnt")
	$(contenedor).animate({marginTop:0},100)
	
}
function page(page){
	$(page).parent().parent().parent().hide()
	//$(pagina).hide(100)
	cnt=$(page).parent().parent().parent().parent()
	//alert($(cnt).attr("class"))
	pagina=$(cnt).find("."+$(page).text())
	setTimeout("showPage()",100)
}
function showPage(){
	pagina.show(100)
}