document.addEventListener("DOMContentLoaded", function() {
  // Existing JavaScript code for figure element (keep this as is)
  const figureElement = document.querySelector('.wp-block-image.is-style-abnomize-image-styleone');
  if (figureElement) {
    const imgElement = figureElement.querySelector('img');
    const dynamicImageURL = imgElement.src;

    figureElement.style.setProperty('--before-background-image', `url('${dynamicImageURL}')`);
    figureElement.style.setProperty('--after-background-image', `url('${dynamicImageURL}')`);

    const style = document.createElement('style');
    style.innerHTML = `
      .wp-block-image.is-style-abnomize-image-styleone::before {
        background-image: var(--before-background-image);
      }
      .wp-block-image.is-style-abnomize-image-styleone::after {
        background-image: var(--after-background-image);
      }
    `;
    document.head.appendChild(style);
  }

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