$(document).ready(function(){
	
/****************************************
			AVISO LEGAL 
*****************************************/

	$('a#aviso').click(function(e){
		e.preventDefault();
		if($(this).hasClass('open'))
		{
			e.preventDefault();
		}
		else
		{
			$(this).addClass('open');
			$('body').append('<div id="loader"></div>');
			$('#loader').hide();
			var toLoad = $(this).attr('href')+' #container_aviso';
			$('#loader').load(toLoad, function(){
				$('#loader').prepend('<p class="close">Cerrar</p>');
				$('#loader').slideToggle();
			});			
		}
	});
		
	$('#loader p.close').live('click',function(){
		$('a#aviso').removeClass('open');
		$('#loader').slideToggle(function(){
			$(this).remove();
		});
	});		

/* ***************************************
			VALIDAMOS EL FORMULARIO
**************************************** */


	if($('#contact_form').length)
	{
		$('#nombre').valid8({
	    'regularExpressions': [
	    	{ expression: /^.+$/, errormessage: 'Por favor, dinos tu nombre'}
	    	]
		});
	
		$('#email').valid8({
			'regularExpressions': [
	        { expression: /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, errormessage: 'El email está vacío o no es válido'}
	        ]        
	    });
		
		$('textarea#comentario').valid8({
		    'regularExpressions': [
		    	{ expression: /^.+$/, errormessage: 'Tu comentario está vacío'}	
		    ]
		});
		
		
		$('button').click(function(e){
						if($('input, textarea').isValid())
						{
							$('form').submit();
						}
						else
						{
							return false;
						}
		});
	}
				
});

/****************************************
			CARRUSEL DE FOTOS
*****************************************/

$(window).load(function(){
		var total_li = $('#carrusel li').size();
		$('ul#carrusel li:first-child').addClass('active');
		$('#carrusel li').css({'position':'absolute'});
		slideshow();
    	setInterval( "slideshow()", 6000 );			
});


function slideshow() {
    var $active = $('ul#carrusel li.active');
    if ( $active.length == 0 ) $active = $('ul#carrusel li:last');
    var $next =  $active.next().length ? $active.next()
        : $('ul#carrusel li:first');
    $active.addClass('last-active');
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 3000, function() {
            $active.removeClass('active last-active');
        });
}
