var actual = 0;
var max;
var interval;

$(document).ready(function() {
    $("#arrow_left_click").click(function(){
        stop();
        if(actual == 0){
            actual = max-1;
        }else{
            actual--;
        }
        change();
        start();
    });
    
    $("#arrow_right_click").click(function(){
        stop();
        if(actual == max-1){
            actual = 0;
        }else{
            actual++;
        }
        change();
        start();
    });
    
    max = $("#client_logo_list").children().size();
    $("#client_logo_list").css("width",max*200)
    start();
    
 });
 
function start() { interval = setInterval("refresh()",3000); }

function stop() { clearInterval(interval); }
 
 function refresh(){
    if(actual == max-1){
        actual = 0;
    }else{
        actual++;
    }
    change();
}

function change(){
    $("#client_logo_list").fadeTo(250, 0.00, function(){
        $("#client_logo_list").css("left",actual*-200);
    });
    $("#client_logo_list").delay(250).fadeTo(500, 1.0);
}