window.addEventListener('load', function () {
  // 메인 배너
  const mainBanner = new Swiper('.swiper-banner', {
    effect: 'fade',
    fadeEffect: {
      crossFade: true
    },
    loop: true,
    speed: 1200,
    autoplay: {
      delay: 4000,
      disableOnInteraction: false
    },
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
      type: "bullets"
    },
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev'
    }
  });

  // 텍스트 줄별 애니메이션 (인트로)
  const textWrapper = document.querySelector('.intro-text');
  if (textWrapper) {
    const lines = textWrapper.querySelectorAll('.line');

    lines.forEach(line => {
      // b 태그는 유지하면서 나머지 문자 단위로 쪼갬
      const nodes = Array.from(line.childNodes);
      let newHtml = '';

      nodes.forEach(node => {
        if (node.nodeType === Node.TEXT_NODE) {
          // 일반 텍스트 → 글자 단위 span
          newHtml += node.textContent.split('').map(char => {
            if (char === ' ') return ' ';
            return `<span class="char">${char}</span>`;
          }).join('');
        } else if (node.nodeType === Node.ELEMENT_NODE && node.tagName === 'B') {
          // <b> 태그 안쪽도 글자 단위 span + b 유지
          let bContent = node.textContent.split('').map(char => {
            if (char === ' ') return ' ';
            return `<span class="char bold">${char}</span>`;
          }).join('');
          newHtml += `<b>${bContent}</b>`;
        }
      });

      line.innerHTML = newHtml;
    });

    const chars = textWrapper.querySelectorAll('.char');
    const observer = new IntersectionObserver(
      ([entry]) => {
        if (!entry.isIntersecting) return;
        chars.forEach((char, idx) => {
          setTimeout(() => char.classList.add('animate'), idx * 50);
        });
        observer.disconnect();
      },
      { threshold: 0.3 }
    );

    observer.observe(textWrapper);
  }



// 비전
 const container = document.querySelector('.card-container');
  if (!container) return;

  const EXPAND_DELAY = 9000; // 3초 겹침 유지

  const observer = new IntersectionObserver(
    ([entry]) => {
      if (!entry.isIntersecting) return;

      container.classList.add('loaded', 'overlap');

      setTimeout(() => {
        container.classList.add('expanded');
        container.classList.remove('overlap');
      }, EXPAND_DELAY);

      observer.disconnect();
    },
    { threshold: 1 } // 대상(.card-container)의 80%가 보일 때 트리거
  );

  observer.observe(container);
});

// 제품소개

  const projectSwiper = new Swiper('.product-swiper', {
    loop: true,
  slidesPerView: 1,
  spaceBetween: 30,
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev'
  },
  breakpoints: {
    1200: {
      slidesPerView: 2,
      spaceBetween: 30
    },
    768: {
      slidesPerView: 2,
      spaceBetween: 20
    },
    480: {
      slidesPerView: 1,
      spaceBetween: 10
    }
  }
  });


function setCookie(key, value, expiredays) {
  var todayDate = new Date();
  todayDate.setDate(todayDate.getDate() + expiredays);
  document.cookie = key + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function getCookie(key) {
  var result = null;
  var cookie = document.cookie.split(';');
  cookie.some(function (item) {
    // 공백을 제거
    item = item.replace(' ', '');

    var dic = item.split('=');

    if (key === dic[0]) {
      result = dic[1];
      return true;    // break;
    }
  });
  return result;
}
/* Popup Event */
function popupClose(seq) {
  // var popupLayer = document.querySelector('.popup-layer');
  // console.log(popupLayer);

  var value = $('#popup-close_' + seq).val();

  setCookie(seq, value, 1);

  $("#popup_" + seq).hide();

}

/* Popup Event */
function popupClose2(seq) {
  // var popupLayer = document.querySelector('.popup-layer');
  // console.log(popupLayer);


  $("#popup_" + seq).hide();

}