var current_logo = 0;
var max_logo = 1;
var ul_logo, li_logo;
var end = 0;

/*Configurações*/
var LOGOS_WIDTH = 630; //Largura do banner.
var LOGOS_SPEED = 1500; //Tempo de rolagem em milesegundos.

$(document).ready(function(){
    updateConfig(); 
    changeLogos(1);
    //avançar para a proxima página
    $("#ctrl_right").click(function(){
        if(current_logo < max_logo){
            changeLogos(current_logo+1);
        } else {
            if(end == 0){
                carregaLoader('load');
                $.post(BASE_URL + "ajax/logos",{"p": current_logo}, function(data){
                    if(data != ''){
                        $("#logos-container").append(data);
                        updateConfig();
                        changeLogos(current_logo+1);
                    } else {
                        end = 1;
                    }
                    carregaLoader('unload');
                });
            }
        }
    });

    //volta a pagina anterior.
    $("#ctrl_left").click(function(){
        if(current_logo > 1){
            changeLogos(current_logo-1);
        }
    });    
});

/*Troca a página dos logotipos.*/
function changeLogos(id){
    //Variaveis internas da função.
    var i = id;
    var c = current_logo;
    var m = -1*(LOGOS_WIDTH*(i-1));
    //Variavel global de controle do banner mostrado atualmente.
    current_logo = id;
    
    //Se o banner solicitado for diferente do atual.
    if(i != c){
        //Animação do banner.
        $("#logos-container").animate({
            "margin-left": m
        },LOGOS_SPEED);
    }
}

/*Numero de paginas*/
function updateConfig(){
    ul_logo = document.getElementById("logos-container");
    g = ul_logo.getElementsByTagName('ul');
    max_logo = g.length;
    $("#logos-container").css('width', max_logo*LOGOS_WIDTH);
}

/*Controla a visualização do loader*/
function carregaLoader(action){
    if(action == 'load'){
        $("#logos-loader").show();
    }
    if(action == 'unload'){
        $("#logos-loader").hide();
    }
}