(function($){
    

    // 디렉토리별 상단 메뉴의 CSS class 변경..!
    function setMenuClass( linkUrl ){
        $("header nav a.on").removeClass("on");

        var directoryName = JYP.parseUrl(linkUrl).directory.toLowerCase().replaceAll("/","");

        if( (directoryName.length > 0) && (directoryName != "etc") ){
            var className = directoryName;
            var arrArtists = [ "jypark", "rain", "missa" ];

            $.each(arrArtists, function(i, artist){
                if( directoryName == artist )
                    className = "artist";
            });


            $("header nav li." + className).find("a[title='" + className + "']").addClass("on");
        }
    }



    $(function () {
        JYP.init(
            $(".layout-content-frame"), 
            { 
                size:{ width:$(".layout-content-frame").width(), height:760 }, 
                animation:'easeOutBack', 
                defaultUrlSize:{ width:$(".layout-content-frame").width(), height:686 },
                loadCallback: function( $content, src ){
                    setMenuClass(src);
                }
            }
        );


        // 메뉴 클릭시..!
        $("header a")
            .click(function(e){
                var $anchor = $(this);
                var linkUrl = ( $anchor.attr("href") || "" );
                var linkTarget = ( $anchor.attr("target") || "" );


                if( (linkUrl != "#") && (linkUrl.indexOf("javascript:") < 0) && ((linkTarget == "") || (linkTarget == "_self")) ){
                    e.preventDefault();
                    
                    JYP.changePage( linkUrl );
                }
            });


        $("header nav > ul > li")
            .css({ paddingBottom:20 })
            .hover(
                function () {
                    $(this).find(".sub-pos").show();
                },
                function () {
                    $(this).find(".sub-pos").hide();
                }
            );



        // language clicked..
        $(".language-dt")
            .toggle(
                function(e){
                    $(".language-dd").show();
                },
                function(e){
                    $(".language-dd").fadeOut();
                }
            );

        $(".language-dd")
            .find("a")
                .click(function(e){
                    $(".language-dt").trigger("click");
                })
            .end();





        // family site clicked..
        $(".familysite-dt")
            .toggle(
                function(e){
                    $(".familysite-dd").show();
                },
                function(e){
                    $(".familysite-dd").fadeOut();
                }
            );

        $(".familysite-dd")
            .find("a")
                .click(function(e){
                    $(".familysite-dt").trigger("click");
                })
            .end();

    });


})( jQuery );