script.js

// script.js

// Scroll to the bottom of the page
function scrollToBottom() {
    window.scrollTo({
        top: document.body.scrollHeight,
        behavior: 'smooth'
    });
}

// Toggle Synopsis visibility
function toggleSynopsis() {
    const synopsisSection = document.querySelector('.synopsis-section');
    synopsisSection.classList.toggle('collapsed');
    const button = synopsisSection.querySelector('button.view-synopsis');
    button.textContent = synopsisSection.classList.contains('collapsed') ? 'v' : '^';
}

// Fetch chapters from the chapters.json file and populate the list
// Fetch chapters from the chapters.json file and populate the list
async function loadChapters() {
    try {
        const response = await fetch('chapters.json');
        const chapters = await response.json();
        const chaptersPerBook = [232, 500]; // Array of cutoff points for books

        const chapterContainer = document.getElementById('chapterContainer');
        chapterContainer.innerHTML = ''; // Clear any existing content

        const books = [];
        let currentChapterStart = 0;

        chaptersPerBook.forEach((cutoff, index) => {
            books[index] = chapters.slice(currentChapterStart, cutoff);
            currentChapterStart = cutoff;
        });

        books.forEach((bookChapters, bookIndex) => {
            const bookDiv = document.createElement('div');
            bookDiv.className = 'book';

            const bookButton = document.createElement('button');
            bookButton.className = 'read-chapterLIST';
            bookButton.textContent = `Book ${bookIndex + 1}`;
            bookButton.onclick = function () {
                const chapterList = this.nextElementSibling;
                const isExpanded = chapterList.classList.toggle('expanded');

                if (isExpanded) {
                    Array.from(chapterList.children).forEach((li, index) => {
                        setTimeout(() => {
                            li.classList.add('show');
                        }, index * 10); // Delay between each chapter appearing
                    });
                    // Save user choice in a data attribute
                    bookButton.dataset.expanded = "true";
                } else {
                    Array.from(chapterList.children).forEach(li => {
                        li.classList.remove('show');
                    });
                    // Update user choice in a data attribute
                    bookButton.dataset.expanded = "false";
                }
            };
            bookDiv.appendChild(bookButton);

            const ul = document.createElement('ul');
            bookChapters.forEach(chapter => {
                const li = document.createElement('li');
                li.classList.add('chapter-item'); // Adding class to control animation
                const a = document.createElement('a');
                a.href = `read/${chapter.filename.replace('.txt', '')}/`;
                a.textContent = chapter.title; // Removed the 20-character slicing
                li.appendChild(a);
                ul.appendChild(li);
            });
            bookDiv.appendChild(ul);

            chapterContainer.appendChild(bookDiv);
        });

        // Adjust visibility based on screen width, but keep user choice persistent
        function adjustChapterVisibility() {
            const screenWidth = window.innerWidth;
            const thresholdWidth = 800; // Adjust this threshold as needed
            const bookButtons = document.querySelectorAll('.read-chapterLIST');
            bookButtons.forEach((button, index) => {
                const chapterList = button.nextElementSibling;
                const isLastBook = index === bookButtons.length - 1;

                if (isLastBook) {
                    chapterList.classList.add('expanded');
                    Array.from(chapterList.children).forEach(li => li.classList.add('show'));
                } else {
                    // Check if user has manually expanded/collapsed this book
                    const userExpanded = button.dataset.expanded === "true";

                    if (screenWidth < thresholdWidth && !userExpanded) {
                        chapterList.classList.remove('expanded');
                        Array.from(chapterList.children).forEach(li => li.classList.remove('show'));
                    } else if (userExpanded || screenWidth >= thresholdWidth) {
                        chapterList.classList.add('expanded');
                        Array.from(chapterList.children).forEach(li => li.classList.add('show'));
                    }
                }
            });
        }

        adjustChapterVisibility();
        window.addEventListener('resize', adjustChapterVisibility);

    } catch (error) {
        console.error('Error loading chapters:', error);
    }
}

document.addEventListener('DOMContentLoaded', () => {
    const synopsisButton = document.querySelector('button.view-synopsis');
    if (synopsisButton) {
        synopsisButton.addEventListener('click', toggleSynopsis);
    }

    loadChapters();
});