$(function(){


	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 + (window_height / 3);
		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');



	var s = skrollr.init({
		edgeStrategy: 'set',
		easing: {
			WTF: Math.random,
			inverted: function(p) {
				return 1-p;
			}
		},
		 forceHeight: false,
		 mobileCheck: function(){
			  if((/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera)){
				   // mobile device
			  }
		 }

	});




	var galleryThumbs = new Swiper('.gallery-thumbs', {
		spaceBetween: 10,
		slidesPerView: 5,
		//loop: true,
		//freeMode: true,
		loopedSlides: 5, //looped slides should be the same
		watchSlidesVisibility: true,
		watchSlidesProgress: true,
		observer: true,	// 추가
		  observeParents: true,	// 추가
		breakpoints: {
			812: {
				slidesPerView: "3",// 한 화면에 보일 섬네일 개수
				loopedSlides: 5,// 위 섬네일 개수와 동일한 수치 설정
			},
		},
	});
	var galleryTop = new Swiper('.gall', {
		spaceBetween: 0,
		slidesPerView: 1,
		loop:true,
		loopedSlides: 5, //looped slides should be the same
		thumbs: {
			swiper: galleryThumbs,
		},
	});






})