﻿$(document).ready(function() {
    //Reorganiza DDs e DTs
    var a = Array();
    var i = 0;
    $('.cartoes-abas dt').each(function() {
        a[i] = this;
        i++;
    });

    $('.cartoes-abas dt').remove();

    for (var j = a.length; j >= 0; j--) {
        $('.cartoes-abas').prepend(a[j]);
    };

    //Esconde os conteudos das abas
    $('.cartoes-abas dd').hide();

    //Abre a primeira aba e seu conteudo    
    $('.cartoes-abas dt:first').addClass("ativo");
    var txtMenu = $('.cartoes-abas dt:first').children('span').text();
    var nada = '';
    $('.cartoes-abas dt:first').html(nada);
    $('.cartoes-abas dt:first').append('<img src="/img/cartoes/bg-abas-cartoes-ini-ativo.png" class="inicial" /><span id="txtAba">' + txtMenu + '</span><img src="/img/cartoes/bg-abas-cartoes-fim-ativo.png" />');
    $('.cartoes-abas dd:first').show();

    //Monta o bg das abas inativas
    $('.cartoes-abas dt').not(':first,:last').append('<img src="/img/cartoes/bg-abas-cartoes-fim-inativo.png" class="inativo" />');
    $('.cartoes-abas dt:last').append('<img src="/img/cartoes/bg-abas-cartoes-fim-inativo-last.png" class="inativo" />');

    //Troca de aba
    $('.cartoes-abas dt').click(function() {
        if ($(this).hasClass('ativo')) {
            //alert('entrou no if');
        }
        else {
            //alert('entrou no else');

            //abre conteudo
            var css = $(this).attr('class').split(' ');
            $('.cartoes-abas dt').removeClass('ativo');
            $(this).addClass('ativo');
            $('.cartoes-abas dd').hide();
            $('.cartoes-abas dd.' + css).show();

            //Mostra a aba clicada e insere os cantos arredondados
            var txtMenu = $(this).children('span').text();
            var nada = '';
            $(this).html(nada);
            $('.cartoes-abas dt img').remove();
            $('.cartoes-abas dt span img.inativo').remove();
            $(this).append('<img src="/img/cartoes/bg-abas-cartoes-ini-ativo.png" class="inicial" /><span id="txtAba">' + txtMenu + '</span><img src="/img/cartoes/bg-abas-cartoes-fim-ativo.png" class="ultimoAtivo" />');

            //Corrige as imagens de canto das abas inativas
            $('.cartoes-abas dt').not('.ativo,:last').append('<img src="/img/cartoes/bg-abas-cartoes-fim-inativo.png" class="inativo esq" />');
            $('.cartoes-abas dt:first').not('.ativo').prepend('<img src="/img/cartoes/bg-abas-cartoes-ini-inativo.png" class="inativo inicial" />');
            $('.cartoes-abas dt:last').append('<img src="/img/cartoes/bg-abas-cartoes-fim-inativo-last.png" class="inativo" />');

            //Arruma o acabamento das abas abertas do meio
            var totalAbas = $('.cartoes-abas dt').length;
            var numAbaAberta = $('.cartoes-abas dt').index(this);
            if (numAbaAberta != 0) {
                $(this).css('margin-left', '-2px');
                $('.cartoes-abas dt img.esq').eq(numAbaAberta - 1).remove();
            }
            //Arruma a imagem do final da ultima aba
            var ultimaAba = totalAbas - 1;
            if (numAbaAberta == ultimaAba) {
                //alert('entrou no if');
                $('.cartoes-abas dt img.inativo').eq(ultimaAba).remove();
                $('.cartoes-abas dt img.ultimoAtivo').replaceWith('<img src="/img/cartoes/bg-abas-cartoes-fim-ativo-last.png"/>');
            }
        }
    });
    //topo do conteudo das abas
    $('.cartoes-abas dd').prepend('<span class="top-cont-aba"></span>');

    $('sup a').attr('href', '#condicao'); 
});
