$(function(){
	

	/* 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');
	$(".section3 .sec3_tabs li").on('click',function(){
		$(".section3 .sec3_tabs .li").removeClass("on");
		$(".section3 .tabconwrap .tabcon").removeClass("on");
		var liNum = $(this).data('num');
		console.log(liNum);
		$(".section3 .sec3_tabs .li" + liNum).addClass("on");
		$(".section3 .tabconwrap .tabcon" + liNum).addClass("on");
	});

	/* visual */
	var swiper1 = new Swiper('.visual', {
		effect: 'fade',
		slidesPerView: 1,
		speed: 1600,
		loop: true,
		navigation: {
			nextEl: '.vnext',
			prevEl: '.vprev',
		},
		pagination: {
			el: '.vpaging',
			clickable: true,
		},
		//autoplay: {
		//	delay: 5000,
		//},
		on: {
			slideChange: function () {
				$(".swiper-slide:eq("+(this.realIndex + 1)+")").addClass('on').siblings().removeClass("on")
			}
		},
	});


	/* bbs */
	var swiper2 = new Swiper('.main_bbs', {
		slidesPerView: 4,
		spaceBetween:46,
		speed: 1600,
		loop: true,
		navigation: {
			nextEl: '.sec4_next',
			prevEl: '.sec4_prev',
		},
		//autoplay: {
		//	delay: 5000,
		//},
		breakpoints: {
			510: {
				slidesPerView: 1,
			},
			813: {
				slidesPerView: 2,
				spaceBetween:46,
			},
			900: {
				slidesPerView: 2,
				spaceBetween:46,
			},
			1399: {
				slidesPerView: 3,
				spaceBetween:46,
			},
			1400: {
				slidesPerView: 4,
				spaceBetween:46,
			},
        },
		on: {
			slideChange: function () {
				
			}
		},
	});


});