/**
 * @author Diego
 */

var temportizador;
var tiempo=15000;

$(document).ready(function()
{
	animaFichas();
 	automatico(tiempo);
}); 

function animaFichas()
{
    var contenedorFichas = $('#fichas');
	var fichaActual = $('#ficha1');
	var objetivo;
    
    $('ul#controlesMostrador > li > a').click(function(event) 
    {
        event.preventDefault();
		objetivo = $($(this).attr('href'));
        window.clearTimeout(temporizador);
        $('ul#controlesMostrador > li > a').removeClass('actual');
        $(this).addClass('actual');
        fichaActual.css({opacity:1}).stop().animate({ 'opacity': 0}, 1000);
		objetivo.css({opacity:0}).stop().animate({ 'opacity': 1}, 1000);
		fichaActual=objetivo;
        automatico(tiempo);
    });
}

function automatico(tiempo)
{
    temporizador = window.setTimeout( function() {
        
        var siguiente;
        var totales = $('ul#controlesMostrador > li > a').size();
        
        $('ul#controlesMostrador > li > a').each( function(index)
        {
            if ($(this).attr('class') == 'actual')
            {
                if (index+1 < totales)
                {
                    siguiente=index+1;
                }
                else
                {
                    $('ul#controlesMostrador a:first').click();
                    return;
                }
            }
            if (index==siguiente)
            {
                $(this).click();
            }
        });
        
    }, tiempo);
    
}