$(function(){
	
	//시작시 모션 시작 이벤트
	$("body").addClass("intro");


	// 레이어팝업
	var bg = $("#bg");

	$(document).on('click',' #bg, .close ', function () {
		bg.fadeOut();
		$('#video-popup div.inner').html('');
		$('#video-popup').hide();
	});

	$('.play_btn').on('click', function(){
		
		var dataUrl = $(this).attr('data-url');
		if(dataUrl){
			bg.show();
			$('#video-popup').show();
			$('#video-popup').html(
				'<div class="popup-close">'+
				'<img src="/img/common/video_popup_close.png" alt="close" class="close"></div>'+
				'<div class="inner">'+
				'</div>'
			);
			$('#video-popup div.inner').html(dataUrl);
		}else {
			alert('준비중 입니다.');
		}
	});


	resetBullet = function(){
		//메인 숫자 카운터 js
		$('.count').counterUp({
			delay: 10,
			time: 1000
		});
	}
	setTimeout(resetBullet,800)
	
	//메인 카운터 반응형 슬라이드
	var counterSwiper= new Swiper('.counter_slider', {
		slidesPerView: 'auto',
		allowTouchMove: false,
		/*breakpoints: {
			1279: {
				allowTouchMove: true,
			},
		}*/
	});


	//리더십 슬라이드
	var leaderSwiper= new Swiper('.leader_slider', {
		slidesPerView: 'auto',
		autoplay: {
			delay: 3000,
			disableOnInteraction: false,
		},
		pagination: {
			el: ".leader_pagination",
			type: "progressbar",
        },
	});
	//Pr 게시판 슬라이드
	var prSwiper= new Swiper('.pr_slider', {
		slidesPerView: 'auto',
		navigation: {
			nextEl: ".pr_next",
			prevEl: ".pr_prev",
		},
	});

	gsap.fromTo('.section01',{

	},{
		duration: 1,
		scrollTrigger: {
			trigger: '.section01',
			start: 'top 80%',
			onEnter: function(){
				$('.section01').addClass('animate');
			}
		},
		ease: 'power2.out',            
	});
	//main scrollTrigger motion
	$('.ani_y').each(function(){
        var $this = $(this);

        gsap.fromTo($this,{
            opacity: 0,
            y: 100,
        },{
            opacity: 1,
            y: 0,
            duration: 1,
            scrollTrigger: {
                trigger: $this,
                start: 'top 80%',
            },
            ease: 'power2.out',            
        });
    });
	
	$('.ani_scale').each(function(){
        var $this = $(this);

        gsap.fromTo($this,{
            opacity: 0,
            scale: 0.7,
        },{
            opacity: 1,
            scale: 1,
            duration: 1,
            scrollTrigger: {
                trigger: $this,
                start: 'top 85%',
            },
            ease: 'power2.out',            
        });
		
    });
	$('.section02 .portfolio_list_wrap .portfolio_list li .img_box .img').each(function(){
        var $this = $(this);

        gsap.fromTo($this,{
            opacity: 0.5,
            scale: 1.07,
        },{
            opacity: 1,
            scale: 1,
            duration: 1,
            scrollTrigger: {
                trigger: $this,
                start: 'top 85%',
            },
            ease: 'power2.out',            
        });
		
    });
	$(".section02 .portfolio_list_wrap .portfolio_list li>a").mouseover(function(){
		if($(window).width() >= 1280){
			$(this).find(".logo_txt").slideDown(200);
		}

		var $this = $(this).find(".img");

        gsap.to($this,{
            opacity: 0.5,
            scale: 1.07,
            duration: 1,
            ease: 'power2.out',            
        });
	});
	$(".section02 .portfolio_list_wrap .portfolio_list li>a").mouseleave(function(){
		if($(window).width() >= 1280){
			$(".logo_txt").slideUp(200);
		}
		var $this = $(this).find(".img");

        gsap.to($this,{
            opacity: 1,
            scale: 1,
            duration: 1,
            ease: 'power2.out',            
        });
	});


	meritAni();
	leaderAni();
	newsAni();
});



function meritAni(){
	gsap.fromTo('.section04 .sec_tit_wrap',{

	},{
		duration: 1,
		scrollTrigger: {
			trigger: '.section04 .sec_tit_wrap',
			start: 'top 80%',
			onEnter: function(){
				$('.section04 .sec_tit_wrap').addClass('animate');
			}
		},
		ease: 'power2.out',            
	});
	gsap.fromTo('.section04 .conwrap .merit_list',{
		width:'70%',
		height:'70%',
	},{
		width:'100%',
		height:'100%',
		duration: 1,
		scrollTrigger: {
			trigger: '.section04 .conwrap .merit_list',
			start: 'top 90%',
		},
		ease: 'power2.out',            
	});
	gsap.fromTo('.section04 .conwrap .merit_list>li',{

	},{
		duration: 1,
		scrollTrigger: {
			trigger: '.section04 .conwrap .merit_list>li',
			start: 'top 90%',
			onEnter: function(){
				$('.section04 .conwrap .merit_list>li').addClass('animate');
			}
		},
		ease: 'power2.out',            
	});
}

function leaderAni(){
	gsap.fromTo('.section05 .conwrap',{

	},{
		duration: 1,
		scrollTrigger: {
			trigger: '.section05 .conwrap',
			start: 'top 80%',
			onEnter: function(){
				$('.section05 .conwrap').addClass('animate');
			}
		},
		ease: 'power2.out',            
	});
}

function newsAni(){
	gsap.fromTo('.section06 .conwrap',{

	},{
		duration: 1,
		scrollTrigger: {
			trigger: '.section06 .conwrap',
			start: 'top 80%',
			onEnter: function(){
				$('.section06 .conwrap').addClass('animate');
			}
		},
		ease: 'power2.out',            
	});
}