// initialize lenis smooth scrolling
const lenis = new Lenis({
  lerp: 0.07, // animation smoothness (between 0 & 1)
  wheelMultiplier: 0.7, // scrolling speed for mouse wheel
  touchMultiplier: 0.7, // scrolling speed for touch events
  smoothWheel: true, // smooth scrolling for while events
  smoothTouch: true, // smooth scrolling for touche events
  orientation: "vertical", // orientation of the scrolling (vertical/horizontal)
  gestureOrientation: "vertical", // orientation of the gestures (vertical/horizontal)
  normalizeWheel: false, // Normalize wheel inputs
  infinite: false, // infinite scroll
  autoResize: true
});

function raf(time) {
  lenis.raf(time);
  requestAnimationFrame(raf);
}
requestAnimationFrame(raf);

// Function to stop all GSAP animations
function pauseAnimations() {
  // disable ScrollTrigger animations
  ScrollTrigger.getAll().forEach((trigger) => {
    trigger.disable();
  });
}

// Function to resume all GSAP animations
function resumeAnimations() {
  // enable ScrollTrigger animations
  ScrollTrigger.getAll().forEach((trigger) => {
    trigger.enable();
  });
}

// smoothe scrolling in anchor links
document.querySelectorAll("nav a").forEach((link) => {
  link.addEventListener("click", (e) => {
    e.preventDefault();
    // Pause the GSAP animations
    pauseAnimations();
    lenis.scrollTo(`${e.target.getAttribute("href")}`, {
      lerp: 0.09,
      onComplete: () => {
        // Resume GSAP animations after scrolling is complete
        resumeAnimations();
      }
    });

    // const targetSection = document.querySelector(`${e.target.getAttribute("href")}`);
    // targetSection.scrollIntoView({ behavior: "smooth" });
  });
});

// Select all h1 elements within section elements
const h1Elements = document.querySelectorAll("section h1");

// Loop through each h1 element and apply the GSAP animation
h1Elements.forEach((h1) => {
  gsap.from(h1, {
    scrollTrigger: {
      trigger: h1.parentElement, // Use the parent section as the trigger
      toggleActions: "play pause resume reset",
      start: "top top",
      end: "bottom center+=20px",
      // satrt/end : start/end scroller-start/end
      // start/end : trigger viewport
      scrub: 1,
      pin: true,
      markers: true // For debugging
    },
    x: 600,
    rotation: 180,
    duration: 3,
    ease: "linear",
    color: "red"
  });
});