$(function(){

	

//fullpage
	$('#fullpage').fullpage({
		navigationTooltips: ["Home","Business","ESG","News"],
		showActiveTooltip: true,
		
		navigation: true,
		slidesToSections: true,
		scrollingSpeed: 1200,
		
		// **
		afterLoad : function(anchorLink, index){
			
			//active class
			$('.sec'+index).addClass('ani');
			
			switch(index) {
				case 5: 
					$('.scroll').css("bottom","220px");
				break;
				default:
					$('.scroll').css("bottom","50px");
				break;
			}

		   if(index == 1){
			   	
			    const len = $(".visual .txtwrap p span").length;
			    let i = 0;
				
				function subtxt(){
					if (i < len - 1){
						i++;
					}else{
						i=0;
					}
					$(".visual .txtwrap p span:eq("+i+")").addClass("on").siblings().removeClass("on");
				}
				const timer = setInterval(timerHandler,5000);
				function timerHandler()
				{
					subtxt();
				}
				$("#header h1").addClass("white");

		   }
		   if(index == 2){
			   $("#header h1").removeClass("white");
		   }
		   if(index == 3){
			   $("#header h1").addClass("white");
			   $(".sec3 .sec3_wrap .con ul").addClass("list0");			
			   $(".sec3 .sec3_wrap .con ul li:nth-child(1)").addClass("on");
		   }else{
			   $.fn.fullpage.setAllowScrolling(true);
		   }	
		   if(index == 4){
			   $("#header h1").removeClass("white");
			   $("#header .head .btn_menu").addClass("black");
			   $("#fp-nav").addClass("black");
		   }else{
			   $.fn.fullpage.setAllowScrolling(true);
			   $("#header .head .btn_menu").removeClass("black");
			   $("#fp-nav").removeClass("black");
		   }	
		   if(index == 4 || index == 5){
			   $(".scroll").addClass("black");
		   }else{
			   $(".scroll").removeClass("black");
		   }			   
		   if(index == 2 || index == 4 || index == 5){
				$("body").addClass("bl");
		   }else{
				$("body").removeClass("bl");
		   }
			   

		},

		// ** 
		onLeave : function(anchorLink, destination, direction, index){
		   if(index == 3){
			   				
		   }	
		},
	});
	$("#header h1").addClass("white");


	/* visual */
	var swiper1 = new Swiper('.visual', {
		effect: 'fade',
		slidesPerView: 1,
		speed: 1600,
		loop: true,
		//touchRatio: 0,
		navigation: {
			nextEl: '.vnext',
			prevEl: '.vprev',
		},
		//pagination: {
		//	el: '.vpaging',
		//	clickable: true,
		//},
		//autoplay: {
		//	delay: 5000,
		//},
	});



	/* business */
	var swiper2 = new Swiper('.business', {
		slidesPerView: "auto",
		spaceBetween:94,
		speed: 1600,
		infinite : true,
		navigation: {
			nextEl: '.vnext',
			prevEl: '.vprev',
		},
        breakpoints: {        
          1399: {
            spaceBetween: 40,
			autoplay: {
				delay: 2000,
				disableOnInteraction: false,
			},
			
          },
          812: {
            spaceBetween: 10,
				autoplay: {
				delay: 2000,
				disableOnInteraction: false,
			},
          },
        },
		autoplay: {
			delay: 2000,
			disableOnInteraction: false,
		},
	});



	//esg
	var swiper2 = new Swiper('.main_sec3', {
		direction: "vertical",
		effect: "slide",
		loop:false,
		speed: 1200,
		autoplay: false,
		allowTouchMove:true,
		simulateTouch:false,
		grabCursor: false,
		parallax: true,
		mousewheel: {
		   releaseOnEdges: true
		},

		mousewheel: true,
		watchSlidesVisibility: true,
		watchSlidesProgress: true,
		on: {
			slideChangeTransitionEnd: function () {
				$(".item").removeClass("off");
				  if(this.realIndex == 0){					
					$(".item1").addClass("off");
				  }else if(this.realIndex == 2){
					$(".item3").addClass("off");
				  }else{
					$(".item").removeClass("off");
				  }
			},
			slideChange: function () {
				$(".sec3_wrap .main_sec3 .con ul li").removeClass();
				$(".sec3_wrap .main_sec3 .con ul li:eq("+this.realIndex+")").addClass("on");

				$(".sec3_wrap .main_sec3 .con ul").removeClass();
				$(".sec3_wrap .main_sec3 .con ul").addClass("list"+this.realIndex+"");
			},

		},
	});


	//// sec3 mousewheel 
	$(".fix").on("DOMMouseScroll mousewheel wheel", function(event,delta){
		if (delta > 0) { //마우스 휠을 올렸을때 
		   if($(".sec3 .item1").hasClass("off")){
				$.fn.fullpage.moveTo(2);
		   }
		   if($(".sec3 .item3").hasClass("off")){
				$.fn.fullpage.setAllowScrolling(false);
		   }
		}else if (delta < 0) {  //마우스 휠을 내렸을때
		   if($(".sec3 .item3").hasClass("off")){
				$.fn.fullpage.moveTo(4);
		   }else{
				$.fn.fullpage.setAllowScrolling(false);
			}
		}
	});



		let startX,startY, endX,endY;
		$(".fix").on('touchstart',function(event){
			startX = event.originalEvent.changedTouches[0].screenX;
			startY = event.originalEvent.changedTouches[0].screenY;
		});
		$(".fix").on('touchend',function(event){
			 endX=event.originalEvent.changedTouches[0].screenX;
			 endY=event.originalEvent.changedTouches[0].screenY;
			if(startY-endY>50){
			   if($(".sec3 .item3").hasClass("off")){
					$.fn.fullpage.moveTo(4);
			   }else{					
					$.fn.fullpage.setAllowScrolling(false);
				}
			}else if(endY-startY>50){
			   if($(".sec3 .item1").hasClass("off")){
					
					$.fn.fullpage.moveTo(2);
			   }
			   if($(".sec3 .item3").hasClass("off")){
					
					$.fn.fullpage.setAllowScrolling(false);
			   }				
			}else if(startY-endY<50 || endY-startY<50 ){}

		});



});