$(function(){


	/* scroll */
	var $animation_elements = $('.animation-element');
	var $window = $(window);

	function check_if_in_view() {
	  var window_height = $window.height();
	  var window_top_position = $window.scrollTop();
	  var window_bottom_position = (window_top_position + window_height);

	  $.each($animation_elements, function() {
		var $element = $(this);
		var element_height = $element.outerHeight();
		var element_top_position = $element.offset().top+200;
		var element_bottom_position = (element_top_position + element_height);
		//console.log(element_top_position);

		//check to see if this current container is within viewport
		if ((element_bottom_position >= window_top_position) &&
		  (element_top_position <= window_bottom_position)) {
		  $element.addClass('in-view');
		} else {
		 //$element.removeClass('in-view');
		}
	  });
	}

	$window.on('scroll resize', check_if_in_view);
	$window.trigger('scroll');

	var mainSwiper = new Swiper('.main_visual_slider', {
		effect:'fade',
		loop:true,
		autoplay: {
			delay: 5000,
			disableOnInteraction: false,
		},
		pagination: {
			el: '.main_pagination',
			clickable:true,
			renderBullet: function (index, className) {
				return '<span class="' + className + '">' + (index + 1) + '<svg x="0px" y="0px" viewBox="0 0 59.964 59.988"><g><circle fill="none" stroke="#fff" stroke-width="1" cx="30" cy="30" r="29"></circle></g></svg></span>';
			},
		},
		navigation: {
			nextEl: ".main_next",
			prevEl: ".main_prev",
		},
	});

	$(".section1 .scroll").click(function(){
		var secTop = $(".section2").offset().top;

		$("body,html").animate({scrollTop:secTop},500);
	
	});

	//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',            
        });
    });

	gsap.to('.section4 .conwrap .recruit_list',{
		duration: 1,
		scrollTrigger: {
			trigger: '.section4 .conwrap .recruit_list',
			start: 'top 90%',
			onEnter: function(){
				$('.section4 .conwrap .recruit_list').addClass('animate');
			}
		},
		ease: 'power2.out',            
	});


});