$(function(){

	$(".m33 .subtabs ul li").click(function(){
		subtabnum = $(".m33 .subtabs ul li").index($(this));
		$(this).addClass("on").siblings().removeClass("on");
		$(".m33 .tabcon").hide();
		$(".m33 .tabcon:eq("+subtabnum+")").show();
	});
	$(".m34 .subtabs ul li").click(function(){
		subtabnum = $(".m34 .subtabs ul li").index($(this));
		$(this).addClass("on").siblings().removeClass("on");
		$(".m34 .tabcon").hide();
		$(".m34 .tabcon:eq("+subtabnum+")").show();
	})
	$(".m54 .m54_subtabs ul li").click(function(){
		subtabnum = $(".m54 .m54_subtabs ul li").index($(this));
		$(this).addClass("on").siblings().removeClass("on");
		$(".m54 .tabcon").hide();
		$(".m54 .tabcon:eq("+subtabnum+")").show();
	})


	// 서브 탭 터치
	var x,y,top,left,down;

	$(".sub_tab ul").mousedown(function(e){
		e.preventDefault();
		down = true;
		x = e.pageX;
		left = $(this).scrollLeft();
	});

	$("body").mousemove(function(e){
		if(down){
			var newX = e.pageX;
			$(".sub_tab ul").scrollLeft(left - newX + x);    
		}
	});

	$("body").mouseup(function(e){down = false;});

	// 서브 탭 스크롤
	var pageList = ".page_title .tabs ul";
	var pageListFadeEl = ".scroll_fade";
	var pageListItem = ".page_title .tabs ul li";

	$(pageList).on("scroll", function() {
		console.log($(this)[0].offsetWidth);
		var scrollLeft = $(this).scrollLeft();
		var pageListWidth = $(this)[0].scrollWidth - $(this)[0].offsetWidth;

		if(scrollLeft === pageListWidth){
			$(this).siblings(pageListFadeEl).addClass('is-hide');
			//alert("aa")
		} else {
			$(this).siblings(pageListFadeEl).removeClass('is-hide');
		}
	});

	if($(pageListItem).hasClass("on") === true){
		var activeWidth = $(".page_title .tabs ul li.on").width();
		var activeOffset = $(".page_title .tabs ul li.on").offset().left;
		$(pageList).animate({
			scrollLeft: activeOffset - activeWidth
		}, 300);
	}



	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');

})