$(function()
{
    var pos         = 0;
    var itemAtual   = 0;
    var list        = $('#clientesSG ul');
    var listItens   = $('#clientesSG ul li');
    
    // Altera os clientes automaticamente
    list.everyTime(5000, function(i)
    {
        if( itemAtual < listItens.length-1 )
        {
            alternateClient('right');
        }
        else
        {
            itemAtual = 1;
            alternateClient('left');
        }
    });
    // Altera os clientes para o item anterior
    $('.btAnterior').click(function()
    {
        if( itemAtual != 0 )
            alternateClient('left');
        return false;
    });
    // Altera os clientes para o próximo item
    $('.btProximo').click(function()
    {
        if( itemAtual != listItens.length-1 )
            alternateClient('right');
        return false;
    });
    // Método que calcula e realiza a animação
    function alternateClient(dir)
    {
        if(dir == 'left')
            itemAtual--;
        else if(dir == 'right')
            itemAtual++;
        else
            return;
            
        pos = -(225 * itemAtual);
        list.animate({'left':pos});
    }
});