var quantidade_de_banner;
var quantidade_de_banner_carregados = 0;
$(window).load(function() {
    /*
    quantidade_de_banner = $(".Banner_Principal #slider img").size();

    $(".Banner_Principal #slider img").each(function() {
    $(this).attr("src", $(this).attr("alt"));
    });

    $(".Banner_Principal #slider img").load(function() {
    quantidade_de_banner_carregados = quantidade_de_banner_carregados + 1;
    ExecutaBanner();
    });
    */
    $(".Banner_Principal #slider img").remove();
    $.ajax({
        type: "POST",
        url: "/webservices/WebBanner.asmx/GetSuperBanners",
        data: "{}",
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function(msg) {
            quantidade_de_banner = msg.d.length;
            var sb_titulos = "";
            for (var i = 0; i < msg.d.length; i++) {
                $(".Banner_Principal #slider").append("<img src='/midia/imagem/980/410/" + msg.d[i].ImagemID + "' alt='" + msg.d[i].ImagemID + "'/>");

                sb_titulos = "<div>";
                sb_titulos += "<h4 class='img_title'>" + msg.d[i].Titulo1 + "</h4>";
                sb_titulos += "<p class='img_p'><a class='img_link' href='" + msg.d[i].Link + "'>" + msg.d[i].Titulo2 + "</a></p>";
                sb_titulos += "</div>";
                $(".banner_principal-titulos").append(sb_titulos);
            }
            $(".Banner_Principal #slider img").load(function() {
                quantidade_de_banner_carregados = quantidade_de_banner_carregados + 1;
                ExecutaBanner();
            });

            /*sleep(10);
            $(".Banner_Principal #slider img").each(function() {
            $(this).attr("src", ("/midia/imagem/" + $(this).attr("alt")));
            });
            */
        },
        error: function(msg) {

        }
    });
});

function ExecutaBanner() {
    if (quantidade_de_banner == quantidade_de_banner_carregados) {
        //$("#slider").slideDown('slow', function() {
        $(".Banner_Principal #slider img").show();

        $('#slider').nivoSlider({
            effect: 'fade' // Efeito das transições (random, horizontal, vertical, fade)
            , slices: 1 // Numero de cortes para efeito de transição
            , animSpeed: 400 // Duração de animação
            , pauseTime: 5000 // Tempo de visualização do banner
            , directionNav: false //Visibilidade dos botões Next e previous
            , directionNavHide: true //true = mostra as setas só quando estiver em hover,
            //false = sempre mostra as setas. obs.: directionNav Deve estar em true.
            , controlNav: true //Contador de slides
            , pauseOnHover: false //Parar a animação em :hover
            , SlowOnHover: true //aumenta tempo de transição para + 5seguntos
            , manualAdvance: false //Forçar transições manuais
            , beforeChange: function() { slideBefore() } //antes da mudança de state do banner
            , afterChange: function() { slideAfter() } //função a ser executada após a mudança de state do banner
        });

        //deixa o primeiro item com o estado dropado
        slideAfter();
        //});
    }
}

function slideBefore() {
    $('.active').children(".nivo-control-body").animate({ 'height': '40px' });
    $('.active').animate({ opacity: 0.5 });
}

function slideAfter() {
    $('.active').children(".nivo-control-body").animate({ 'height': '65px' });
    $('.active').animate({ opacity: 1 });

    //seta titulo
    $('.nivo-caption p').html($(".banner_principal-titulos > div:nth-child(" + ($('.active').index() + 1) + ")").html());
    $(".nivo-caption").show();

    $("#slider").attr("href", $(".img_link").attr("href"));
}