$(document).ready(function(){
    /*GNB*/
    $('.depth1>li').on({
        mouseenter: function(){
            $(this).addClass('on');
            $(this).children('.depth2').stop().slideDown(350);
        },
        mouseleave: function(){
            $('.depth1>li').removeClass('on');
            $(this).children('.depth2').stop().hide();
        },
        focusin: function(){
            $(this).addClass('on');
            $(this).children('.depth2').stop().slideDown(350);
        }
    });
    $('.nav_close').on('click', function(){
        $(this).parent().parent().parent().children("a").focus();
        $('nav>ul>li').removeClass('on');
        $('nav .depth2').hide();
    });
    //1depth out
    $('.depth1>li>.depth2').on('focusout', function(){
        $('.depth1>li').removeClass('on');
        $('.depth1>li>.depth2').stop().slideUp(350);
    });
    
    /*GNB*/
    /*$('nav>ul>li').on('mouseenter', function(){
        var now_menu = $(this).hasClass('on');
        if(now_menu == true){
            $(this).removeClass('on');
            $(this).children('.depth2').hide();
        }else{
            $('nav>ul>li').removeClass('on');
            $(this).addClass('on');
            $(this).children('.depth2').stop().slideDown(350);
        }
    });

    $('nav>ul>li').on('mouseleave', function(){
        $(this).removeClass('on');
        $(this).children('.depth2').hide();
    });*/
    /*$('nav>ul>li').on('focusin', function(){
        $('nav>ul>li').removeClass('on');
        $('.depth2').hide();
        $(this).addClass('on');
        $(this).children('.depth2').show();
        $(this).children('.depth2>a').focus();
    })
    */
    /*5depth
    $('.menu_open').on({
        mouseenter: function(){
            $(this).children('.depth5').addClass("open");
            $(this).prev('a').addClass('hover');
            $(this).children('a').addClass("change");
        },
        mouseleave: function(){
            $(this).children('.depth5').removeClass("open");
            $(this).prev('a').removeClass('hover');
            $(this).children('a').removeClass("change");
        },
        focusin: function(){
            $(this).children('.depth5').addClass("open");
            $(this).prev('a').addClass('hover');
            $(this).children('a').addClass("change");
        }
    });
    //5depth out
    $('.depth5>li:last-child').on('focusout', function(){
        $(this).parents('ul').removeClass("open");
        $('.more_menu>a').removeClass('hover');
        $('.menu_open>a').removeClass("change");
    });*/

    /*전국사업소*/
    $(".office").on({
        mouseenter: function(){
            $('.office').addClass('open');
            $(this).children(".layer_box").stop().slideDown();
        },
        mouseleave: function(){
            $('.office').removeClass('open');
            $(this).children(".layer_box").stop().hide();
        },
        focusin: function(){
            $('.office').addClass('open');
            $(this).children(".layer_box").stop().slideDown();
        }
    });

    /*전국사업소 접근성*/
    $(".office .layer_box>ul>li:last-child>a").on("focusout", function(){
        $(".office .layer_box").stop().hide();
    })

    /*언어*/
    $(".language").on({
        mouseenter: function(){
            $('.language').addClass('open');
            $(this).children(".layer_box").stop().slideDown();
        },
        mouseleave: function(){
            $('.language').removeClass('open');
            $(this).children(".layer_box").stop().hide();
        },
        focusin: function(){
            $('.language').addClass('open');
            $(this).children(".layer_box").stop().slideDown();
        }
    });
    /*언어 접근성*/
    $(".language .layer_box>ul>li:last-child>a").on("focusout", function(){
        $('.language').removeClass('open');
        $(".language .layer_box").stop().hide();
    })

    /*패밀리사이트*/
    $(".familySite").on({
        mouseenter: function(){
            $('.familySite').addClass('open');
            $(this).children(".layer_box").stop().slideDown();
        },
        mouseleave: function(){
            $('.familySite').removeClass('open');
            $(this).children(".layer_box").stop().hide();
        },
        focusin: function(){
            $('.familySite').addClass('open');
            $(this).children(".layer_box").stop().slideDown();
        }
    });
    /*패밀리사이트 접근성*/
    $(".familySite .last_a").on("focusout", function(){
        $('.familySite').removeClass('open');
        $(".familySite .layer_box").stop().hide();
    })

    /*검색*/
    $('.search>a').on('click', function(){
        $('.search_box').stop().slideDown();
        $('header .header_t').css('z-index','300');
    });
    $('.search_new_close').on('click', function(){
        $('.search_box').stop().slideUp(200);
        $('.search>a').focus();
        $('header .header_t').css('z-index','320');
    });
    
    
    // 접근성 관련 포커스 강제 이동
    function accessibilityFocus() {
        $(document).on('keydown', '[data-focus-prev], [data-focus-next]', function(e){
            var next = $(e.target).attr('data-focus-next'),
                prev = $(e.target).attr('data-focus-prev'),
                target = next || prev || false;
            if(!target || e.keyCode != 9) {
                return;
            }
            if( (!e.shiftKey && !!next) || (e.shiftKey && !!prev) ) {
                setTimeout(function(){
                $('[data-focus="' + target + '"]').focus();
                }, 1);
            }
        });
    }
    
    function tooltip() {
        var openBtn = '[data-tooltip]',
            closeBtn = '.tooltip-close';
        function getTarget(t) {
            return $(t).attr('data-tooltip');
        }
        function open(t) {
            var showTarget = $('[data-tooltip-con="' + t + '"]');
            showTarget.show().focus();
            showTarget.find('.tooltip-close').data('activeTarget', t);
        }
        function close(t) {
            var activeTarget = $('[data-tooltip-con="' + t + '"]');
            activeTarget.hide();
            $('[data-tooltip="' + t + '"]').focus();
        }
        $(document)
        .on('click', openBtn, function(e){
            e.preventDefault();
            open(getTarget(e.target));
        })
        .on('click', closeBtn, function(e) {
            e.preventDefault();
            close($(this).data('activeTarget'));
        })
    }
    $(document).ready(function(){
        tooltip();
        accessibilityFocus();
    });
});