//Carousel
(function () { // Self-invoking function
    let slideIndex = 0;
    showSlides();

    function showSlides() {
        let i;
        let slides = document.getElementsByClassName("mySlides");
        for (i = 0; i < slides.length; i++) {
            slides[i].style.display = "none";
        }
        slideIndex++;
        if (slideIndex > slides.length) { slideIndex = 1 }
        slides[slideIndex - 1].style.display = "flex";
        setTimeout(showSlides, 3000); // Change image every 3 seconds
    } 
}());

//On click of button, either pause or play looping video
function controlVideo() {

    //Capture and store button and video elements
    let btn = document.querySelector(".play-pause-btn");
    let video = document.querySelector(".video-loop");

    if (video.paused) {
        video.play();
        btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 106.07 123.17"><rect width="36.39" height="123.17"/><rect x="69.68" width="36.39" height="123.17"/></svg>'; //pause icon
        btn.setAttribute("aria-label", "pause video");
    } else {
        video.pause();
        btn.innerHTML = '<svg class="play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 116.38 134.39"><polygon points="116.38 67.19 58.19 100.79 0 134.39 0 67.19 0 0 58.19 33.6 116.38 67.19"/></svg>'; //play icon
        btn.setAttribute("aria-label", "play video");
    }
};