willowmecreationsV2/script.js

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");
		}
	});
});