$(document).ready(function(){
	Splitting();
	AOS.init();
	supTopSlide();

	function supTopSlide(){
		//subtop 스크롤 내릴시
		 $(".sub_visual").on("mousewheel DOMMouseScroll", function (e) {
			  e.preventDefault();
			  var delta = 0;
			  if (!event) event = window.event;
			  if (event.wheelDelta) {
				  delta = event.wheelDelta / 120;
				  if (window.opera) delta = -delta;
			  } else if (event.detail) delta = -event.detail / 3;
			  var moveTop = null;
			  if (delta < 0) {
				  if ($(this).next() != undefined) {
					  moveTop = $(this).next().offset().top;
				  }
			  } else {
				  if ($(this).prev() != undefined) {
					  moveTop = $(this).prev().offset().top;
				  }
			  }
			  $("html,body").stop().animate({
				  scrollTop: moveTop + 'px'
			  }, {
				  duration: 800, complete: function () {
				  }
			  });
		});
	}
	//subtop 스크롤 end
	
	//visual height 모바일 높이 대응
	function resetHeight(){
		$('.sub_visual').css('height', $(window).innerHeight());
	}
	window.addEventListener("resize", resetHeight);
	resetHeight();

	/* scroll */
	var $animation_elements = $('.ani');
	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');



});