$(function(){
	

	tl = TweenMax;
	//height 모바일 높이 대응
	function resetHeight(){
		$('.sec1').css('height', $(window).innerHeight());
	}
	window.addEventListener("resize", resetHeight);
	resetHeight();
	//스크롤 down버튼 클릭시
	$('.scroll_down').on('click', function(){
		var id = $(this).attr('href'),
		target = this.hash;
		$('html, body').animate({ scrollTop: $(id).offset().top }, {
			duration: 700, 
			complete: function() {
				$(document).on("scroll", scroll);
			}
		});
		return false;
	});
	
	function mainSliderTextJs() {
		var mainText = $(".sec1 .on .main_text_g .title p:eq(0)");
		var mainText2 = $(".sec1 .on .main_text_g .title p:eq(1)");
		var mainText3 = $(".sec1 .on .main_text_g .title p:eq(2)");
		//subtop main title
		var animatedText = mainText.text().split("");
		var animatedText2 = mainText2.text().split("");
		var animatedText3 = mainText3.text().split("");
		mainText.empty();
		mainText2.empty();
		mainText3.empty();
		$.each(animatedText, function(i, v) {
			mainText.append($("<span>").text(v));
		});
		$.each(animatedText2, function(i, v) {
			mainText2.append($("<span>").text(v));
		});
		$.each(animatedText3, function(i, v) {
			mainText3.append($("<span>").text(v));
		});
	}
	function mainSliderTextInitJs() {
		var mainInitText = $(".sec1 .on .main_text_g .title p:eq(0)");
		var mainInitText2 = $(".sec1 .on .main_text_g .title p:eq(1)");
		//subtop main title
		var animatedInitText = mainInitText.text().split("");
		var animatedInitText2 = mainInitText2.text().split("");
		mainInitText.empty();
		$.each(animatedInitText, function(i, v) {
			mainInitText.append($("<span>").text(v));
		});
		mainInitText2.empty();
		$.each(animatedInitText2, function(i, v) {
			mainInitText2.append($("<span>").text(v));
		});

		tl.staggerFromTo($(".sec1 .type1.on .main_text_g .title span,.sec1 .type2.on .main_text_g .title span"), 1, {opacity: 0, x: '50px'}, {opacity: 1, x: 0, delay:0.2, ease: Power1.easeInOut}, .03);
		tl.staggerFromTo($(".sec1 .type1.on .main_text_g .sub_title p"), 2, {opacity: 0, x: '50px'}, {opacity: 1, x: 0, delay:2, ease: Power1.easeOut}, .2);
	}

	//main_slider
	$('.main_slider').slick({
		fade: true,
		autoplay:true,
		infinite: true,
		autoplaySpeed:8000,
		slidesToShow: 1,
		slidesToScroll: 1,
		pauseOnHover:false,
		pauseOnFocus:false,
		cssEase:'linear',
		dots: true,
		appendDots: $('.main_slider_wrap .indicator .dot'),
		prevArrow: $('.main_slider_wrap .indicator').find('.prev'),
		nextArrow: $('.main_slider_wrap .indicator').find('.next'),
	});


	if(typeof $.fn.Slick === 'undefined'){
		$('.main_slider').find('.v01').addClass('on');
		$('.main_slider').addClass('init');
		if($(".main_slider").hasClass('init')){
			mainSliderTextInitJs();
		}


		$('.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');
			
			mainSliderTextJs();

			var mainSubTitle = $(".sec1 .on .main_text_g .title span, .sec1 .on .main_text_g .sub_title p");
			tl.to(mainSubTitle,{opacity: 0, y: '0px'});

			$('.main_slider .img').removeClass('skrollable-before');
			$('.main_slider .img').addClass('skrollable-between');
			if($(".main_slider .v03,.main_slider .v04").hasClass("on")){
				$("header").removeClass('bright');
			}else{
				$("header").addClass('bright');
			}
		});
		$('.main_slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
			$('.main_slider').removeClass('init');
			tl.staggerFromTo($(".sec1 .type1.on .main_text_g .title span,.sec1 .type2.on .main_text_g .title span"), 1, {opacity: 0, x: '20px'}, {opacity: 1, x: 0, ease: Power1.easeOut}, .1);
			tl.staggerFromTo($(".sec1 .type3.on .main_text_g .title span"), 0.7, {opacity: 0, x: '15px'}, {opacity: 1, x: 0, ease: Power1.easeOut}, .1);
			tl.staggerFromTo($(".sec1 .on .main_text_g .title span"), 1, {opacity: 0, x: '30px'}, {opacity: 1, x: 0, ease: Power1.easeOut}, .1);
			tl.staggerFromTo($(".sec1 .type1.on .main_text_g .sub_title p"), 2, {opacity: 0, x: '50px'}, {opacity: 1, x: 0, delay:1.6, ease: Power1.easeOut}, .2);
			tl.staggerFromTo($(".sec1 .type2.on .main_text_g .sub_title p"), 2, {opacity: 0, x: '50px'}, {opacity: 1, x: 0, delay:2.1, ease: Power1.easeOut}, .2);
			tl.staggerFromTo($(".sec1 .type3.on .main_text_g .sub_title p"), 2, {opacity: 0, x: '50px'}, {opacity: 1, x: 0, delay:3.2, ease: Power1.easeOut}, .2);
		});
	}
	
	//슬라이드 재생여부
	$('.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');
		}
	});

	//파이프라인 호버
	$(".sec2 .link_g .list_wrap li").mouseenter(function(){
		var menuNum = $(this).index()+1;
		var tabAttr = $(this).find("a").attr("href");
		if(!$(this).hasClass("on")){
			$(".sec2 .img_g div").fadeOut();
			$(".sec2 .img_g .img"+menuNum).fadeIn(700);
			$(".sec2 .link_g .list_wrap li").removeClass("on");
			$(this).addClass("on");
			//파이프라인 모바일
			$(window).resize(function(){
				windowWidth = $(window).width();
				if(windowWidth < 1279){
					$(".sec2 .contents .link_g .list_wrap li a").attr("href", "#none");
				}else{
					var tabAttr = $(this).find("a").attr("href");
					$(".sec2 .contents .link_g .list_wrap li a").attr("href", tabAttr);
				}
			}).resize();
		}
	});
	
	//테크놀로지
	if($(window).width() <= 1260){
		$('.sec4 .contents .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() <= 1260){
			$('.sec4 .contents .list_wrap').slick({
				speed: 700,
				slidesToShow: 1,
				variableWidth: true,
				infinite: false,
				arrows: false,
				touchMove:true,
				swipe:true,
			});
		}else{
			$('.sec4 .contents .list_wrap').slick('unslick');
		}
	}, 0));


	//미디어 플레이버튼
	$(".sec6 .play_btn").mouseenter(function(){
		$(".sec6 .con_g_2").addClass("on");
	});
	$(".sec6 .play_btn").mouseleave(function(){
		$(".sec6 .con_g_2").removeClass("on");
	});


	//news_slider
	var news_slider = new Swiper('.notice_slider', {
		grabCursor: true,
		speed: 1000,
		slidesPerView: 4,
        spaceBetween:60,
		scrollbar: {
			el: '.notice_wrap .swiper-scrollbar',
			hide: false,
			draggable: true,
		},
		draggable:false,
		mousewheel: false,
		navigation: {
			prevEl: '.notice_wrap .prev',
			nextEl: '.notice_wrap .next',
		},
		breakpoints: {
			1600: {
				spaceBetween:40,
			},
			1279: {
				slidesPerView: 'auto',
				spaceBetween:60,
			},
			767: {
				slidesPerView: 'auto',
				spaceBetween:35,
			},
		},
	});
	
	
});