// Carousel Functionality
let currentIndex = 0;
let slides = document.getElementsByClassName("carousel-item");
let totalSlides = slides.length;

function showSlides() {
    for (let i = 0; i < totalSlides; i++) {
        slides[i].classList.remove("active");
    }
    currentIndex++;
    if (currentIndex >= totalSlides) {
        currentIndex = 0;
    }
    slides[currentIndex].classList.add("active");
    setTimeout(showSlides, 3000); // Change image every 3 seconds
}

function moveSlides(n) {
    currentIndex += n;
    if (currentIndex >= totalSlides) {
        currentIndex = 0;
    } else if (currentIndex < 0) {
        currentIndex = totalSlides - 1;
    }
    for (let i = 0; i < totalSlides; i++) {
        slides[i].classList.remove("active");
    }
    slides[currentIndex].classList.add("active");
}

// Initial call to start the slideshow
showSlides();

function toggleMenu() {
    var x = document.getElementById("myTopnav");
    if (x.className === "topnav") {
        x.className += " responsive";
    } else {
        x.className = "topnav";
    }
}

document.addEventListener("DOMContentLoaded", function () {
    var pathname = window.location.pathname;
    var navLinks = document.querySelectorAll(".topnav a");

    navLinks.forEach(function (link) {
        if (link.getAttribute("href") === pathname.split("/").pop()) {
            link.classList.add("active");
        }
    });
});