$(document).ready(function() {

    var acab_01 = '<span class="acab-apa"></span>';             //abre-primeiro-ativo
    var acab_02 = '<span class="acab-api inativo"></span>';     //abre-primeiro-inativo
    var acab_03 = '<span class="acab-fpma"></span>';            //fecha-primeiro-meio-ativo
    var acab_04 = '<span class="acab-fpmi inativo"></span>';    //fecha-primeiro-meio-inativo
    var acab_05 = '<span class="acab-fua"></span>';             //fecha-ultimo-ativo
    var acab_06 = '<span class="acab-fui inativo"></span>';     //fecha-ultimo-inativo
    var acab_07 = '<span class="acab-auma"></span>';            //abre-ultimo-meio-ativo

    var a = Array();
    var i = 0;
    $('.pesquisa-assinantes dt').each(function() {
        a[i] = this;
        i++;
    });

    $('.pesquisa-assinantes dt').remove();

    for (var j = a.length; j >= 0; j--) {
        $('.pesquisa-assinantes').prepend(a[j]);
    };

    //Esconde os conteudos das abas
    $('.pesquisa-assinantes dd').hide();

    //Abre a primeira aba e seu conteudo    
    $('.pesquisa-assinantes dt:first').addClass("ativo");
    var txtMenu = $('.pesquisa-assinantes dt:first').children('span').attr('class', 'txtAba').text();
    var nada = '';
    $('.pesquisa-assinantes dt:first').html(nada);
    $('.pesquisa-assinantes dt:first').append(acab_01 + '<span class="txtAba">' + txtMenu + '</span>' + acab_03);
    $('.pesquisa-assinantes dd:first').show();

    //Monta o bg das abas inativas
    $('.pesquisa-assinantes dt').not(':first,:last').append(acab_04);
    $('.pesquisa-assinantes dt:last').append(acab_06);

    //Troca de aba
    $('.pesquisa-assinantes dt').click(function() {
        if ($(this).hasClass('ativo')) {
            //alert('entrou no if');
        }
        else {

            //abre conteudo
            var css = $(this).attr('class').split(' ');
            $('.pesquisa-assinantes dt').removeClass('ativo');
            $(this).addClass('ativo');
            $('.pesquisa-assinantes dd').hide();
            $('.pesquisa-assinantes dd.' + css).show();

            //Mostra a aba clicada e insere os cantos arredondados
            var txtMenu = $(this).children('span').attr('class', 'txtAba').text();
            var nada = '';
            $(this).html(nada);
            $('.pesquisa-assinantes dt span').not('.txtAba').remove();


            var posicaoAba = $('.pesquisa-assinantes dt').index(this);
            // alert(posicaoAba);


            if (posicaoAba != 0) {
                $(this).append(acab_07 + '<span class="txtAba">' + txtMenu + '</span>' + acab_03);
            }
            else {
                $(this).append(acab_01 + '<span class="txtAba">' + txtMenu + '</span>' + acab_03);
            }

            //Corrige as imagens de canto das abas inativas
            $('.pesquisa-assinantes dt').not('.ativo,:last').append(acab_04);
            $('.pesquisa-assinantes dt:first').not('.ativo').prepend(acab_02);
            $('.pesquisa-assinantes dt:last').append(acab_06);

            //Arruma o acabamento das abas abertas do meio
            var totalAbas = $('.pesquisa-assinantes dt').length;
            var numAbaAberta = $('.pesquisa-assinantes dt').index(this);
            if (numAbaAberta != 0) {
                $('.pesquisa-assinantes dt .acab-fpmi').eq(numAbaAberta - 1).remove();

            }
            //Arruma a imagem do final da ultima aba
            var ultimaAba = totalAbas - 1;
            if (numAbaAberta == ultimaAba) {
                $('.pesquisa-assinantes dt .inativo').eq(ultimaAba).remove();
                $('.pesquisa-assinantes dt .acab-fpma').replaceWith(acab_05);
            }
        }
    });

    $('.pesquisa-assinantes dd').prepend('<span class="top"></span>');

    $('.pesquisa-assinantes dt:first').css('margin-left', '25px');

    /*-----------------------------------------------------------------------------*/
    $('.hm-canal').prepend('<span class="top"></span>');
    $('.hm-canal').append('<span class="bottom"></span>');

    //$('.ct-central h3').append('<span class="hm-interrogacao"></span>');

    $('.hm-ct-atendimento .duas-colunas').not(':first').children('.ct-setor-at').css('float', 'right');
    $('.hm-ct-atendimento .duas-colunas .ct-setor-at').prepend('<span class="top"></span>');
    $('.hm-ct-atendimento .duas-colunas .ct-setor-at').append('<span class="bottom"></span>');


    var txtGlobal = '';
    //balãozinho
    $('.hm-interrogacao').hover(function() {
        var txt = $(this).attr('title');
        var tit = $(this).parent().text();
        //alert(tit);

        $(this).attr('title', '');
        $(this).append('<span class="balao"><strong>' + tit + '</strong><br>' + txt + '</span>');
        txtGlobal = txt;
    });
    $('.hm-interrogacao').mouseleave(function() {
        $('.balao').remove();
        $(this).attr('title', txtGlobal);
        //alert(txtGlobal);
    });


    //Carrossel infinito

    (function() {
        $.fn.infiniteCarousel = function() {
            function repeat(str, n) {
                return new Array(n + 1).join(str);
            }

            return this.each(function() {
                var $wrapper = $('> div', this).css('overflow', 'hidden'),
                $slider = $wrapper.find('> ul').width(9999),
                $items = $slider.find('> li'),
                $single = $items.filter(':first')

                singleWidth = $single.outerWidth(),
                visible = Math.ceil($wrapper.innerWidth() / singleWidth),
                currentPage = 1,
                pages = Math.ceil($items.length / visible);
                
                
//                if ($items.length % visible != 0) {
//                    $slider.append(repeat('<li class="empty" />', visible - ($items.length % visible)));
//                    $items = $slider.find('> li');
//                }

                $items.filter(':first').before($items.slice(-visible).clone().addClass('cloned'));
                $items.filter(':last').after($items.slice(0, visible).clone().addClass('cloned'));
                $items = $slider.find('> li');

                $wrapper.scrollLeft(singleWidth * visible);

                function gotoPage(page) {
                    var dir = page < currentPage ? -1 : 1,
                    n = Math.abs(currentPage - page),
                    left = singleWidth * dir * visible * n;

                    $wrapper.filter(':not(:animated)').animate({
                        scrollLeft: '+=' + left
                    }, 500, function() {
                        if (page > pages) {
                            $wrapper.scrollLeft(singleWidth * visible);
                            page = 1;
                        } else if (page == 0) {
                            page = pages;
                            $wrapper.scrollLeft(singleWidth * visible * pages);
                        }

                        currentPage = page;
                    });
                }

                $wrapper.after('<a href="#" class="arrow back">&lt;</a><a href="#" class="arrow forward">&gt;</a>');
                $('a.back', this).click(function() {
                    gotoPage(currentPage - 0.25);
                    return false;
                });
                $('a.forward', this).click(function() {
                    gotoPage(currentPage + 0.25);
                    return false;
                });
                $(this).bind('goto', function(event, page) {
                    gotoPage(page);
                });
                $(this).bind('next', function() {
                    gotoPage(currentPage + 1);
                });
            });
        };
    })(jQuery);

    $(document).ready(function() {
        var autoscrolling = false;

        $('.infiniteCarousel').infiniteCarousel().mouseover(function() {
            autoscrolling = false;
        }).mouseout(function() {
            autoscrolling = false;
        });

        setInterval(function() {
            if (autoscrolling) {
                $('.infiniteCarousel').trigger('next');
            }
        }, 2000);
    });


});