// JavaScript Document
var regiones=new Array("Galapagos","Costa","Sierra","Oriente");
var regionActual="";//es la region que se esta mostrando
var numTransicion=2;//numero de la siguiente transicion para los fondos de las regiones
$(document).ready(function() {
		mostrarDescRegion()
		hideDescRegion()
		transiciones();
		precargarImagenes();
		$(".showRegion").click(function (){mostrarRegion(this)});
		$(".cerrar").click(function(){cerrarRegion()});
	});
function precargarImagenes(){
	for(var i=1;i<4;i++){
		precargaImagen("fotos/galapagos/logo"+i+".jpg");
		precargaImagen("fotos/costa/logo"+i+".jpg");
		precargaImagen("fotos/sierra/logo"+i+".jpg");
		precargaImagen("fotos/oriente/logo"+i+".jpg");
	}
}
function transiciones(){
	cambiarFondo('galapagos');
	setTimeout("cambiarFondo('costa')",4000);
	setTimeout("cambiarFondo('sierra')",8000);
	setTimeout("cambiarFondo('oriente')",12000);
	numTransicion++;
	if(numTransicion>3)
		numTransicion=1;
	setTimeout(transiciones,13000);
}
function cambiarFondo(region){
	
	$("#logo"+region).fadeTo(1000,0.2,function (){$("#logo"+region).attr("src","fotos/"+region+"/logo"+numTransicion+".jpg")});
	$("#logo"+region).fadeTo (2000,1);
}
function mostrarDescRegion(){
	$(".img").bind("mouseover",function (){
			$(".descRegion").hide();
			$(".descFondo").hide();
			$(this).find(".descFondo").show("slow");
			$(this).find(".descRegion").show("slow"); 
			})
}
function hideDescRegion(){
	$(".img").bind("mouseleave",
			function(){
				$(".descRegion").hide()
			$(".descFondo").hide() })

}
function mostrarRegion(objeto){
		$(".img").unbind("mouseover")
		cerrarRegion()
		$(".cntCuerpoRegion").animate({"marginBottom":0},{duration:500})
		//$(".contenidoRegion").animate({"height":680},{duration:600})
		regionActual =$(objeto).attr("region")
		acercaDe(regionActual)
		
		for( i=0;i<5;i++)
		{
			if(regiones[i]!=regionActual)
				if(i<4)
					$("#"+regiones[i]).animate({height:0},{duration:500});
				else
					$("#"+regiones[i]).animate({height:0},{duration:500,complete:cargarContenidoRegion()});
		}
		mostrarDescRegion()
}
function cargarContenidoRegion(){
	$("#cnt"+regionActual).css({height:"auto",display:"block"});
}
function cerrarRegion(){
	
	//$("#cnt"+regionActual).animate({height:"auto"},{duration:500})
	$("#cnt"+regionActual).css({"height":"auto","display":"none"})
	for( i=0;i<5;i++)
		{
			if(regiones[i]!=regionActual)
				
					$("#"+regiones[i]).animate({height:180},{duration:500});
		}
	$(".cntCuerpoRegion").animate({"marginBottom":10},{duration:500});
}
function acercaDe(region){
	$.ajax({
				   type: "POST",
				   url: "acercaDe.php",
				   data: {region:regionActual},
				   cache:true,
				   success: function(html){
					 $("#contenido"+regionActual).html(html);
					 $("#cnt"+regionActual).show();
				   }
			});
}
function galeria(region)
{
	$(".visor").remove()
	$.ajax({
				   type: "POST",
				   url: "galeria.php",
				   data: {region:region},
				   cache:true,
				   success: function(html){
					 $("#contenido"+region).html(html);
				   }
			});
	
}
function lugares(region){
	$.ajax({
				   type: "POST",
				   url: "lugaresTuristicos.php",
				   data: {region:region},
				   cache:true,
				   success: function(html){
					 $("#contenido"+region).html(html);
				   }
			});
}
//muestra las fotos de la galeria en grande
function mostrarFoto(){
	$(".thumbFoto").click(function (){
		var objeto=this
		$("#fotoGrande").fadeOut(500,function (){
			$("#cargandoImg").show() 
			$("#fotoGrande").remove()  
			 $("#fotoDescripcion").before('<img width="440" height="290" src="'+$(objeto).attr("id")+'" id="fotoGrande">')
		$("#fotoGrande").css("display","none") 
		$("#fotoGrande").load(function(){$("#cargandoImg").css("display","none") ;$("#fotoGrande").fadeIn(500)})
		});
		
		$("#fotoDescripcion").html($(objeto).find("img").attr("title"));
	});
	
}
function precargaImagen(src){
	imagen = new Image();
	imagen.src = src;
}