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


	$('body').niceScroll({
		smallBtn: true,
		zoomOpacity: "auto",
		animationEffect: "fade",
		hidecursordelay: 10,
		scrollspeed:60,
		mousescrollstep: 40,
		transitionEffect: "fade",
		transitionDuration : "100",
		 smoothscroll: true,
		overlayShow: true,
		clickContent: false,
		clickSlide: "close",
		wheel: false,
		toolbar: true,
		preventCaptionOverlap: true,
		cursorcolor: "rgb(0, 0, 0, 0.4)",
		cursorwidth: 6,
		cursorborderradius: 16,
		background: "rgb(255, 255, 255, 0)",
		cursorborder: "none",
		zindex:2000,
		nativeparentscrolling: true,
		enablecrollonselection: true,
	});


		//header hide
	var lastScrollTop = 0;
	var delta = 0;
	//subtop 클래스 모션
	$(window).scroll(function(){
		var scrollT=$(window).scrollTop();
		if(Math.abs(lastScrollTop - scrollT) <= delta)
		  return; 
		if ((scrollT > lastScrollTop) && (lastScrollTop>0)) {
			$('body').addClass('hide');
		 } else {
			$('body').removeClass('hide');
		}
		if(scrollT>0){
			$('body').addClass('active');
		}else{
			$('body').removeClass('active');
		}
		lastScrollTop = scrollT;
	});
	

	var applicationSlider = $('.layout_sec3 .item_list');
	var applicationSlickOptions = { 
		speed: 700,
		slidesToShow: 1,
		variableWidth: true,
		infinite: false,
		arrows: false,
		touchMove:true,
		swipe:true,
	  };  
	$(window).on('load resize', function() { 
		if($(window).width() > 1279) { 
			applicationSlider.filter('.slick-initialized').slick('unslick');
		}else{ 
			applicationSlider.not('.slick-initialized').slick(applicationSlickOptions); 
		} 
	});
	if($(window).width() > 1279) { 
		applicationSlider.filter('.slick-initialized').slick('unslick');
	}else{ 
		applicationSlider.not('.slick-initialized').slick(applicationSlickOptions); 
	} 
	

	function menuTabWrapJs() {
		var locationTabWrap = $(".menu_tab_list ul");
		var locationTabLength = locationTabWrap.find("li").length;
		locationTabWrap.addClass("list"+locationTabLength);

		var x,y,top,left,down;
		$(".menu_tab_list ul").mousedown(function(e){
			e.preventDefault();
			down = true;
			x = e.pageX;
			left = $(this).scrollLeft();
		});
		$("body").mousemove(function(e){
			if(down){
				var newX = e.pageX;

				$(".menu_tab_list ul").scrollLeft(left - newX + x);    
			}
		});
		$("body").mouseup(function(e){down = false;});

		//locationTab
		var pageList = '.menu_tab_list ul';
		var pageListItem = '.menu_tab_list ul li';
		$(pageList).on('scroll', function() {
			var scrollLeft = $(this).scrollLeft();
			var pageListWidth = $(this)[0].scrollWidth - $(this)[0].offsetWidth;
		});
		if($(pageListItem).hasClass('on') === true){
			var activeWidth = $('.menu_tab_list ul li.on').width();
			var activeOffset = $('.menu_tab_list ul li.on').offset().left;
			$(pageList).animate({
				scrollLeft: activeOffset - activeWidth
			}, 300);
		}
	}

	menuTabWrapJs();


});