var telaAltura = 0;
var telaLargura = 0;
var quantidadeImagens = 0;
var imagemAtual = 1;
var posicaoEsquerda = 0;
var tempoIntervalo = 6000;
var tempoSlide = 1000;
var intervaloRotacao;

$(document).ready(function () {
    Reset();
    CarregaImagens();

    if (quantidadeImagens > 1) {
        CarregarRotacao();
    }

    // EVENTOS BOTÕES

    // botao next	
    $('div#images-list a.next').click(function () {
        RotacionarImagens();
        return false;
    });

    // botao previous
    $('div#images-list a.previous').click(function () {
        RotacionarImagens("anterior");
        return false;
    });

    $('div#images-list a.pause').click(function () {
        LimparIntervaloRotacao();
        return false;
    });
});


function CarregarRotacao() {
    intervaloRotacao = window.setInterval(RotacionarImagens, tempoIntervalo);
}

function LimparIntervaloRotacao() {
    window.clearInterval(intervaloRotacao);
}

function Reset() {

    telaAltura = $(document).height()
    telaLargura = $('div#container').width();
    quantidadeImagens = $('div#images-list ul.list > li').size();

    var listaImagens = $("div#images-list ul.list");

    if (quantidadeImagens > 1) {
        $('div#content div#images-list a.previous').show();
        $('div#content div#images-list a.next').show();
        $('div#content div#images-list a.pause').show();

        listaImagens.append($("li:nth-child(1)", listaImagens).clone());
        listaImagens.prepend($("li:nth-child(" + quantidadeImagens + ")", listaImagens).clone());
    }

    $('div#container').css('width', telaLargura);
    $('div#container').css('height', telaAltura);
    $('div#container').css('overflow', 'hidden');
    
    $('div#images-list ul.list li').css('width', telaLargura);
    $('div#images-list ul.list li').css('height', telaAltura);
    $('div#images-list ul.list').css('left', ObterPosicaoEsquerda());

    $('div#images-list ul.list').css('width', ObterLarguraTotal());
}

function CarregaImagens() {
    $('div#images-list ul.list li a').each(function () {
        var imageUrl = $(this).attr('href');
        var img = "<img src='" + imageUrl + "' style='display: none;'>";
        var divToAppend = "<div class='image' style='background: url(" + imageUrl + ") no-repeat center center; height: " + telaAltura + "px; display: none;' />";

        $(this).parent().append(img);
        $(this).parent().append(divToAppend);

        $('img', $(this).parent()).load(function () {
            $('div.image', $(this).parent()).fadeIn(1000);
        });

        $(this).hide();
    });
}

function RotacionarImagens(direcao) {

    LimparIntervaloRotacao();
    CarregarRotacao();

    imagemAtual += direcao == "anterior" ? -1 : 1;

    $('div#images-list ul.list').animate({
        left: ObterPosicaoEsquerda()
        }, tempoSlide, function () {

        if (imagemAtual > quantidadeImagens) {
            imagemAtual = 1;
        }
        else if (imagemAtual == 0) {
            imagemAtual = quantidadeImagens;
        }

        $('div#images-list ul.list').css("left", ObterPosicaoEsquerda());
    }); 


}


function ObterPosicaoEsquerda() {
    return telaLargura * (imagemAtual) * (-1);
}

function ObterLarguraTotal() {
    return telaLargura * (quantidadeImagens + 2);
}