//Função de inicialização do JQuery e que evita aparecerem scroll bars no IE
$(document).ready(function() {
    //Todos os items são inicializados colapsados
    $('#colapsableFAQ').accordion({
        active: false,
        autoHeight: false,
        fillSpace: true,
        collapsible: true
    });
});
//Função para evidenciar o texto e a seta quando se passa o rato por cima
function HighlightRowHeader(div) {
    var img = div.getElementsByTagName("img");
    if (img[0].src.match('_down.png') == null) {
        img[0].src = img[0].src.replace('.png', '_hover.png');
    }
}
//Função para normalizar o texto e a seta quando se passa o rato sai de cima
function DownlightRowHeader(div) {
    var img = div.getElementsByTagName("img");
    if (img[0].src.match('_down.png') == null)
        img[0].src = img[0].src.replace('_hover.png', '.png');
}
//Função para alterar a classe do texto e a seta quando se selecciona a div
function OpenRowHeader(div) {
    var state;
    if (div.className == "RowSelected") {
        state = "seleccionada";
    }
    else {
        state = "naoseleccionada";
    }
    var img = div.getElementsByTagName("img");
    img[0].src = img[0].src.replace('_hover.png', '_down.png');
    // Coloca a div que estava anteriormente seleccionada no formato normal
    var divs = document.getElementsByTagName('div');
    for (var i = 0; i < divs.length; i++) {
        if (divs[i].className == "RowSelected")
            divs[i].className = "";
    }
    // Coloca a imagem que estava anteriormente seleccionada no formato normal        
    var imgs = document.getElementsByTagName("img");
    for (var i = 0; i < document.getElementsByTagName("img").length; i++) {
        if (imgs[i] != img[0] || state == "seleccionada") {
            imgs[i].src = imgs[i].src.replace('_down.png', '.png');
            if (imgs[i] == img[0]) {
                imgs[i].src = imgs[i].src.replace('.png', '_hover.png');
            }
        }
    }
    if (state == "naoseleccionada")
        div.className = "RowSelected";
}