$(function(){
	
	//태블릿,모바일 아코디언 allmenu
	$(window).on('resize', function() {
		var windowSize = $(window).width();
		if(windowSize <= 1279) {
			//init
			$('#allmenu .sub_menu').hide();
			$('#allmenu .menu').removeClass('act');
			$('#allmenu .menu').on('click', function() {
				$(this).addClass('act');
				if($(this).attr('class') == 'menu act'){
					$(this).siblings().find('.sub_menu').stop(true).slideUp();
					$(this).siblings().removeClass('act');
					$(this).find('.sub_menu').stop(true).slideDown();
				}else{
					$('#allmenu .menu').removeClass('act');
				}
			});
		} else {
			//init
			$('#allmenu .menu').removeClass('act');
			$('#allmenu .sub_menu').show();
		}
	}).resize();

	
	$('.sec4').addClass('on');

	$(window).resize(function(){
		var footerHeight = document.getElementById('footer').offsetHeight;
		$('.footer_area').css( "height", ""+(footerHeight)+"px" );
	}).resize();
	
	//fullpage
	var $fullpage = $('.fullpage');
	var main_fullpage_slider = new Swiper($fullpage, {
		direction: "vertical",
		effect: "slide",
		autoplay: false,
		slidesPerView: 'auto',
		speed:900,
		parallax: true,
		mousewheel: {
		   releaseOnEdges: true
		},
		allowTouchMove:false,
		simulateTouch:false,
		grabCursor: false,
		touchStartPreventDefault:false,
		mousewheelControl: true,
		watchSlidesProgress: true,
		watchSlidesVisibility: true,
		pagination: {
			el: '.fullpage_pagination .pagination',
			clickable: true,
		},
		breakpoints: {
			1279: {
				allowTouchMove:true,
				simulateTouch:true,
				grabCursor: true,
			},
		},
		on: {
			slideChangeTransitionEnd: function () {
				$(".hamburger_btn").addClass('act');
			},
			touchEnd: function(){
				$(".hamburger_btn").addClass('act');
			},
			transitionStart : function () {
				var secNum = this.activeIndex +1
				$('.section'+secNum).addClass('on');
				$(".hamburger_btn").removeClass('act');
				if($('.section.dark').hasClass('swiper-slide-active')){
					$('body').addClass('dark');
					$('header').addClass('dark');
				}else{
					$('body').removeClass('dark');
					$('header').removeClass('dark');
				}
				//TECHNOLOGY
				if($(".pc .sec2").hasClass("on")){
					setTimeout(function() {
						//호버방지
						$(".sec2 .list_wrap").removeClass("pointer");
					},2800);
				}
				if(!$(".main_fullpage_wrap .section:last-child").hasClass("swiper-slide-visible")){
					$("#wrap").removeClass("foot_act");
				}

				//scrollTop
				if(!$(".main_fullpage_wrap .section1").hasClass("swiper-slide-active")){
					$(".scroll_wrap").removeClass("down");
					$(".scroll_wrap").addClass("up");
					$(".scroll_wrap .txt").text("TOP");
				}
				if($(".main_fullpage_wrap .section1").hasClass("swiper-slide-active")){
					$(".scroll_wrap").addClass("down");
					$(".scroll_wrap").removeClass("up");
					$(".scroll_wrap .txt").text("SCROLL");
				}


				if($(".main_fullpage_wrap .section:last-child").hasClass("swiper-slide-visible")){
					$("header .header_wrap").fadeOut();
					$(".scroll_wrap button").fadeOut();
					$(".fullpage_pagination .pagination").fadeOut();
					tl.staggerFromTo($("#wrap header .main_logo .logo"), 0.5, {opacity: 1, x: '0%',rotation:'0.001deg'}, {opacity: 0, x: '-20px', ease: Power1.easeOut}, .05);
					tl.staggerFromTo($("#wrap header .area_r"), 0.5, {opacity: 1, x: '0%',rotation:'0.001deg'}, {opacity: 0, x: '20px', ease: Power1.easeOut}, .05);
					tl.staggerFromTo($("#wrap header .gnb.depth1 > li > a p span"), 0.5, {opacity: 1, y: '0%',rotation:'0.001deg'}, {opacity: 0, y: '100%', ease: Power1.easeOut}, .05);
					tl.staggerFromTo($(".sec7 .con_g"), 0.7, {opacity: 1, y: '0%',rotation:'0.001deg'}, {opacity: 0.9, y: '-10%', ease: Power1.easeOut}, .05);
				}else{
					$("header .header_wrap").fadeIn(500);
					$(".fullpage_pagination .pagination").fadeIn();
					tl.staggerFromTo($("#wrap header .main_logo .logo"), 0.5, {opacity: 1, x: '0px',rotation:'0.001deg'}, {opacity: 1, x: '0px', ease: Power1.easeOut}, .05);
					tl.staggerFromTo($("#wrap header .area_r"), 0.5, {opacity: 1, x: '0px',rotation:'0.001deg'}, {opacity: 1, x: '0px', ease: Power1.easeOut}, .05);
					tl.staggerFromTo($("#wrap header .gnb.depth1 > li > a p span"), 0.5, {opacity: 1, y: '0%',rotation:'0.001deg'}, {opacity: 1, y: '0%', ease: Power1.easeOut}, .0);
					tl.staggerFromTo($(".sec7 .con_g"), 0.5, {opacity: 0.9, y: '0%',rotation:'0.001deg'}, {opacity: 1, y: '0px', ease: Power1.easeOut}, .05);
				}
			},
			transitionEnd: function () {
				if($(".main_fullpage_wrap .section:last-child").hasClass("swiper-slide-visible")){
					$("#wrap").addClass("foot_act");
				}else{
					$(".scroll_wrap button").fadeIn();
				}
			},
		  }
	});
	
	
	//scroll click
	$('.scroll_wrap').on('click', function(){
		if($(".scroll_wrap").hasClass("down")){
			main_fullpage_slider.slideTo(1, 1000);
		}else if($(".scroll_wrap").hasClass("up")){
			main_fullpage_slider.slideTo(0, 1000);
		}
	});

	//common 
	//버튼 도형
	$(".hexagon .figure").html(
		'<svg version="1.1" id="hexagon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="58px" height="67.146px" viewBox="0 0 58 67.146" enable-background="new 0 0 58 67.146" xml:space="preserve">'+
		'<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M0.5,50.071V17.076L29,0.578l28.5,16.499v32.995L29,66.568L0.5,50.071z"/>'+
		'</svg>'+
		'<svg version="1.1" id="hexagon_hv" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="58px" height="67.146px" viewBox="0 0 58 67.146" enable-background="new 0 0 58 67.146" xml:space="preserve">'+
		'<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M0.5,50.071V17.076L29,0.578l28.5,16.499v32.995L29,66.568L0.5,50.071z"/>'+
		'</svg>'
	);
	//버튼 도형
	$(".video_figure").html(
		'<svg version="1.1" id="hexagon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="58px" height="67.146px" viewBox="0 0 58 67.146" enable-background="new 0 0 58 67.146" xml:space="preserve">'+
		'<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M0.5,50.071V17.076L29,0.578l28.5,16.499v32.995L29,66.568L0.5,50.071z"/>'+
		'</svg>'
	);

	

	
	var main_bg_slider = new Swiper('.sec4 .main_bg_slider', {
		effect: 'fade',
		fadeEffect: {
			crossFade: false
		 },
		speed: 1000,
		autoplay: {
			delay: 4000,
			disableOnInteraction: false,
		},
		pagination: {
			el: ".main_bg_pagination",
			clickable:true,
	  },
	on: {
		init: function () {
			$(".main_bg_play .pause").click(function(){
				main_bg_slider.autoplay.stop();
				$(".main_bg_play .pause").hide();
				$(".main_bg_play .play").show();
			});
			$(".main_bg_play .play").click(function(){
				main_bg_slider.autoplay.start();
				$(".main_bg_play .play").hide();
				$(".main_bg_play .pause").show();
			});
		},
	},
	});

	//sec1 main_slider
	setTimeout(function() {
	var main_slider = new Swiper('.sec1 .main_slider', {
		effect: 'fade',
		speed: 1000,
		loop:true,
		autoplay: {
			delay: 4000,
			disableOnInteraction: false,
		},
		fadeEffect: {
			crossFade: false
		 },
		on: {
			slideChangeTransitionEnd: function () {
			},
		},
	});
	//slider init
	$(".sec1 .main_slider .item").removeClass("swiper-slide-active");



	
	
	var text_slider = new Swiper('.sec1 .text_slider', {
		effect: 'fade',
		speed: 1000,
		loop:true,
		autoplay: {
			delay: 4000,
			disableOnInteraction: false,
		},
		fadeEffect: {
			crossFade: true
		 },
		thumbs: {
			swiper: main_slider
		},
		navigation: {
			nextEl: '.main_nav .button_next',
			prevEl: '.main_nav .button_prev',
		},
		watchSlidesVisibility: true,
		pagination: {
			el: '.text_slider .pagination .inner',
            clickable: true,
            renderBullet: function (index, className) {
                return '<div class="item '+className+'"><button type="button" class="dot">'+
				'<svg viewbox="0 0 40 40" class="circular-chart"><path class="circle" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" /></svg>'+
				'</button></div>'
            }
		},
		on: {
			transitionStart: function () {
			},
			slideChange: function () {
				//tl.staggerFromTo($(".sec1 .text_slider .item.swiper-slide.swiper-slide-active .title p"), 0.8, {opacity: 1, x: '0%'}, {opacity: 0, x: '-10%', ease: Power1.easeOut}, .05);
				//tl.staggerFromTo($(".sec1 .text_slider .item.swiper-slide.swiper-slide-active .title"), 0.8, {opacity: 1, x: '0%'}, {opacity: 0, x: '-10%', ease: Power1.easeOut}, .05);
			},
		},
		
	});
	}, 1300);
	

	//TECHNOLOGY
	$(".pc .sec2 .list_wrap li:first-child").mouseenter(function () {
		$(".sec2").removeClass("dark");
	});
	$(".pc .sec2 .list_wrap li:first-child").mouseleave(function(){
		$(".sec2").addClass("dark");
	});

	$.each($(".sec2 .list_wrap li"), function(i, v) {
		var mainTechText2 = $(this).find(".text_g .sub_title");
		var animatedTechText2 = $(this).find(".text_g .sub_title").text().split("");
		mainTechText2.empty();
		$.each(animatedTechText2, function(i, v) {
			mainTechText2.append($("<span>").text(v));
		});
	});
	
	$(".sec2 .list_wrap li").mouseenter(function () {
		tl.staggerFromTo($(this).find(".text_g .title"), 0.6, {opacity: 0, y: '20px',rotation:'2deg'}, {opacity: 1, y: '0px', rotation:'0deg',  delay:0.2, ease: Power1.easeOut}, .03);
		tl.staggerFromTo($(this).find(".text_g .sub_title"), 0.6, {opacity: 0, y: '20px',rotation:'2deg'}, {opacity: 1, y: '0px', rotation:'0deg',  delay:0.2, ease: Power1.easeOut}, .03);
		tl.staggerFromTo($(this).find(".text_g .sub_title:not(.type2) span"), 0.6, {opacity: 0, y: '100%',rotation:'0.001deg'}, {opacity: 1, y: '0%', delay:0.3, ease: Power1.easeOut}, .05);
		tl.staggerFromTo($(this).find(".text_g .sub_title.type2 span"), 0.5, {opacity: 0, y: '100%',rotation:'0.001deg'}, {opacity: 1, y: '0%', delay:0.3, ease: Power1.easeOut}, .02);
		tl.staggerFromTo($(this).find(".txt1 span"), 0.6, {opacity: 0, y: '20px',rotation:'2deg'}, {opacity: 1, y: '0%', rotation:'0deg', delay:0.3, ease: Power2.easeOut}, .05);
	});
	
	
	if($(window).width() <= 1279){
		$('.sec2 .list_wrap').slick({
			speed: 700,
			slidesToShow: 1,
			variableWidth: true,
			infinite: false,
			arrows: false,
			touchMove:true,
			swipe:true,
		});
	}

	$(window).on('resize', _.debounce(function() {
		if($(window).width() <= 1279){
			$('.sec2 .list_wrap').slick({
				speed: 700,
				slidesToShow: 1,
				variableWidth: true,
				infinite: false,
				arrows: false,
				touchMove:true,
				swipe:true,
			});
		}else{
			$('.sec2 .list_wrap').slick('unslick');
		}
	}, 0));



	//pipeline
	$.each($(".sec3 .list_wrap li"), function(i, v) {
		var mainTechText = $(this).find(".title");
		var mainTechText2 = $(this).find(".txt1");
		var animatedTechText = $(this).find(".title").text().split("");
		var animatedTechText2 = $(this).find(".txt1").text().split("");
		mainTechText.empty();
		mainTechText2.empty();
		$.each(animatedTechText, function(i, v) {
			mainTechText.append($("<span>").text(v));
		});
		$.each(animatedTechText2, function(i, v) {
			mainTechText2.append($("<span>").text(v));
		});
	});
	$(".sec3 .list_wrap li").mouseenter(function () {
		tl.staggerFromTo($(this).find(".title span"), 0.7, {opacity: 0, y: '0%',rotation:'0.001deg'}, {opacity: 1, y: '0%', ease: Power1.easeOut}, .03);
		tl.staggerFromTo($(this).find(".txt1 span"), 0.6, {opacity: 0, y: '100%',rotation:'0.001deg'}, {opacity: 1, y: '0%', ease: Power1.easeOut}, .02);
	});

	/*if($(window).width() <= 1670){
		$('.sec3 .list_wrap').slick({
			speed: 700,
			slidesToShow: 2.5,
			infinite: false,
			arrows: false,
			touchMove:true,
			swipe:true,
			responsive: [
			{
			  breakpoint: 1279,
			  settings: {
				variableWidth: true,
				slidesToShow: 1,
			  }
			},
			]
		});
	}

	$(window).on('resize', _.debounce(function() {
		if($(window).width() <= 1670){
			$('.sec3 .list_wrap').slick({
				speed: 700,
				slidesToShow: 2.5,
				infinite: false,
				arrows: false,
				touchMove:true,
				swipe:true,
				responsive: [
				{
				  breakpoint: 1279,
				  settings: {
					variableWidth: true,
					slidesToShow: 1,
				  }
				},
				]
			});
		}else{
			$('.sec3 .list_wrap').slick('unslick');
		}
	}, 0));*/


	//notice
	var projectSlide = new Swiper('.notice_slider', {
		grabCursor: true,
		speed: 1000,
		slidesPerView: 'auto',
		scrollbar: {
			el: '.notice_util .swiper-scrollbar',
			hide: false,
			draggable: true,
		},
		draggable:false,
		mousewheel: false,
		navigation: {
			prevEl: '.notice_util .button_prev',
			nextEl: '.notice_util .button_next',
		},
		breakpoints: {
			1279: {
			},
			767: {
			},
		},
	});


	//partner
	$('#partner_wrap .partner_slider').slick({
		speed: 500,
		infinite: true,
		slidesToShow: 6,
		slidesToScroll: 1,
		responsive: [
			{
			  breakpoint: 1500,
			  settings: {
				variableWidth: true,
				slidesToShow: 1,
			  }
			},
		]
	});
	

});