$(function(){
	

	
	var x, y, top, left, down;

	$(".sub_tab ul").mousedown(function(e) {
		e.preventDefault();
		down = true;
		x = e.pageX;
		y = e.pageY;
		left = $(this).scrollLeft();
		$(this).addClass("grabbing");
	});
	$(".sub_tab ul li a").mouseup(function(e) {
		e.preventDefault();
		//console.log("test");
	});
	$(".sub_tab ul").mousemove(function(e) {
		if(down){
			var newX = e.pageX;
			var newY = e.pageY;

			$(".sub_tab ul").scrollLeft(left - newX + x);
		}
	});
	$(".sub_tab ul li a").click(function(e) {
		e.preventDefault();
	});
	$(".sub_tab ul li a").mouseup(function(e) {
		down = false;
		$(this).removeClass("grabbing");
		var newerX = e.pageX;

		if(newerX !== x) {
			
		}else{
			window.location = this.href;
		}
	});


	$(".sub_tab2 ul").mousedown(function(e) {
		e.preventDefault();
		down = true;
		x = e.pageX;
		y = e.pageY;
		left = $(this).scrollLeft();
		$(this).addClass("grabbing");
	});
	$(".sub_tab2 ul li a").mouseup(function(e) {
		e.preventDefault();
		//console.log("test");
	});
	$(".sub_tab2 ul").mousemove(function(e) {
		if(down){
			var newX = e.pageX;
			var newY = e.pageY;

			$(".sub_tab2 ul").scrollLeft(left - newX + x);
		}
	});
	$(".sub_tab2 ul li a").click(function(e) {
		e.preventDefault();
	});
	$(".sub_tab2 ul li a").mouseup(function(e) {
		down = false;
		$(this).removeClass("grabbing");
		var newerX = e.pageX;

		if(newerX !== x) {
			
		}else{
			window.location = this.href;
		}
	});


	$(".section04_tab ul").mousedown(function(e) {
		e.preventDefault();
		down = true;
		x = e.pageX;
		y = e.pageY;
		left = $(this).scrollLeft();
		$(this).addClass("grabbing");
	});
	$(".section04_tab ul li a").mouseup(function(e) {
		e.preventDefault();
		//console.log("test");
	});
	$(".section04_tab ul").mousemove(function(e) {
		if(down){
			var newX = e.pageX;
			var newY = e.pageY;

			$(".section04_tab ul").scrollLeft(left - newX + x);
		}
	});
	$(".section04_tab ul li a").click(function(e) {
		e.preventDefault();
	});
	$(".section04_tab ul li a").mouseup(function(e) {
		down = false;
		$(this).removeClass("grabbing");
		var newerX = e.pageX;

		if(newerX !== x) {
			
		}else{
			//window.location = this.href;
		}
	});


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

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

	$(".sub_tab2 ul").mousedown(function(e){
		e.preventDefault();
		down = true;
		x = e.pageX;
		left = $(this).scrollLeft();
	});
	$(".sub_tab2").mousemove(function(e){
		if(down){
			var newX = e.pageX;
			$(".sub_tab2 ul").scrollLeft(left - newX + x);    
		}
	});

	$(".section04_tab ul").mousedown(function(e){
		e.preventDefault();
		down = true;
		x = e.pageX;
		left = $(this).scrollLeft();
	});
	$(".section04_tab").mousemove(function(e){
		if(down){
			var newX = e.pageX;
			$(".section04_tab ul").scrollLeft(left - newX + x);    
		}
	});

	$(".sub_tab, .sub_tab2, .section04_tab").mouseup(function(e){down = false;});
	*/


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


	var pageList2 = ".sub_tab2 ul";
	var pageListFadeEl2 = ".scroll_fade";
	var pageListItem2 = ".sub_tab2 ul li";

	$(pageList2).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(pageListFadeEl2).addClass('is-hide');
			//alert("aa")
		} else {
			$(this).siblings(pageListFadeEl2).removeClass('is-hide');
		}
	});

	if($(pageListItem2).hasClass("on") === true){
		var activeWidth = $(".sub_tab2 ul li.on").width();
		var activeOffset = $(".sub_tab2 ul li.on").offset().left;
		$(pageList2).animate({
			scrollLeft: activeOffset - activeWidth
		}, 300);
	}


});