document.addEventListener('DOMContentLoaded', () => {
    const pdfFiles = [
        {
            name: 'PDF 1',
            url: 'https://kidart.one/KIDART%20-%20GAN%20KIT%205%20-%20BROCHOS%20%26%20TU%20BISHVAT.pdf',
            preview: 'https://kidart.one/IMG_9428.jpeg'
        },
        {
            name: 'PDF 2',
            url: 'path/to/pdf2.pdf',
            preview: 'path/to/preview2.jpg'
        },
        // Add other PDF file objects here
    ];

    const pdfContainer = document.getElementById('pdf-container');
    const pdfViewer = document.getElementById('pdf-viewer');
    const pageIndex = document.getElementById('page-index');
    const pdfButtons = document.getElementById('pdf-buttons');
    const printButton = document.getElementById('print-button');

    // Load the initial PDF
    const initialPDF = pdfFiles[0];
    loadPDF(initialPDF);

    // Generate the PDF buttons with preview images
    generatePDFButtons();

    // Load a PDF when its button is clicked
    pdfButtons.addEventListener('click', (event) => {
        const button = event.target.closest('.pdf-button');
        if (button) {
            const pdfIndex = button.dataset.index;
            const selectedPDF = pdfFiles[pdfIndex];
            loadPDF(selectedPDF);
        }
    });

    // Function to load a PDF and update the viewer and page index
    function loadPDF(pdf) {
        pdfViewer.src = `https://docs.google.com/gview?url=${encodeURIComponent(pdf.url)}&embedded=true`;
        generatePageIndex(pdfViewer.contentDocument);
    }

    // Function to generate the page index
    function generatePageIndex(pdfDocument) {
        pageIndex.innerHTML = '';
        const numPages = pdfDocument.querySelector('.controls').children.length;

        for (let i = 0; i < numPages; i++) {
            const pageIndexEntry = document.createElement('div');
            pageIndexEntry.textContent = i + 1;
            pageIndexEntry.addEventListener('click', () => {
                goToPage(i);
            });
            pageIndex.appendChild(pageIndexEntry);
        }
    }

    // Function to go to a specific page
    function goToPage(pageNumber) {
        const pageLinks = pdfContainer.querySelectorAll('a');
        const pageLink = pageLinks[pageNumber];
        pageLink.click();
    }

    // Function to generate the PDF buttons with preview images
    function generatePDFButtons() {
        pdfButtons.innerHTML = '';

        for (let i = 0; i < pdfFiles.length; i++) {
            const pdf = pdfFiles[i];
            const button = document.createElement('button');
            button.classList.add('pdf-button');
            button.dataset.index = i;

            const previewImage = document.createElement('img');
            previewImage.src = pdf.preview;
            previewImage.alt = pdf.name;
            button.appendChild(previewImage);

            pdfButtons.appendChild(button);
        }
    }

    // Print button functionality
    printButton.addEventListener('click', () => {
        window.print();
    });
});