$(document).ready(function () {
		var izquierda = Math.round($('#head li.actual').offset().left - $('#head').offset().left);
		var ancho = $('#head li.actual').width()-20;

		$('#lava').css({left: izquierda});
		$('#lava .head').css({width: ancho});
		$('#head li').hover(function () {
			izquierda = Math.round($(this).offset().left - $('#head').offset().left);
			ancho = $(this).width()-20; 
			$('#lava').stop(false, true).animate({left: izquierda},900);	
			$('#lava .head').stop(false, true).animate({width: ancho},1200);	
		}).click(function () {
			$('#head li').removeClass('actual');	
			$(this).addClass('actual');
		});
		
		$('#head').mouseleave(function () {
			izquierda = Math.round($('#head li.actual').offset().left - $('#head').offset().left);
			ancho = $('#head li.actual').width()-20;
			$('#lava').stop(false, true).animate({left: izquierda},900);	
			$('#lava .head').stop(false, true).animate({width: ancho},1500);		
		});
	});
	
function cambiaSlide() {
    var $activo = $('#slideshow img.activo');
    if ( $activo.length == 0 ) $activo = $('#slideshow img:last');

    var $siguiente =  $activo.next().length ? $activo.next() : $('#slideshow img:first'),
    $sibs  = $activo.siblings(),
    numeroAzar = Math.floor(Math.random() * $sibs.length ),
    $siguiente  = $( $sibs[ numeroAzar ] );

    $activo.addClass('ultimo-activo');
    $siguiente.css({opacity: 0.0}).addClass('activo').animate({opacity: 1.0}, 2300, function() { $activo.removeClass('activo ultimo-activo'); });
}

$(function() {
    setInterval( "cambiaSlide()", 10000 );
});