// Handle cursor movement for both mouse and touch events
function moveCursor(e) {
  const cursorDefaultInner = document.querySelector(".cursor__default__inner");
  const cursorTraceInner = document.querySelector(".cursor__trace__inner");

  const clientX = e.clientX || (e.touches && e.touches[0].clientX);
  const clientY = e.clientY || (e.touches && e.touches[0].clientY);

  cursorDefaultInner.style.top = clientY + "px";
  cursorDefaultInner.style.left = clientX + "px";

  cursorTraceInner.style.top = clientY + "px";
  cursorTraceInner.style.left = clientX + "px";
}

document.addEventListener("mousemove", moveCursor);
document.addEventListener("touchmove", moveCursor);

const cursor = document.querySelector(".cursor");

// Handle cursor active state for both mouse and touch events
function activateCursor() {
  cursor.classList.add("cursor--active");
}

function deactivateCursor() {
  cursor.classList.remove("cursor--active");
}

document.addEventListener("mousedown", activateCursor);
document.addEventListener("touchstart", activateCursor);

document.addEventListener("mouseup", deactivateCursor);
document.addEventListener("touchend", deactivateCursor);
document.addEventListener("touchcancel", deactivateCursor);

// Create ripple effect for both mouse and touch events
function createRipple(e) {
  const clientX = e.clientX || (e.touches && e.touches[0].clientX);
  const clientY = e.clientY || (e.touches && e.touches[0].clientY);

  let ripple = document.createElement("span");

  ripple.classList.add("ripple");

  cursor.appendChild(ripple);

  ripple.style.top = clientY - ripple.clientHeight / 2 + "px";
  ripple.style.left = clientX - ripple.clientWidth / 2 + "px";

  ripple.addEventListener("animationend", () => {
    cursor.removeChild(ripple);
  });
}

document.addEventListener("click", createRipple);
document.addEventListener("touchstart", (e) => {
  createRipple(e);
  // Prevent the default touch event to avoid issues with click handling
  e.preventDefault();
});

const preloaderBtn = document.querySelector(".preloader__btn");

let scale = 1;
let intervalId = null;

const preloaderHideThreshold = 18;
const preloaderHideGap = 0.175;

// Handle preloader button scaling for both mouse and touch events
function startScaling() {
  clearInterval(intervalId);
  intervalId = setInterval(() => {
    scale += preloaderHideGap;
    console.log(scale);
    preloaderBtn.style.transform = `scale(${scale})`;
    if (scale >= preloaderHideThreshold) {
      alert("meow");
      clearInterval(intervalId);
      scale = 1;
    }
  }, 10);
}

function stopScaling() {
  clearInterval(intervalId);
  intervalId = setInterval(() => {
    scale -= preloaderHideGap;
    console.log(scale);
    preloaderBtn.style.transform = `scale(${scale})`;
    if (scale <= 1) {
      clearInterval(intervalId);
      scale = 1;
    }
  }, 10);
}

preloaderBtn.addEventListener("mousedown", startScaling);
preloaderBtn.addEventListener("touchstart", (e) => {
  startScaling();
  // Prevent the default touch event to avoid issues with click handling
  e.preventDefault();
});

preloaderBtn.addEventListener("mouseup", stopScaling);
preloaderBtn.addEventListener("touchend", stopScaling);
preloaderBtn.addEventListener("touchcancel", stopScaling);