function Init () {
    var btn = document.getElementById('btnMinimalistic');
    btnMinimalisticClick(btn);
    btn = document.getElementById('btnCZ');
    btnCZClick(btn);
}
function showPage(pageId) {
    let pages = document.querySelectorAll('.page');
    pages.forEach(page => page.classList.remove('active'));
    document.getElementById(pageId).classList.add('active');
}
function btnMinimalisticClick(btn) {
    activateButtons(btn);
    btn = document.getElementById('btnDualChan');
    deactivateButtons(btn);
    btn = document.getElementById('btn8Chan');
    deactivateButtons(btn);
    btn = document.getElementById('btnContact');
    deactivateButtons(btn);
    showPage('minimalisticCZ');    
}
function btnDualChanClick(btn) {
    activateButtons(btn);
    btn = document.getElementById('btnMinimalistic');
    deactivateButtons(btn);
    btn = document.getElementById('btn8Chan');
    deactivateButtons(btn);
    btn = document.getElementById('btnContact');
    deactivateButtons(btn);
    showPage('dualchanCZ')
}
function btn8ChanClick(btn) {
    activateButtons(btn);
    btn = document.getElementById('btnMinimalistic');
    deactivateButtons(btn);
    btn = document.getElementById('btnDualChan');
    deactivateButtons(btn);
    btn = document.getElementById('btnContact');
    deactivateButtons(btn);
    showPage('eightchanCZ')
}
function btnContactClick(btn) {
    activateButtons(btn);
    btn = document.getElementById('btnMinimalistic');
    deactivateButtons(btn);
    btn = document.getElementById('btnDualChan');
    deactivateButtons(btn);
    btn = document.getElementById('btn8Chan');
    deactivateButtons(btn);
    showPage('contactCZ')
}
function btnCZClick(btn) {
    activateButtons(btn);
    btn = document.getElementById('btnEN');
    deactivateButtons(btn);
    btn = document.getElementById('btnDE');
    deactivateButtons(btn);
}
function btnENClick(btn) {
    activateButtons(btn);
    btn = document.getElementById('btnCZ');
    deactivateButtons(btn);
    btn = document.getElementById('btnDE');
    deactivateButtons(btn);
}
function btnDEClick(btn) {
    /*
    activateButtons(btn);
    btn = document.getElementById('btnCZ');
    deactivateButtons(btn);
    btn = document.getElementById('btnEN');
    deactivateButtons(btn);
    */
}
function activateButtons(btn) {
    btn.style.border = "2px solid black";
    btn.style.color = "black";
    btn.style.backgroundColor = "rgb(124, 206, 250)";//lightskyblue";
    btn.style.fontWeight = "bold";
}
function deactivateButtons(btn) {
    btn.style.border = "1px solid darkgray";
    btn.style.color = "darkGray";
    btn.style.backgroundColor = "rgba(245, 245, 245, 0)";
    btn.style.fontWeight = "normal";
}
window.addEventListener('load', Init);
/*
document.addEventListener('keydown', function(event) {
    if (event.ctrlKey && (event.key === '+' || event.key === '-' || event.key === '0')) {
        event.preventDefault();
    }
});
document.addEventListener("wheel", function (event) {
    if (event.ctrlKey) {
        event.preventDefault();
    }
}, { passive: false });
*/