$(function(){

	var $depth1 = $(".allmenu .allmenuwrap>div>ul>li>a");
	$depth1.click(function(){
		if($(window).width() <= 1399){
				if($(this).parent().hasClass("active") == false){ 
					$(".allmenu .allmenuwrap>div>ul>li").removeClass("active");
					$(this).parent().addClass("active");
					$(".allmenu .allmenuwrap>div>ul>li>a").removeClass("on");
					$(this).addClass("on");
					
					$(".allmenu .allmenuwrap>div>ul>li>ul ").stop().slideUp(300);
					$(this).next().stop().slideDown(300);
				}
				else{
					$(this).parent().removeClass("active");
					$(this).next().stop().slideUp(300);
					$(this).removeClass("on");
				}
		}else {
			$(".allmenu .allmenuwrap>div>ul>li>a").show();
			 $(".allmenu .allmenuwrap>div>ul>li>a").removeClass("on");
		}
	});
	$(window).on("resize", function(){
		if($(this).width() <= 1399){
			$(".allmenu .allmenuwrap>div>ul>li>ul").hide();
		}else {
			$(".allmenu .allmenuwrap>div>ul>li>ul ").show();
			$(".allmenu .allmenuwrap>div>ul>li>a").removeClass("on");
		}
	}).resize();


	/*tl = TweenMax;
	gsap.registerPlugin(ScrollTrigger);*/



	$("nav>ul>li").mouseover(function(){
		$("#header").addClass("on");
		$(this).siblings().find("ul").hide();
		$(this).find("ul").stop().slideDown(600);
		$(this).addClass("on").siblings().removeClass("on");
	})
	$("#header").mouseleave(function(){
		$("#header").removeClass("on");
		$("nav>ul>li").find("ul").stop().slideUp();
		$("nav>ul>li").removeClass("on");
	})

	let btnchk = 0;
	$(".btn_menu").click(function(){
		if(btnchk == 0){
			$(this).stop().addClass("openmenu");	
			$(".allmenuBg").addClass("on");
			$(".allmenu").addClass("open");
			btnchk = 1;
		}else{
			$(this).stop().removeClass("openmenu");
			$(".allmenuBg").removeClass("on");
			$(".allmenu").removeClass("open");
			btnchk = 0;
		}
	});

	let langchk = 0;
	$(".language").click(function(){		
		if(langchk == 0){
			$(this).find("ul").stop().slideDown();
			langchk = 1;	
		}else{
			$(this).find("ul").stop().slideUp();
			langchk = 0;
		}
	})

	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;
		var element_bottom_position = (element_top_position + element_height);
	 
		//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');

	
	var lastScrollTop = 0;

	$(window).scroll(function(){
		var scrollTop = $(this).scrollTop(); /* 스크롤바 수직 위치를 가져옵니다, 괄호 안에 값(value)이 있을 경우 수직 위치를 정합니다. */
        // scrollTop - 선택한 요소의 스크롤바 수직 위치를 반환하거나 스크롤바 수직 위치를 정하는 메소드
    
		if(scrollTop >= 100) { // 숫자에 따라 아래로 스크롤 했을 때 사라지는 영역의 크기가 바뀝니다.
			
			if ((scrollTop > lastScrollTop) && (lastScrollTop>0)) { /* &&: AND, 두 값이 모두 참이어야 값이 출력 */
            /* 화면에 나오지 않을 때: top값을 마이너스로 요소가 보이지 않게 사용해야함 */
				$("#header").css("top","-100px");
			} else {
				$("#header").css("top","0px");
			}

			lastScrollTop = scrollTop;

			if(scrollTop >= 150){
				$("#header").addClass("wh");
			}
			else{
				$("#header").removeClass("wh");
			}
		}

		$(".content").each(function () {
			var contentIndex = $(this).attr("id");
			if(scrollTop >= $(this).offset().top) {
				$(".scroll_03 a").removeClass("on");
				$(".scroll_03 a[href=#"+contentIndex+"]").addClass("on");
			}
		})
	});
	



});