/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
var settings = {
    mainContent : '#main-content',
    bounceImgs : ' .contactIcons',
    moreNewsLink : ' .moreNewsLink',
    newsTitleLink: ' .newsTitleLink',
    login: '#login',
    print: '#print',
    messages: '#messages',
    messagesHideDelay: 0.5
    
};

//Executado sempre que se transfere o header do website.
$(function(){
    
    //Cria um dialogBox para o Log In:
    //Cria um <div> OTF e especifica as opções do dialog
    //open: define a callback para o open da dialog, onde se faz um XHR à tpl da login Form
    var loginDialog = $('<div></div>').dialog({
        open: function(){
            $(this).load($(settings.login).attr('href'));
        },
        title: 'Zona Reservada - Login Necessário',
        resizable: false,
        position: ['right', 'top'],
        autoOpen: false,
        width: '400px',
        show: 'slide({direction: "down", mode: "show"}, new String("slow"))',
        hide: 'slide({direction: "up", mode: "hide"}, new String("slow"))'
    });
    
    //Cria uma caixa que no mouseOver mostra uma foto
    $('#pilhao').qtip({
        content: '<img src="../fotos/Pilhao.png" width="318" height="250">',
        show: 'mouseover',
        hide: 'mouseout',
        style:{
            name: 'light',
            width: '318'
        }
    });
    
    /*  
    //Verificar se o elemento cuja classe é .bounceImgs existe
    //Se afirmativo aplica-se um efeito de highlight
    var bouncingImgs = $(settings.bounceImgs);
    if(bouncingImgs.length){
        bouncingImgs.mouseover(function(){
            $(this).effect("bounce", {
                times: 1, 
                distance: 10
            }, 300);
        });     
    }
    */
    
    //Clique no botão de login
    //Este elemento existe sempre mas, JIT verifica-se.
    var login = $(settings.login);
    if(login.length){
        login.click(function(event){
            loginDialog.dialog('open');
           
            event.preventDefault();
        });
    }
    
    //Clique no botão de imprimir
    //Este elemento existe sempre mas, JIT verifica-se.
    var print = $(settings.print);
    if(print.length){
        print.click(function(event){
            event.preventDefault();
            window.print();
        });
    }
    
    //Verificar se o elemento #messages existe e está visivel
    //Se afirmativo aplica-se um efeito de highlight
   var login = $(settings.login);
    if(login.length){
        login.click(function(event){
            loginDialog.dialog('open');
           
            event.preventDefault();
        });
    }
    
    //Ponderar. Por aqui e isto é descarregado sempre. Ou fazer um .js colocar lá e importar na seção separar
    var separar$ = $('.separar header').click(function(){
        if(separar$.length){
           
            //Se algum estiver activo, fecha-se
            var closeContent$ = $('div.separarContent');
            if(closeContent$.is(':visible')){
                closeContent$.slideUp('slow');
            }
            //Localizar o modulo mais proximo
            var separarContent$ = $(this).closest('section.separar').find('div.separarContent');
            if(separarContent$.is(':hidden')){
                separarContent$.slideDown('slow');
            }else{
                separarContent$.slideUp('slow');
            }
        } 
    });
    
    //Tudo o que é botão, fica com o theme jQuery resinorte-theme
    //Selecionar todos os elementos button
    // $('input[type=submit]').button({text: true});
    
    //Accordion para a secçao de monitorização
    $('.outterAccordion').accordion({
        collapsible: true, 
        animated: 'slide', 
        active: 1, 
        autoHeight: false
    });
    $('.innerAccordion').accordion({
        collapsible: true, 
        animated: 'slide', 
        active: false, 
        autoHeight: false
    });
    
    /* Secção admin */
    /* Upload de documentos */
    /* Por defeito esconder o select dos polos */
    var polos$ = $('#form_polo_container');
    /* De acordo com a categoria escolhida mostra ou esconde a opção dos polos */
    var categoria$ = $('#form_category');
    
    if(categoria$.length){
        /* Ao carregar a página */
        if(categoria$.val() == 'plano')
            polos$.show();
        else
            polos$.hide();
        /* Ao alterar o campo da categoria */
        categoria$.change(function(){
            if(categoria$.val() == 'plano')
                polos$.show();
            else
                polos$.hide();
        });
    }   
});

function message_write(message){
    //Seleccionar a div que leva as mensagens
    var messages = $(settings.messages);
    //Se não existir salta fora
    if(!messages)
        return;
    
    if(message.length == 0){
        messages.hide();
        return;
    }
    
    messages.html(message);
    messages.show();    
}

function message_clear(){
    
    var messages = $(settings.messages);
    if(!messages)
        return;
    
    setTimeout("message_write('')", settings.messagesHideDelay * 1000);
}