Twój diesel
nasza pasja

document.addEventListener("DOMContentLoaded", function () {
  const sections = document.querySelectorAll("div[id]:not(#wp-toolbar)"); // Pobieranie tylko divów z id, pomijając 'wp-toolbar'
  const navLinks = document.querySelectorAll("#slider a"); // Pobieranie wszystkich linków, niezależnie od zagnieżdżenia

  // Debug: Wyświetlenie wszystkich znalezionych linków w konsoli
  console.log("Znalezione linki w menu:", navLinks);

  let lastActiveSection = ""; // Przechowuje ostatnią aktywną sekcję, aby uniknąć zbędnych aktualizacji

  function updateActiveLink() {
    let currentSection = "";

    sections.forEach((section) => {
      const sectionTop = section.offsetTop;
      const sectionHeight = section.clientHeight;

      if (window.scrollY >= sectionTop - sectionHeight / 3) {
        currentSection = section.getAttribute("id");
      }
    });

    if (currentSection !== lastActiveSection) { // Aktualizuj tylko jeśli sekcja się zmieniła
      console.log("Obecna sekcja:", currentSection); // Debugowanie, jaka sekcja jest aktualna

      lastActiveSection = currentSection;
      
      const activeLink = document.querySelector(`#slider a[href="#${currentSection}"]`);
      
      if (activeLink) {
        const previousActive = document.querySelector("#slider a.slider-aktywna");
        if (previousActive) {
          previousActive.classList.remove("slider-aktywna");
          console.log("Usunięto klasę slider-aktywna z:", previousActive);
        }
        activeLink.classList.add("slider-aktywna");
        console.log("Dodano klasę slider-aktywna do:", activeLink);
      }
    }
  }

  window.addEventListener("scroll", updateActiveLink);
});