var acc = document.getElementsByClassName("accordion");
for (var i = 0; i < acc.length; i++) {
    acc[i].addEventListener("click", function() {
        this.classList.toggle("active");
        var panel = this.nextElementSibling; // O próximo elemento irmão (div.panel)
        if (panel.style.display === "block") {
            panel.style.display = "none"; // Esconde o painel
        } else {
            panel.style.display = "block"; // Exibe o painel
        }
    });
}


// Função para ajustar o layout conforme a orientação
function adjustLayoutForOrientation() {
    let orientation = screen.orientation.type;

    if (orientation === "landscape-primary" || orientation === "landscape-secondary") {
        document.body.style.marginLeft = "220px";
        document.body.style.marginRight = "220px";
    } else { // portrait-primary ou portrait-secondary
        document.body.style.marginLeft = "20px";
        document.body.style.marginRight = "20px";
    }
}

// Chamar a função inicialmente para aplicar o estilo correto
adjustLayoutForOrientation();

// Adicionar event listener para mudanças na orientação
window.addEventListener("orientationchange", adjustLayoutForOrientation);

// Função para carregar o conteúdo de menu.inc
function loadMenu() {
    fetch('include/menu.inc')
        .then(response => response.text())
        .then(data => {
            document.getElementById('menu').innerHTML = data;
        })
        .catch(error => console.error('Erro ao carregar o menu:', error));
}

// Chama a função quando a página for carregada
window.onload = loadMenu;
