//当前显示的 menuitem。$(' ') 当中的空格字符不能少
var displayFunctionMenu = $(' ');

//定义全局的 jQuery 对象，用于加速 jQuery 的搜寻速度,因为 index.html 文件太大
var jMenuItem;
var jCategoryItem;

$(function(){
    //文档加载完后，为 jMenuItem 和 jCategoryItem 赋值
    jMenuItem = $('body > .mainmenu').children('.menuitem');
    jCategoryItem = jMenuItem.next('.functionmenu').children('.categoryitem');

    //menuitem 单击事件
    jMenuItem.click(function(e){
        displayFunctionMenu.hide().prev('.menuitem').removeClass('selecteditem');
        displayFunctionMenu = $(e.target).addClass('selecteditem').next('.functionmenu').show();
    });

    //categoryitem 单击事件
    jCategoryItem.click(function(e){
        $(e.target).next('.category').toggle();
    });

    //将 functionitem 单击事件的绑定推迟至 categoryitem 被单击之后，并且设置 content 圆角。推迟绑定事件是为是优化性能
    jCategoryItem.one('click',function(e){
        //functionitem 单击事件
        $(e.target).next('.category').children('.functionitem').click(function(e){
            $(e.target).parent('.category').siblings('.category').andSelf().children('.selecteditem').removeClass('selecteditem').next('.content').hide();
            $(e.target).addClass('selecteditem').next('.content').show();
        }).one('click',function(e){
            //设置 content 圆角
            $(e.target).next('.content').corner();
        });
    });

    //Fold button 事件
    $('#fold').click(function(){
        displayFunctionMenu.children('.category').hide();
    });
    //Expand button 事件
    $('#expand').click(function(){
        //以触发 categoryitem 的单击事件来代替直接的 show category，以免错过由 categoryitem 引发的 functionitem 单击事件绑定
        displayFunctionMenu.children('.category:hidden').prev('.categoryitem').click();
        
    });

    //Fold all button 事件
    $('#foldall').click(function(){
        jCategoryItem.next('.category').hide();
    });

    //Expand all button 事件；首次单击的时候，会触发 categoryitem 的单击事件来代替直接的 show category，可以使 functionitem 单击事件能顺利绑定
    $('#expandall').one('click',function(e){
        jCategoryItem.click().next('.category').show();
        //Expand all button 单击事件
        $('#expandall').click(function(){
            jCategoryItem.next('.category').show();
        });
    });
});