/**
 * 대한속기협회 메뉴 스크립트
 *
 * @author E.J Jeong
 * @since 2021.10.20 *
 */

 $(function(){
	topMenu();

	$('#topmenu .menu').hide();
	$('#menuArea').css('height','100px');
	$('#menuArea').removeClass("on");

	$('#topmenu > li > a').each(function(){
		$('#menuArea').css('height','100px');
		
		if($(this).next(".menu").find("ul").children("li").find("ul").length >= 1){
			$(this).next(".menu").find("ul").children("li").find("ul").parent().addClass("hasUl");
		}

		$(this).bind("mouseover focusin",function(){
			$('.menu').hide();
			$(this).parent().find('.menu').show().stop(true,false).delay(150);

			var ul_height =($(this).parent().find('div').outerHeight());
			var gnb_height = ul_height + 100;

			$('#menuArea').show().stop(true,false).animate({height:gnb_height},{duration:500,easing:"easeOutExpo"});
			$('#menuArea').addClass("on");
			$("body").addClass("on");
		});
	});

	$('#menuArea').mouseleave(function() {
		$('#topmenu .menu').hide();
		$('#menuArea').stop(true,false).animate({height:'100px'},{duration:500,easing:"easeOutExpo"});
		$('#menuArea').removeClass("on");
		$('.menu').hide();
		$("body").removeClass("on");
	});

	$("a").filter(":not(#topmenu > li a)").focus(function(){
		$('#topmenu .menu').hide();
		$('#menuArea').stop(true,false).animate({height:'100px'},{duration:500,easing:"easeOutExpo"});
		$('#menuArea').removeClass("on");
		$("body").removeClass("on");
	});

	if($(".m_menu > ul > li").hasClass("current_on") == false){
		$(".m_menu > ul > li:first").addClass("current_on");
	};

	$(".m_menu > ul > li > a").click(function(e){
		e.preventDefault();
		$(".m_menu > ul > li").removeClass("current_on");

		var index = $(".m_menu > ul > li > a").index(this);
		var check = $(this).attr("class");
		
		if(check != "on"){
			 $(".m_menu > ul > li > div > ul").each(function(){
				 $(this).css("display","none");
			});
			$(".m_menu > ul > li > a").each(function(){
				 $(this).removeClass("on");
			});
			
			$(".m_menu > ul > li > div > ul").eq(index).css("display","block");
			$(".m_menu > ul > li > a").eq(index).addClass("on");
		}
	});
	
	//서브메뉴
	$('#submenu .depth2 > li.current_on > ul').show();
	
	$('#submenu .depth2 > li > a ').each(function(){
		if($(this).parent().find("ul").length >= 1){
			$(this).addClass("hasUl");
		}

		$(this).bind("mouseover focusin",function(){
			$('#submenu .depth2 > li > ul').stop().slideUp("fast");
			$('#submenu .depth2 > li.current_on > ul').stop().slideDown("fast");
			$(this).next("ul").stop().slideDown("fast");
		});
	});

	 $('#submenu').mouseleave(function() { 
		$('#submenu .depth2 > li > ul').stop().slideUp("fast");
		$('#submenu .depth2 > li.current_on > ul').stop().slideDown("fast");
	}); 
	 
	$("a").filter(":not(#submenu .depth2 > li a)").focus(function(){
		$('#submenu .depth2 > li > ul').stop().slideUp("fast");
		$('#submenu .depth2 > li.current_on > ul').stop().slideDown("fast");
	});

});

function topMenu() {
	$("#topmenu > li").on('mouseenter focusin', function() {
		var t = $(this);
		t.addClass("active").siblings().removeClass("active");
		var tabActive = $("#topmenu > li.active").position().left + 30;
		var width = $("#topmenu > li.active").width();
		$("#menuArea .bar").css("opacity", "1").css("transform", "translateX(" + tabActive + "px)").css("width", width - 60 + "px");
	});
	$("#menuArea").on("mouseleave", function() {
		$("#topmenu > li").removeClass('active');
		$("#menuArea .bar").css("opacity", "0");
	});
};