$(function(){
	subCommonJs();
	substartJs();
	tdsJs();
});


//기본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');
}


function subCommonJs() {
	//header
	$('header').addClass('active');
	$('.page_location li[class*="tab"]').on('click', function(){
		$(this).toggleClass('on');
		$(this).find('ul').stop().slideToggle(450);
	});

	var animatedText = $("#main_category").text().split("");
	$("#main_category").empty();
	$.each(animatedText, function(i, v) {
		$("#main_category").append($("<span>").text(v));
	});

	var numSpans = $("#main_category span").length;
	for (i = 0; i <= numSpans; i++) {
	  $("#main_category span:nth-child(" + i + ")");
	}
	




}

function tdsJs() {
	//TDS 버튼 팝업 닫기
	$(document).on('click',' #bg, #popup2 .close ', function (e) {
		e.preventDefault();
		$('body').removeClass('popup_open');
		$('html,body').off('scroll touchmove mousewheel');
		$("#bg").fadeOut();
		$('#popup2 .inner_wrap').html('');
		$('#popup2').hide().removeClass('inquiry');
	});
}