$(document).ready(function(){

    var posicao_x = -576;
    var numero_imagem = parseInt($(".imagem-carrossel").size());
    var contador = 3;
    var intervalo;
    var final = ((numero_imagem - 3) * -193) + 2;

    /**************************************************************
     * CARROSSEL DE PRODUTOS POLYSELL
     **************************************************************/

    animacao();

    $(".dentro").css("left", "-576px");

    $(".teste").each(function(intIndex){
        $(this).attr("id", "div-" + intIndex);
    });


    $(".seta-esq").click (function(e){
        clearInterval(intervalo);
        e.preventDefault();
        produto("esquerda");
        animacao();
    });

    $(".seta-dir").click (function(e){
        clearInterval(intervalo);
        e.preventDefault();
        produto("direita");
        animacao();
    });

    function produto(direcao){
        if ("esquerda" == direcao){
            contador--;
            posicao_x += 193;
            $(".dentro").animate({"left" : posicao_x}, "slow", function(){
                if (0 == contador) {
                    $(".dentro").css("left", final + "px");
                    posicao_x = final;
                    contador = numero_imagem - 3;
                }
            });
        }else{
            contador++;
            posicao_x -= 191;
            $(".dentro").animate({"left" : posicao_x}, "slow", function(){
                if (contador == numero_imagem - 3) {
                    $(".dentro").css("left", 0);
                    posicao_x = 0;
                    contador = 0;
                }

            });
        }
    }

    function animacao(){

        intervalo = setInterval(function(){

        produto("direita");

        }, 4000);

    }
});