$(function(){
	tl = TweenMax;
	subTopJs();
	tabWrapJs();
	locationJs();
});

$(function(){
	$('header').removeClass('bright');
});
function subTopJs() {

	var mainTitle = $("#main_title");
	//subtop main title
	var animatedText = mainTitle.text().split("");
	mainTitle.empty();
	$.each(animatedText, function(i, v) {
		mainTitle.append($("<span>").text(v));
	});

	tl.staggerFromTo($("#subtop #main_title span"), 1.2, {opacity: 0, x: '15px'}, {opacity: 1, x: 0,  ease: Power2.easeInOut}, .08);
	tl.staggerFromTo($("#subtop #main_slogan p"), 1.5, {opacity: 0, x: '20px'}, {opacity: 1, x: 0, delay:1.8, ease: Power1.easeOut}, .2);

}

function tabWrapJs() {
	var tabWrap = $("#menu_tab_wrap .menu_list");
	var tabWrapLength = tabWrap.find("li").length;
	tabWrap.addClass("list"+tabWrapLength);
	
	var rndTabWrap = $("#rnd_tab_wrap .rnd_tab_list");
	var rndTabWrapLength = rndTabWrap.find("li").length;
	rndTabWrap.addClass("list"+rndTabWrapLength);

	//rnd tab
	var x,y,top,left,down;
	$("#rnd_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;

			$("#rnd_tab_wrap ul").scrollLeft(left - newX + x);    
		}
	});

	$("body").mouseup(function(e){down = false;});
	//locationTab
	var rndList = '#rnd_tab_wrap ul';
	var rndListItem = '#rnd_tab_wrap ul li';
	$(rndList).on('scroll', function() {
		var scrollLeft = $(this).scrollLeft();
		var rndListWidth = $(this)[0].scrollWidth - $(this)[0].offsetWidth;
		/*if(scrollLeft === rndListWidth){
		  $(this).siblings(rndListFadeEl);
		} else {
		  $(this).siblings(rndListFadeEl);
		}*/
	});
	if($(rndListItem).hasClass('on') === true){
		var activeWidth = $('#rnd_tab_wrap ul li.on').width();
		var activeOffset = $('#rnd_tab_wrap ul li.on').offset().left;
		$(rndList).animate({
			scrollLeft: activeOffset - activeWidth
		}, 300);
	}
}




function locationJs() {

	var x,y,top,left,down;
	$("#menu_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;

			$("#menu_tab_wrap ul").scrollLeft(left - newX + x);    
		}
	});

	$("body").mouseup(function(e){down = false;});
	//locationTab
	var pageList = '#menu_tab_wrap ul';
	var pageListItem = '#menu_tab_wrap ul li';
	$(pageList).on('scroll', function() {
		var scrollLeft = $(this).scrollLeft();
		var pageListWidth = $(this)[0].scrollWidth - $(this)[0].offsetWidth;
		if(scrollLeft === pageListWidth){
		  $(this).siblings(pageListFadeEl).addClass('is-hide');
		} else {
		  $(this).siblings(pageListFadeEl).removeClass('is-hide');
		}
	});
	if($(pageListItem).hasClass('on') === true){
		var activeWidth = $('#menu_tab_wrap ul li.on').width();
		var activeOffset = $('#menu_tab_wrap ul li.on').offset().left;
		$(pageList).animate({
			scrollLeft: activeOffset - activeWidth
		}, 300);
	}
}