$(function(){

	var locationTabWrap = $("#tab_wrap ul");
	var locationTabLength = locationTabWrap.find("li").length;
	locationTabWrap.addClass("list"+locationTabLength);

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

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

	//locationTab
	var pageList = '#tab_wrap ul';
	var pageListItem = '#tab_wrap 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 = $('#tab_wrap ul li.on').width();
		var activeOffset = $('#tab_wrap ul li.on').offset().left;
		$(pageList).animate({
			scrollLeft: activeOffset - activeWidth
		}, 300);
	}

});