// JavaScript Document

$(document).ready(function() {
	
	// Form Buscar 
	
	$('input[name="keyword"]').click(function() {
		
		$(this).attr("value","");
		
	});	
	
	$('#cabecera .buscar').bind( "clickoutside", function(event){
		
  		$('input[name="keyword"]').attr("value","buscar");
		
	});
	
	// Form Enviar Cupones por email
	
	$('input[name="email"]').click(function() {
		
		$(this).attr("value","");
		
	});	
	
	$('.mod_tienda .formulario').bind( "clickoutside", function(event){
		
  		$('input[name="email"]').attr("value","tu email");
		
	});
	

			 
			 
	// Carrousel Alojamientos Recomendados
	


	
	$("#foo3").carouFredSel({
	circular	: false,
	prev : {	
		button	: "#foo3_prev",
		key		: "left"
	},
	next : { 
		button	: "#foo3_next",
		key		: "right"
	},	
	auto : false,
	direction	: "up",
	items		: 3
});

	// Galería de Imágenes
	
	function galeria(clase) {
		
		$('li', clase).css("opacity",0.4); 		
		$('li.activo',clase).css("opacity",1); 
		
            $('li:not(.activo)', clase).hover(
                function () {
                    var $this = $(this);
					$($this).css("opacity",1);                    
                },
                function () {
                     var $this = $(this);
					$($this).css("opacity",0.4); 
					$('li.activo', clase).css("opacity",1);  
                }
					
            );			
	
		
		$('li', clase).click(function() {
			
			var $this = $(this);
			var imagen = $('img',this).attr('src');
			
			
			
			$('li', clase).removeClass('activo');
			$('li', clase).css("opacity",0.4); 
			$($this).addClass('activo');
			$(this).css("opacity",1);
			
						
				
			
			$('.imagen img', clase).fadeOut(300, function() { 
			
				$('.imagen img', clase).attr('src', '');
				$('.imagen img', clase).attr('src', imagen);
				$('.imagen img', clase).fadeIn(300);
			
			
			});
			
		
			
		});
		
	
		
		
	}
	
	galeria(".galeria");
	
	

	
	
	

				
				
	// Slide Imágenes Portadilla
	
	

	$(function() {
		setInterval( "slideSwitch()", 4000 );
	});	
	
	// Sistema de Valoraciones
	

	$(function() {
            $('.menu li').hover(
                function () {
                    $('.submenu', this).stop(true,true).slideDown(350);
                },
                function () {
                    $('.submenu', this).stop(true,true).slideUp(350);	
                }
            
			);
        });
	


		
			 

	
});

	function slideSwitch() {
		var $active = $('#slideshow IMG.active');
	
		if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
	
		var $next =  $active.next().length ? $active.next()
			: $('#slideshow IMG:first');
			
		$active.addClass('last-active');
	
		$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 1000, function() {
				$active.removeClass('active last-active');
			});
	}
	
	
	
	/*** Menu Principal con hover ***/