script.js

function toggleWebsiteLayer() {
    if (websiteVisible) {
        websiteLayer.style.display = 'none';
        websiteFrame.src = '';
    } else {
        const websiteURL = slides[currentIndex]?.website || '';
        if (websiteURL) {
            websiteFrame.src = websiteURL;
            websiteLayer.style.display = 'block';
        }
    }
    websiteVisible = !websiteVisible;
}

nextBtn.addEventListener('click', () => {
    currentIndex = (currentIndex + 1) % slides.length;
    loadSlide(currentIndex);
    if (websiteVisible) toggleWebsiteLayer(); // Hide website layer on slide change
});

prevBtn.addEventListener('click', () => {
    currentIndex = (currentIndex - 1 + slides.length) % slides.length;
    loadSlide(currentIndex);
    if (websiteVisible) toggleWebsiteLayer(); // Hide website layer on slide change
});