/*=====================================================================================
  Background Images
 ======================================================================================*/
  jQuery(function($){
	  $.supersized({
		  random: 1,
		  slide_interval: 6000,
		  transition_speed:	2000,
		  keyboard_nav: 0,
		  image_path:'css/supersized/',
		  fit_landscape: 0,	//Imágenes apaisadas no excederán el ancho de la pantalla
		  thumbnail_navigation: 0,
		  slide_counter: 0,
		  slide_captions: 0,//Si se especifica el título de la imagen, se muestran como captions
		  slides:[
				{image : 'images/bg/01.jpg'},  
				{image : 'images/bg/02.jpg'},  
				//{image : 'images/bg/03.jpg'},
				{image : 'images/bg/04.jpg'},  
				//{image : 'images/bg/05.jpg'},
				//{image : 'images/bg/06.jpg'},  
				//{image : 'images/bg/07.jpg'},  
				//{image : 'images/bg/08.jpg'},
				{image : 'images/bg/09.jpg'},
				{image : 'images/bg/10.jpg'},  
				//{image : 'images/bg/11.jpg'},  
				{image : 'images/bg/12.jpg'}, 
				//{image : 'images/bg/13.jpg'}, 
				//{image : 'images/bg/14.jpg'},  
				{image : 'images/bg/15.jpg'},  
				{image : 'images/bg/16.jpg'},
				//{image : 'images/bg/17.jpg'}, 
				//{image : 'images/bg/18.jpg'},  
				{image : 'images/bg/19.jpg'},  
				{image : 'images/bg/20.jpg'},
				{image : 'images/bg/21.jpg'},
				{image : 'images/bg/22.jpg'},
				{image : 'images/bg/23.jpg'},
				{image : 'images/bg/24.jpg'},
				{image : 'images/bg/25.jpg'},
				{image : 'images/bg/26.jpg'},
				//{image : 'images/bg/27.jpg'},
				{image : 'images/bg/28.jpg'},
				{image : 'images/bg/29.jpg'},
				{image : 'images/bg/30.jpg'},
				{image : 'images/bg/31.jpg'},  
				{image : 'images/bg/32.jpg'},  
				{image : 'images/bg/33.jpg'},
				//{image : 'images/bg/34.jpg'},  
				{image : 'images/bg/35.jpg'},
				{image : 'images/bg/36.jpg'},  
				{image : 'images/bg/37.jpg'},  
				{image : 'images/bg/38.jpg'},
				//{image : 'images/bg/39.jpg'},
				{image : 'images/bg/40.jpg'},  
				{image : 'images/bg/41.jpg'},  
				{image : 'images/bg/42.jpg'}, 
				{image : 'images/bg/43.jpg'}, 
				{image : 'images/bg/44.jpg'},  
				{image : 'images/bg/45.jpg'},  
				{image : 'images/bg/46.jpg'},
				{image : 'images/bg/47.jpg'}, 
				{image : 'images/bg/47.jpg'}
				]
									  
	  }); 
  });
 
$(document).ready(function() {
	 
	 var width = screen.width;
	 var height = screen.height;
	 $("body").addClass("res"+width);
	 
	 $.wait = function(callback, seconds){
  			 return window.setTimeout(callback, seconds);
			}
			
/*=====================================================================================
  Cerrar contenidos
 ======================================================================================*/

	$(".cerrar_bttn").click(function(event) {  
		event.preventDefault();
		
		var active = $("a.show").attr("id");//contenido en pantalla
		
		$(".seccion").removeClass("show");//descolorea botón del contenido actual
	
		//aculta y desplaza contenido
		$("#contenido-"+active).fadeOut(500);
		$("#contenido").slideToggle("slow");
		
		$.wait( function(){ //espera 0.5 segundos
			
			//remueve y agrega clases para correcta visualización			
			$("#contenido-"+active).addClass("hidden");
			$("#contenido").removeClass(active);
			
		 }, 500);
	});

/*=====================================================================================
  Navegación
 ======================================================================================*/

	$(".seccion").click(function(event) {  
		event.preventDefault();

		var active = $("a.show").attr("id"); //contenido en pantalla
		var seccion = $(this).attr("id"); //contenido solicitado
		
		$(".seccion").removeClass("show");
		$(this).addClass("show");//colorea el botón del contenido solicitado
		
		if (active == null){ //si no hay contenido en pantalla
		
			//agrega clases para correcta visualización, desplaza y muestra contenido
			$("#contenido").addClass(seccion).slideToggle("slow");
			$("#contenido-"+seccion).fadeIn(1000).removeClass("hidden");
			
		}else{
			
			if ($(this).attr("id") != active){//si el contenido no es igual al solicitado
				
				//oculta y desplaza el contenido actual
				$("#contenido-"+active).fadeOut(500);
				$("#contenido").slideToggle("slow");
				
				$.wait( function(){ // espera 0.8 segundos
				
					//remueve y agrega clases para correcta visualización
					$("#contenido-"+active).addClass("hidden");
					$("#contenido").removeClass(active).addClass(seccion);
					
					$.wait( function(){ //espera 0.3 segundos
					
						//desplaza y muestra contenido
						$("#contenido").slideToggle("slow");
						$("#contenido-"+seccion).fadeIn(1000).removeClass("hidden");
						
						}, 300);
					
				 }, 800);
			}

		}
			
	});
});	

/*=====================================================================================
  Tabs
 ======================================================================================*/

$(document).ready(function(){ 
		
	//Cuando carga la página...
	$(".tab_content").hide(); //Esconde el contenido
	$("ul.tabs li:first").addClass("active").show(); //Activa la primera pestaña
	$(".tab_content:first").show(); //Muestra el primer contenido

	//Cuando se clickea
	$("ul.tabs li").click(function() {

		$("ul.tabs li").removeClass("active"); //Remueve la clase "active"
		$(this).addClass("active"); //Agrega la clase "active" a la pestaña elegida
		$(".tab_content").hide(); //Esconde el contenido

		var activeTab = $(this).find("a").attr("href"); //Encuentra el valor del vínculo que identifica el contenido activo con la pestaña
		$(activeTab).fadeIn(); //Muestra el id del contenido active
		return false;
	});

});

/*=====================================================================================
 Formulario de contacto
 ======================================================================================*/
 
$(document).ready(function(){
	
	//resetear formulario
	jQuery.fn.reset = function () {
	  $(this).each (function() { this.reset(); });
	}

	$("#contacto_form").submit(function()
	{
		$("#output").removeClass().addClass('message').text('Enviando...').fadeIn(1000);
		$.post("ajax/contacto.php",{
			nom:$('#nom').val(),
			tel:$('#tel').val(),
			email:$('#email').val(),
			msj:$('#msj').val(),
			rand:Math.random()
			},
			function(data){
		  if(data=='Enviado'){
			  $("#output").fadeTo(200,0.1,function(){ 
			  	$(this).html('¡Gracias por contactarnos! Pronto recibirás una respuesta.').addClass('message_ok').fadeTo(900,1);
				$("#contacto_form").reset();
			});
		  }
		  else 
		  {
		  	$("#output").fadeTo(200,0.1,function(){ 
			  $(this).html(data).addClass('message_error').fadeTo(900,1);
			});		
          }
				
        });
 		return false;
	});
});