$(function(){

	var $animation_elements = $('.ani');
	var $animation_elements2 = $('.ani2');
	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 + (element_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');
		}
	  });
	}
	function check_if_in_view2() {
	  var window_height = $window.height();
	  var window_top_position = $window.scrollTop();
	  var window_bottom_position = (window_top_position + window_height);
	 
	  $.each($animation_elements2, 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.on('scroll resize', check_if_in_view2);
	$window.trigger('scroll');


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

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

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

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

	// 서브 탭 스크롤
	var pageList = ".tabs ul";
	var pageListFadeEl = ".scroll_fade";
	var pageListItem = ".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 = $(".tabs ul li.on").width();
		var activeOffset = $(".tabs ul li.on").offset().left;
		$(pageList).animate({
			scrollLeft: activeOffset - activeWidth
		}, 300);
	}	


	$(".m33 .nation li").click(function(){
		pointNum = $(".m33 .nation li").index($(this));
		$(".project li").hide();
		if($(".project li:eq("+pointNum+")").hasClass("noData") === true){
			alert("No Data.");
			return;
		}
		$(".project li:eq("+pointNum+")").show();
		$(".m33 .point li > div").remove(".effect");
		$(".m33 .point li:eq("+pointNum+")").append('<div class="effect"></div>');
	})
	$(".m33 .point li").click(function(){
		pointNum = $(".m33 .point li").index($(this));
		$(".project li").hide();
		if($(".project li:eq("+pointNum+")").hasClass("noData") === true){
			alert("No Data.");
			return;
		}
		$(".project li:eq("+pointNum+")").show();
		$(".m33 .point li > div").remove(".effect");
		$(".m33 .point li:eq("+pointNum+")").append('<div class="effect"></div>');
	})

	$(".m33 .btn_x").click(function(){
		$(this).parent("li").hide();
	})
	$(window).resize(function(){
		ww = $(window).width();
		if(ww < 1256){
			$(".m33 .nation a").attr("href","#section1");
		}else{
			$(".m33 .nation a").attr("href","#section2");
		}
	}).resize();



})