window.addEventListener('load', function () {
	// Common Event
	let secHd = gsap.utils.toArray('.sec .hd');

	secHd.forEach((hdItem) => {
		let pins = hdItem.querySelectorAll('.pin');
		let titles = hdItem.querySelectorAll('.tit');
		let texts = hdItem.querySelectorAll('.txt');
		let btns = hdItem.querySelectorAll('.btn');

		if (titles.length > 0) {
			let tl = gsap.timeline({
				scrollTrigger: {
					trigger: hdItem,
					start: 'top 80%',
					// end: 'bottom 20%',
					// markers:true,
					toggleActions: 'play none none reverse',
				}
			});

			pins.forEach((pin) => {
				tl.from(pin, { opacity: 0, y: 80, duration: 0.4 });
			})

			titles.forEach((title) => {
				tl.from(title, { opacity: 0, y: 80, duration: 0.4 });
			})

			texts.forEach((text) => {
				tl.from(text, { opacity: 0, y: 80, duration: 0.4 });
			})

			btns.forEach((btn) => {
				tl.from(btn, { opacity: 0, x: '-80', duration: 0.4 });
			})
		}
	})

	// Visual Event
	const visualTl = gsap.timeline({});
	let visualSec = document.querySelector('.sec01');
	let visualTits = gsap.utils.toArray('.sec01 .tit');

	visualTits.forEach((tit) => {
		gsap.set(tit, { opacity: 0, y: 100 });
	});

	ScrollTrigger.create({
		trigger: visualSec,
		onEnter: () => {
			setTimeout(() => {
				visualSec.classList.add('active');

				if (visualSec.classList.contains('active')) {
					titleAni();
				}
			}, 1200);
		}
	});

	function titleAni() {
		visualTits.forEach((tit, idx) => {
			visualTl.to(tit, { opacity: 1, y: 0, ease: 'cubic-bezier(.165,.84,.44,1)', duration: .6, stagger: .1, delay: idx * .1 })
			visualTl.pause();
			ScrollTrigger.create({
				trigger: tit,
				onEnter: function () {
					visualTl.play();
				}
			})
		});
	}

	// Intro Event
	let imageContainer = document.querySelector('.sec02 .img-wrap')
	gsap.set(imageContainer, { height: imageContainer.scrollHeight });

	const introAni = gsap.timeline({
		scrollTrigger: {
			trigger: '.sec02',
			pin: '.sec02 .con',
			start: 'top top',
			end: 'bottom bottom',
			scrub: true,
		}
	});

	introAni.to(imageContainer, { opacity: 0, duration: .8, ease: 'none' });

	
	const businessSlide = new Swiper('.swiper-business', {
		slidesPerView: 1.5,
		spaceBetween: 6,
		allowTouchMove: true,
		breakpoints: {
			1025: {
				slidesPerView: 4,
				spaceBetween: 24,
				allowTouchMove: false
			},
			1025: {
				slidesPerView: 4,
				spaceBetween: 16,
				allowTouchMove: false
			},
			769: {
				slidesPerView: 2.5,
				spaceBetween: 10,
			},
			577: {
				slidesPerView: 2.2,
				spaceBetween: 10,
			}
		},
		on: {
			init: function () {
				ScrollTrigger.refresh();
			},
		},
	})


}, false);

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();

}