document.addEventListener("DOMContentLoaded", function() {
  // Slider JavaScript code
  let slideIndex = 0;
  const slides = document.getElementsByClassName("mySlides");

  // Ensure slides exist before trying to show them
  if (slides.length > 0) {
    showSlides(slideIndex);

    function showSlides(n) {
      // Loop back if index exceeds bounds
      slideIndex = (n + slides.length) % slides.length;

      // Hide all slides
      for (let slide of slides) {
        slide.style.display = "none";
      }

      // Show the current slide
      slides[slideIndex].style.display = "block";
    }

    // Show next slide
    function nextSlide() {
      showSlides(slideIndex + 1);
    }

    // Show previous slide
    function prevSlide() {
      showSlides(slideIndex - 1);
    }

    // Set automatic slide change every 2 seconds
    setInterval(nextSlide, 2000);

    // Add event listeners for navigation buttons
    const nextButton = document.querySelector(".tickernavi .next");
    const prevButton = document.querySelector(".tickernavi .prev");
    
    if (nextButton && prevButton) {
      nextButton.onclick = nextSlide;
      prevButton.onclick = prevSlide;
    }
  }
});