//Constants

var PRODUCTION_PATH = "/";
var DEV_PATH_FROM_PAGES = "../";
var DEV_PATH_FROM_INDEX = "";



$(document).ready(function() {

    // index.html page is the only one with div-imagens and that one has the menus code inside.
    if (!$("#div-imagens").length) {
        showPage();
    }

    // correr sempre isto por causa do ie6 q dá buraco qdo os submenus aprecem, problemas com o z-index
    if (typeof document.body.style.maxHeight != "undefined") {
        // IE 7, mozilla, safari, opera 9
    } else {
        // fica meio estranho mas funciona bem, o submenu aparece só um bocado para o lado
        $(".submenu").css("position", "absolute");
        $(".submenu").css("margin-top", "35px");
        $(".submenu").css("margin-left", "-130px");
    }

    // index.html page is the only one with div-escondido and it should not be displayed, used for query search!
    $("#div-escondido").css("display", "none");

    $("div#main-container").after("<div id='footer'></div>");
    $("div#footer").after(
            '<p> ' +
            // por causa do código topsolar isto deixa de ser válido por isso não dá para pôr lá o link
//                '<a href="http://validator.w3.org/check?uri=referer">' +
//                    '<img align="right" src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Transitional" height="31" width="88">' +
//                '</a>' +
            '</p>');

    $(".clickToggleNext").click(function() {
        $(this).next().toggle("slow");
    });
});


function showPage() {

    var path = PRODUCTION_PATH;

     //qdo não é produção retira-se o comentário seguinte:
    //path = DEV_PATH_FROM_PAGES;

    $("div#global-container").prepend(
        '<div id="top-container">' +
            '<table width="100%">' + 
               '<tr>' +
                   '<td align="left">' +
                       '<a href="' + path + 'index.html" id="logo-link">' +
                          '<img src="' + path + 'img/topLogoSize500.jpg" alt="Energenium - Energias Renováveis e Eficiência Energética, Lda.">' +
                      '</a>' +
                  '</td>' +
                   '<td align="right" id="top-contacto">' +
                       '<p>Ligue-nos para o 21 924 28 94<br/>ou faça o seu <a href="' + path + 'sobre_nos/pedido_contacto.html">contacto</a> já aqui</p>' +
                   '</td>' +
               '</tr>' +
           '</table>' +
       '</div>' +
       '<div id="nav">' +
           '<ul id="nav-menus">' +
               '<li class="sobreNos">' +
                    'SOBRE NÓS' +
                   '<ul class="submenu">' +
                       '<li><a href="' + path + 'sobre_nos/quem_somos.html">quem somos</a></li>' +
                       '<li><a href="' + path + 'sobre_nos/contactos.html">contactos</a></li>' +
                       '<li><a href="' + path + 'sobre_nos/pedido_contacto.html">pedido contacto</a></li>' +
                   '</ul>' +
               '</li>' +
               '<li class="energias">' +
                    'ENERGIAS' +
                   '<ul class="submenu">' +
                       '<li><a href="' + path + 'energias/energia_solar.html">Energia Solar</a></li>' +
                       '<li><a href="' + path + 'energias/biomassa.html">Biomassa</a></li>' +
                       '<li><a href="' + path + 'energias/outras_energias.html">Outras Energias</a></li>' +
                   '</ul>' +
               '</li>' +
               '<li class="eficiencia">' +
                    'EFICIÊNCIA<br/>ENERGÉTICA' +
                   '<ul class="submenu">' +
                       '<li><a href="' + path + 'eficiencia_energetica/eficiencia.html">Eficiência Energética</a></li>' +
                   '</ul>' +
               '</li>' +
               '<li class="aplicacoes">' +
                    'APLICAÇÕES' +
                   '<ul class="submenu">' +
                       '<li style="height:50px;line-height:20px"><a href="' + path + 'aplicacoes/aqs.html">AQS - Água Quente Sanitária</a></li>' +
                       '<li><a href="' + path + 'aplicacoes/aquecimento_central.html">Aquecimento Central</a></li>' +
                       '<li><a href="' + path + 'aplicacoes/aquecimento_piscinas.html">Aquecimento de Piscinas</a></li>' +
                   '</ul>' +
               '</li>' +
               '<li class="informacoes">' +
                    'INFORMAÇÕES' +
                   '<ul class="submenu">' +
                       //'<li><a href="' + path + 'informacoes/faq.html">Perguntas Frequentes</a></li>' +
                       '<li><a href="' + path + 'informacoes/beneficios.html">Benefícios Fiscais</a></li>' +
                       '<li><a href="' + path + 'informacoes/links.html">Links</a></li>' +
                   '</ul>' +
               '</li>' +
           '</ul>' +
       '</div>');
}

function updateRelativeToNavigation(liClass) {
    // update title color to match the selected navigation menu
    $("#main-container-title").css("color", $("." + liClass).css("background-color"));

    // update navigation menu with arrows to set the selected menu and submenu
    $("." + liClass).prepend("> ");
}

