$(function(){
	tl = TweenMax;

	//헤더메뉴
	tl.staggerFromTo($("#wrap header .gnb.depth1 > li > a p span"), 0.7, {opacity: 0, y: '100%',rotation:'0.001deg'}, {opacity: 1, y: '0%', delay:1, ease: Power1.easeInOut}, .05);

	//sub top motion
	$.each($("#main_slogan .pc_view"), function(i, v){
		var mainText = $(this);
		var animatedMainT = $(this).text().split("");

		mainText.empty();
		$.each(animatedMainT, function(i, v) {
			mainText.append($("<span>").text(v));
		});
	});
	tl.staggerFromTo($("#main_slogan .pc_view span"), 0.9, {opacity: 0, x: '50px',rotation:'0deg'}, {opacity: 1, x: '0%',rotation:'0deg', delay:0.6, ease: Power1.easeInOut}, .03);
	tl.staggerFromTo($("#main_slogan .tm_view"), 0.9, {opacity: 0, y: '30px',rotation:'0deg'}, {opacity: 1, y: '0%',rotation:'0deg', delay:0.6, ease: Power1.easeInOut}, .03);


	//page_location
	$('div.menu_tab_wrap .dep1').on('click', function(){
		$(this).toggleClass('on');
		$('.drop_nav').stop().slideToggle(450);
	});

	/* 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');
	

	//tab length
	var tabWrap = $("#tabs ul");
	var tabWrapLength = tabWrap.find("li").length;
	tabWrap.addClass("list"+tabWrapLength);


	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);
	}



	//subtop
	$(window).resize(function(){
		var subBg = $('.sub_top');
		var subTopBgHeight = subBg.outerHeight();
		var subTopBgOffsetTop = $('.sub_top').offset().top;
		var mainOffsetTop = $('#main').offset().top; 
		$(document).scroll(function(){
			var scroll = $(window).scrollTop();
			var scrollPercent = (subTopBgHeight - window.pageYOffset) / subTopBgHeight;
			if(scrollPercent >= 0){
				/*$('div.sub_top_wrap .bg_item1').css('transform', 'scale(1,'+(scroll/subTopBgHeight)+')');
				$('div.sub_top_wrap .bg_item2').css('transform', 'scale(1,'+((scroll-210)/subTopBgHeight)+')');
				$('div.sub_top_wrap .bg_item3').css('transform', 'scale(1,'+((scroll-600)/subTopBgHeight)+')');*/
				$('body').removeClass('on');
			}else{
				$('body').addClass('on');
			}
		});
	}).resize();
});