var controller = new ScrollMagic.Controller();

// rni tit
var scene = new ScrollMagic.Scene({
    triggerElement: '.top_rni_text',
    triggerHook: "0.7",
})
.on('enter', function () {
    setTimeout(function () {
        document.querySelector('.top_certify_text').classList.add('active');
    }, 1000); // 0.5초 딜레이
})
.on('leave', function () {
    document.querySelector('.top_certify_text').classList.remove('active');
})
.addTo(controller);

const popup = document.querySelector('.certify_layer');
const certify_items = document.querySelectorAll('.certify_list_wrap ul li');
const modalTitle = document.querySelector('.title-modal__title');
const modalImg = document.querySelector('.modal-img');
const closeBtn = document.querySelector('.title-modal__close-btn');
const dim = document.querySelector('.dim');

document.querySelectorAll('.certify_list_wrap ul li').forEach(item => {
    item.addEventListener('click', function() {
        const title = this.dataset.title;
        const imgSrc = `/en/assets/img/company/rni/layer_${this.dataset.img}.png`;

        modalTitle.textContent = title;
        modalImg.src = imgSrc;

        popup.classList.remove('dn');
    });
});

closeBtn.addEventListener('click', function() {
    popup.classList.add('dn');
    certify_items.forEach(item => {
        item.classList.remove('hover-effect');
    });
});




certify_items.forEach(function(item) {
  item.addEventListener('touchstart', function() {
    // 모든 아이템의 hover 효과 제거
    certify_items.forEach(function(el) {
      el.classList.remove('hover-effect');
    });

    // 현재 터치된 아이템에 hover 효과 추가
    item.classList.add('hover-effect');
  });
});