jQuery(document).ready(function (){
    
    /* 
     * VARIÁVEIS
     */
    
    var openWrapper = false;
    var firstTime = true;
    
    /* 
     * FUNÇÕES
     */
    // função para abrir main content de acordo com o link clicado (chama o toggleWrapper)
    function openMainContent(content) {
        jQuery('#main .content').removeClass('active').hide();
        jQuery('#main #'+content).addClass('active');
        firstTime= false;
        if(!openWrapper) toggleWrapper();
        else jQuery('.active').show();
    }
    
    //função que abre ou fecha o main content
    function toggleWrapper() {
        
        if (firstTime) {
            jQuery('#main .content').removeClass('active').hide();
            jQuery('#main #projeto').addClass('active');
            firstTime= false;
        }
        
        if(openWrapper) {
            jQuery('#wrapper').animate({width: '250px'}, 200, function(){
            	jQuery('#main .footer').hide();
            	jQuery('#setinha').css('background-image', 'url("images/setinhas.png")');
            	jQuery('.active').hide();
            });
            openWrapper = false;
        }
        else {
            jQuery('#wrapper').animate({width: '750px'}, 200, function(){
                jQuery('#main .footer').show();
                jQuery('.active').show();
                jQuery('#setinha').css('background-image', 'url("images/setinhas-fechar.png")');
            });
            openWrapper = true;
        }
        jQuery('#main').toggleClass('nodisplay');
        return false;
    }
    
    /* 
     * EVENTOS 
     */
    // evento para abrir main content clicando na setinha
    jQuery('#setinha').click(function () {
            toggleWrapper();
    });
    
    // eventos para chamar abertura de main content
    jQuery('#nav #link-projeto').click(function (){
        openMainContent('projeto');
        return false;
    });
    
    jQuery('#nav #link-como-consultar').click(function (){
        openMainContent('como-consultar');
        return false;
    });
    
    jQuery('#nav #link-como-parceiro').click(function (){
        openMainContent('como-parceiro');
        return false;
    });

    jQuery('#nav #link-apoie').click(function (){
        openMainContent('apoie');
        return false;
    });

    jQuery('#nav #link-parceiros').click(function (){
        openMainContent('parceiros');
        return false;
    });
    
    //evento para abrir select construido com ul>li para tipo de lixo
    jQuery('#tipo-lixo div').click(function(){
        jQuery('#tipo-lixo ul').toggle();
        return false;
    });
    
    //evento para selecionar item do select de tipo de lixo
    jQuery('#tipo-lixo ul li').click(function(){
        var clickedItem = jQuery(this);
        jQuery('#tipo-query').val(clickedItem.data('value'));
        jQuery('#tipo-lixo-text').html(clickedItem.html());
        jQuery('#tipo-lixo ul').hide();
        return false;
    });
    
    //evento para abrir tooltip do campo de endereço
    jQuery('#addr-query').focus(function(){
        if(jQuery(this).val() == 'seu endereço') jQuery(this).val('');
        jQuery('#balao').fadeIn();
    });
    
    //evento para fechar tooltip do campo de endereço
    jQuery('#addr-query').blur(function(){
        if(jQuery(this).val() == '') jQuery(this).val('seu endereço');
        jQuery('#balao').fadeOut();
    });
    
});