var temporizador; 
var tiempo=20000;

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

function animaFichas()
{
	var contenedorFichas = $('#contenedorFichas');
	
	$('ul#controles > li > a').click(function(event) 
	{
		event.preventDefault();
		window.clearTimeout(temporizador);
		$('ul#controles > li > a').removeClass('actual');
		$(this).addClass('actual');
		var objetivo = $($(this).attr('href'));
		var posicion = objetivo.position().left;
		$(contenedorFichas).animate({ 'left': '-'+posicion }, 1500);
		automatico(tiempo);
	});
}

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