$(document).ready(
    function() {
        // Mask
        $("#phone").mask("(99) 9999-9999");
        
        // Lightbox
        $(".lightbox").lightbox();
        
        // Tabs
        // oculta todas as abas
        $("div.tab-box").hide();

        // mostra somente  a primeira aba
        $("div.tab-box:first").show();

        // seta a primeira aba como selecionada (na lista de abas)
        $("#tabs li:first").addClass("selected");

        // quando clicar no link de uma aba
        $("#tabs li").click(function(){
            // oculta todas as abas
            $("div.tab-box").hide();

            // tira a seleção da aba atual
            $("#tabs li").removeClass("selected");

            // adiciona a classe selected na selecionada atualmente
            $(this).addClass("selected");
            
            // mostra a aba clicada
            $($(this).children().children().attr('href')).show();
            
            // pra nao ir para o link
            return false;
        });
        
        // Header - Flash
        $('#swfheader').flash(
        {
            src: Comcasa.baseUrl + '/templates/themes/default/flash/header.swf',
            width: 780,
            height: 120
        }, { version: 10 });
        
        // Menu - Flash
        $('#swfmenu').flash(
        {
            src: Comcasa.baseUrl + '/templates/themes/default/flash/menu.swf?baseUrl=' + Comcasa.baseUrl,
            width: 780,
            height: 47
        }, { version: 9 });
        
        // CheckAll Button
        $('#checkall').checkgroup({groupName: 'messages'});
        
        // Append Loading Bar
        //appendLoading();
        
        // Back Button
        $('div#go-back').append('<a href="javascript:;" title="Voltar &#224; Pagina Anterior" class="go-back" onclick="javascript:history.back();"></a>');
        
        // Comparar Button
        $('a#comparar-button').click(function(){ compare(); });
        
        // Time Ago
        $('abbr[class*=timeago]').timeago();
        
        // Admin - Update Graph
        $('div#projeto').resizable({ minHeight: 0, maxHeight: 219, autoHide: true, handles: 's', helper: '', maxWidth: 57, minWidth: 57, resize: function(event, ui) { updatePercentage('projeto', $('div#projeto').css('height')); }});
        $('div#fundacao').resizable({ minHeight: 0, maxHeight: 219, autoHide: true, handles: 's', helper: '', maxWidth: 57, minWidth: 57, resize: function(event, ui) { updatePercentage('fundacao', $('div#fundacao').css('height')); }});
        $('div#estrutura').resizable({ minHeight: 0, maxHeight: 219, autoHide: true, handles: 's', helper: '', maxWidth: 57, minWidth: 57, resize: function(event, ui) { updatePercentage('estrutura', $('div#estrutura').css('height')); }});
        $('div#alvenaria').resizable({ minHeight: 0, maxHeight: 219, autoHide: true, handles: 's', helper: '', maxWidth: 57, minWidth: 57, resize: function(event, ui) { updatePercentage('alvenaria', $('div#alvenaria').css('height')); }});
        $('div#revestimento').resizable({ minHeight: 0, maxHeight: 219, autoHide: true, handles: 's', helper: '', maxWidth: 57, minWidth: 57, resize: function(event, ui) { updatePercentage('revestimento', $('div#revestimento').css('height')); }});
        $('div#instalacoes').resizable({ minHeight: 0, maxHeight: 219, autoHide: true, handles: 's', helper: '', maxWidth: 57, minWidth: 57, resize: function(event, ui) { updatePercentage('instalacoes', $('div#instalacoes').css('height')); }});
        $('div#acabamento').resizable({ minHeight: 0, maxHeight: 219, autoHide: true, handles: 's', helper: '', maxWidth: 57, minWidth: 57, resize: function(event, ui) { updatePercentage('acabamento', $('div#acabamento').css('height')); }});
        $('div#paisagismo').resizable({ minHeight: 0, maxHeight: 219, autoHide: true, handles: 's', helper: '', maxWidth: 57, minWidth: 57, resize: function(event, ui) { updatePercentage('paisagismo', $('div#paisagismo').css('height')); }});
    }
);