$(function(){

	//mainSwiper
	var mainSwiper = mainSwiper = new Swiper('.visual', {
		direction: 'horizontal',
		//effect:'cube',
		speed: 1500,
		mousewheel: true,
		simulateTouch: 0,
		loop: true,
		autoplay: {
			delay: 5000,
			disableOnInteraction: true,
		},
		pagination: {
			el: '.swiper-pagination',
			type: 'fraction',
		},
		keyboard: {
			enabled: true,
			onlyInViewport: false,
		},
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
	});
	mainSwiper.on('touchStart', function(e){
		if (!$(e.target).is('.swiper-play-stop a')){
			mainSwiper.autoplay.stop();
			$('.swiper-slide').find('.btn_arrow').removeClass('active start');
			if($('.swiper-play-stop a').hasClass('stop')){
				$('.swiper-slide-active').find('.btn_arrow').addClass('active');
				$('.swiper-play-stop a').removeClass('stop').addClass('play');
			}
		}
	});



	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 + 250;
		var element_bottom_position = (element_top_position + element_height);
	 
		//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');


})