$(function(){
	tl = TweenMax;

	tl.staggerFromTo($("header #nav .gnb .dep1"), 0.7, {opacity:0,x:'30px'}, {opacity: 1,x:'0%', delay:0.8,ease: Power1.easeInOut},0.1);
	tl.staggerFromTo($("header .group"), 0.7, {opacity:0,x:'100%'}, {opacity: 1,x:'0%', delay:1.4,ease: Power1.easeInOut},0.1);

	//height 모바일 높이 대응
	function resetHeight(){
		$('.fullpage').css('height', $(window).innerHeight());
	}
	window.addEventListener("resize", resetHeight);
	resetHeight();


	var footerWidth = $('footer').outerWidth();
	//footer 모바일 높이 대응
	function footerHeight(){
		var footerWidth = $('footer').outerWidth();
	}
	window.addEventListener("resize", footerHeight);
	footerHeight();
	


	tl.staggerFromTo($(".main_home .main_slider .text_g .title2 span"), 1, {opacity:0,x:'90px'}, {opacity: 1,x:'0%', delay:0.7,ease: Power1.easeInOut},0.05);
	/*tl.staggerFromTo($(".main_home .main_slider .text_g .title2 span"), 1, {opacity: 0, y: '400%',rotation:'30deg',rotationX:45}, {opacity: 1, y: '0%', rotation:'0.001deg', delay:0.5, rotationX:0, ease: Power1.easeInOut}, .02);*/
	tl.staggerFromTo($("#scroll_wrap button"), 0.8, {opacity:0,x:'140%'}, {opacity: 1,x:'0%', delay:1.2,ease: Power1.easeOut});

	function footerShow() {
		tl.staggerFromTo($("#container"), 0.6, {x: '0px'}, {x: '-'+footerWidth, ease: Power1.easeInOut});
		tl.staggerFromTo($("#wrap header"), 0.6, {x: '0px'}, {x: '-'+footerWidth, ease: Power1.easeInOut});
		tl.staggerFromTo($(".footer_wrap"), 0.6, {opacity:0}, {opacity: 1, delay:0.1, ease: Power1.easeInOut});
	}
	function footerHide() {
		tl.staggerFromTo($("#container"), 0.6, {x: '-'+footerWidth}, {x: '0px', ease: Power1.easeInOut});
		tl.staggerFromTo($("#wrap header"), 0.6, {x: '-'+footerWidth}, {x: '0px', ease: Power1.easeInOut});
		tl.staggerFromTo($(".footer_wrap"), 0.6, {opacity:1}, {opacity: 0, ease: Power1.easeInOut});
	}
	//fullpage
	var $fullpage = $('.fullpage');
	var main_fullpage_slider = new Swiper($fullpage, {
		effect: "slide",
		autoplay: false,
		slidesPerView: 'auto',
		speed:1100,
		autoHeight: true,
		parallax: true,
		mousewheel: true,
		mousewheel: {
		   releaseOnEdges: true,
		},
		pagination: {
			el: '.swiper-pagination',
			type: 'fraction',
			formatFractionCurrent: function (number) {
				return ('0' + number).slice(-2);
			},
			formatFractionTotal: function (number) {
				return ('0' + number).slice(-2);
			},
			renderFraction: function (currentClass, totalClass) {
            return '<div class="' + currentClass + '"></div>' +
                   '<div class="' + totalClass + '"></div>';
			 }
		  },
		touchStartPreventDefault:false,
		mousewheelControl: true,
		watchSlidesProgress: true,
		breakpoints: {
			1279: {
				allowTouchMove:true,
				simulateTouch:true,
				grabCursor: true,
			},
			767: {
				/*direction: "vertical",*/
			},
		},
		on: {
			init: function () {
				//하단 화살표 progress
				var secNum = this.activeIndex +1;
				$('body').addClass('ani');
				$('.main_home').addClass('act');
			},
			transitionStart : function () {
				var secNum = this.activeIndex +1;
				$('.sec'+secNum).addClass('act');
				$('.section').addClass('none');
				$('header').addClass('none');
				if(!$(".section.last_slide").hasClass("swiper-slide-active")){
					$("body").removeClass("end");
					tl.staggerFromTo($("body #container"), 0.6, {x: '0px'}, {x: '0px', ease: Power1.easeInOut});
					tl.staggerFromTo($("body #wrap header"), 0.6, {x: '0px'}, {x: '0px', ease: Power1.easeInOut});
					tl.staggerFromTo($(".footer_wrap"), 0.6, {opacity:1}, {opacity: 0, ease: Power1.easeInOut});
				}
				tl.staggerFromTo($("body.end #container"), 0.6, {x: '0px'}, {x: '-'+footerWidth, ease: Power1.easeInOut});
				tl.staggerFromTo($("body.end #wrap header"), 0.6, {x: '0px'}, {x: '-'+footerWidth, ease: Power1.easeInOut});
				tl.staggerFromTo($("body.end .footer_wrap"), 0.6, {opacity:0}, {opacity: 1, delay:0.1, ease: Power1.easeInOut});
				///다크모드
				if($('.section.dark_act').hasClass('swiper-slide-active')){
					$('body').addClass('dark_act');
					$('body').addClass('dark');
				}else{
					$('body').removeClass('dark_act');
					$('body').removeClass('dark');
				}

				

				//마지막섹션
				if($(".fullpage .section:last-child").hasClass("swiper-slide-active")){
					$('#scroll_wrap').addClass('prev');
				}else{
					$('#scroll_wrap').removeClass('prev');
				}


			},
			transitionEnd: function () {
				$('.section').removeClass('none');
				$('header').removeClass('none');
				if($(".section.last_slide").hasClass("swiper-slide-active")){
					$("body").addClass("end");
				}
			},
			touchMove: function () {
				$('.section').addClass('none');
				$('header').addClass('none');
			},
			touchEnd: function () {
				$('.section').removeClass('none');
				$('header').removeClass('none');
			},
		  },
	});
	
	//scroll btn click
	$('#scroll_wrap button').on('click', function(){
		if($(".fullpage .section:last-child").hasClass("swiper-slide-active")){
			$("body").removeClass("none");
			//첫번째 섹션으로이동
			main_fullpage_slider.slideTo(0, 1000);
			footerHide();
			setTimeout(function() {
			}, 1000);
		}else{
			//다음섹션으로 이동
			main_fullpage_slider.slideNext(1000)
		}

	});

	$('footer .back_area button').on('click', function(){
		/*$("body").removeClass("end");*/
		$("body").removeClass("none");
		footerHide();
		main_fullpage_slider.slideTo(0, 1000);
	});

	

	//main_slider
	$('.main_bg_slider').slick({
		fade: true,
		autoplay:true,
		infinite: true,
		autoplaySpeed:5000,
		slidesToShow: 1,
		slidesToScroll: 1,
		pauseOnHover:false,
		pauseOnFocus:false,
		cssEase:'linear',
		asNavFor: '.main_text_slider',
		prevArrow: $('.indicator').find('.prev'),
		nextArrow: $('.indicator').find('.next'),
		responsive: [
		{
		  breakpoint: 1279,
		  settings: {
			  arrows:false,
		  }
		},
	  ]
	});
	$('.main_text_slider').slick({
		fade: true,
		autoplay:true,
		infinite: true,
		autoplaySpeed:5000,
		slidesToShow: 1,
		slidesToScroll: 1,
		pauseOnHover:false,
		pauseOnFocus:false,
		cssEase:'linear',
		dots: true,
		appendDots: $('.indicator .dot'),
		arrows:false,
		 asNavFor: '.main_bg_slider',
	});

	if(typeof $.fn.Slick === 'undefined'){
		
		$('.main_slider').find('.v1').addClass('on');
		$('.indicator').addClass('on');
		$('.main_slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
			$('.indicator').removeClass('on');
			$('.main_slider').find('div[class*="v"]').removeClass('on');
			$('.main_slider').find('.v'+(nextSlide+1)).addClass('on');
			
	
			var mainSubTitle = $(".sec1 .main_text_slider .item.on .sub_title");
			//subtop main title
			var animatedText = mainSubTitle.text().split("");
			mainSubTitle.empty();
			$.each(animatedText, function(i, v) {
				mainSubTitle.append($("<span>").text(v));
			});
		});
		$('.main_slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
			$('.indicator').addClass('on');
		});
	}
	//슬라이드 재생여부
	$('.status_wrap').find('.status').on('click', function(){
		if($(this).hasClass('play') == true){
			$(this).removeClass('play').addClass('stop');
			$('.main_slider').slick('slickPlay');
		}else {
			$(this).removeClass('stop').addClass('play');
			$('.main_slider').slick('slickPause');
		}
	});
	
	//메인비쥬얼 active class
	if(typeof $.fn.Slick === 'undefined'){
		$('.main_slider').find('.v01').addClass('on');
		$('.main_slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
			$('.main_slider').find('div[class*="v0"]').removeClass('on');
			$('.main_slider').find('.v0'+(nextSlide+1)).addClass('on');

		});
		$('.main_slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
		});
	}

	$(".list_style1 .list").mouseenter(function(){
		$(this).addClass("on");
		$(".list_style1 .list").addClass("init");
	});
	$(".list_style1 .list").mouseleave(function(){
		$(".list_style1 .list").removeClass("on");
		$(".list_style1 .list").removeClass("init");
	});
	

	
	$(".section.last_slide").on("DOMMouseScroll mousewheel wheel", function(event,delta){
		if (delta > 0) { //마우스 휠을 올렸을때 
			
		}else if (delta < 0) {  //마우스 휠을 내렸을때
		   if($("body").hasClass("end")){
			   $("body").addClass("none");
				footerShow();
				$('header').addClass('none');
		   }else{
			}
		}
	});
	$("body").on("DOMMouseScroll mousewheel wheel", function(event,delta){
		if (delta > 0) { //마우스 휠을 올렸을때 
		   if($("body").hasClass("end")){
			   $("body").removeClass("none");
				footerHide();
		   }else{
			}
		}
	});

	
	var peopleSlider = $('.people .people_list');
	var peopleSliderSlickOptions = { 
		speed: 700,
		slidesToShow: 1,
		variableWidth: true,
		infinite: false,
		touchMove:false,
		swipe:false,
		prevArrow: $('.people .util').find('.button_prev'),
		nextArrow: $('.people .util').find('.button_next'),
	  };   
	$(window).on('load resize', function() { 
		if($(window).width() > 1279) { 
			peopleSlider.filter('.slick-initialized').slick('unslick');
		}else{ 
			peopleSlider.not('.slick-initialized').slick(peopleSliderSlickOptions); 
		} 
	});
	if($(window).width() > 1279) { 
		peopleSlider.filter('.slick-initialized').slick('unslick');
	}else{ 
		peopleSlider.not('.slick-initialized').slick(peopleSliderSlickOptions); 
	} 


});