const jsonData = [
        {
            "src": "/assets/back.jpeg",
            "title": "Image Title 1",
            "description": "Description for image 1 goes here."
        },
        {
            "src": "/assets/background.jpg",
            "title": "Image Title 2",
            "description": "Description for image 2 goes here."
        },
        {
            "src": "/assets/backgroundImage.png",
            "title": "Image Title 3",
            "description": "Description for image 3 goes here."
        },
        {
            "src": "/assets/beanieImage.png",
            "title": "Image Title 4",
            "description": "Description for image 4 goes here."
        }
    ];
    let currentSlide = 0;
    function updateSlide(){
        const slide = jsonData[currentSlide];
        document.getElementById('slideImage').src = slide.src;
        document.getElementById('imageTitle').textContent = slide.title;
        document.getElementById('imageDescription').textContent = slide.description;
    }
    document.getElementById('nextButton').addEventListener('click', () => {
        currentSlide = (currentSlide + 1) % jsonData.length;
        console.log(currentSlide)
        updateSlide();
    })
    document.getElementById('prevButton').addEventListener('click', () => {
        currentSlide = (currentSlide - 1 + jsonData.length) % jsonData.length;
        updateSlide();
    })
    updateSlide();
    let parentMainContainer = document.getElementById('parentMainContainer');
    let gallerySliderId = document.getElementById('gallerySliderId');
    function closeGallery(){
        gallerySliderId.classList.add('hidden');
        
    }