$(function(){

	$(".pc_nav>li").mouseover(function(){
		$("#header").addClass("on");
		$("#header").removeClass("off");
		$(".sub_menu").stop().slideDown();
	});
	$("#header").mouseleave(function(){
		$("#header").removeClass("on");
		$("#header").addClass("off");
		$(".sub_menu").stop().slideUp();
	});

	
	

	

	$(".btn_menu").click(function(){
		$(".all_menu").fadeToggle(300);
		$(".btn_menu").toggleClass("open");
		if($(window).width() <= 1399){
			$(".all_menu .menuwrap>ul>li>ul").hide();
		}
	});

	var $depth1 = $(".all_menu .menuwrap>ul>li>a");
	$depth1.click(function(){
		if($(window).width() <= 1399){
			 $(".all_menu .menuwrap>ul>li>a").removeClass("on");
			$(this).addClass("on");
			$(this).next().stop().slideToggle(300);
			$(this).parent().siblings().children("ul").stop().slideUp(300);
		}else {
			$(".all_menu .menuwrap>ul>li>ul").show();
			 $(".all_menu .menuwrap>ul>li>a").removeClass("on");
		}
	});
	$(window).on("resize", function(){
		if($(this).width() <= 1399){
			$(".all_menu .menuwrap>ul>li>ul").hide();
		}else {
			$(".all_menu .menuwrap>ul>li>ul").show();
			$(".all_menu .menuwrap>ul>li>a").removeClass("on");
		}
	}).resize();


	$(".btn_top").click(function(){
		$('body,html').animate({scrollTop: 0}, 400);
	})

	$(".page_location>ul>li").click(function(){
		$(this).find("ul").slideToggle();
	
	});

	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');
	
	$(".index_tabs li:first-child").addClass("on");
	$(".sec2 .tabcon").hide();
	$(".sec2 .tabcon:eq(0)").show();

	$(".index_tabs li").click(function(){
		let tabnum = $(".index_tabs li").index($(this));
		$(this).addClass("on").siblings().removeClass("on");
		$(".sec2 .tabcon").hide();
		$(".sec2 .tabcon:eq("+tabnum+")").show();
	})

});