$(function(){
	substartJs();
});
	
//기본js
function substartJs(){
	/* 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');

	//gambit scroll


	//visual height 모바일 높이 대응
	function resetHeight(){
		$('div.sub_top_wrap').css('height', $(window).innerHeight());
	}
	window.addEventListener("resize", resetHeight);
	resetHeight();


	var lastScrollTop = 0, delta = 200;
	//subtop 클래스 모션
	$(window).scroll(function(){
		var scrollT=$(window).scrollTop();
		if(scrollT>200){
			$('#wrap').addClass('on');
		}else{
			$('#wrap').removeClass('on');
		}
	});
	//모바일구분
	$(window).resize(function(){
		windowWidth = $(window).width();
		if(windowWidth <= 767){
		}else if($(window).width() <= 1279){
		}else{
			//pc
			skrollr.init();
		}

	}).resize();

	var subBg = $('.sub_bg');
	var subTopBgHeight = subBg.outerHeight();
	var subTopBgOffsetTop = $('.sub_bg').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)+')');*/
			subBg.css('opacity', scrollPercent);
			subBg.css({ transform: 'scale('+(100 + scroll/100)/100+') rotate(0.001deg)'});
			$('header').removeClass('dark');
		}else{
			subBg.css('opacity', 0);
			$('header').addClass('dark');
		}
		
	});
	

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

}