AXToolBar

var fnObj = {
    pageStart: function(){
        this.toolbar.init();
    },
    toolbar: {
        target: new AXToolBar(),
        init: function(){
            var menu = [
                {
                    label   : "<i class='axi axi-axisj'></i> 액시스제이", addClass: "",
                    onclick : function (menu, event) {
                        trace("1", menu);
                    },
                    menu    : [
                        {
                            label: "<i class=\"axi axi-box\"></i>  Common", onclick: function (event) {},
                            menu    : [
                                {
                                    label: "<i class=\"axi axi-box\"></i> AXCore",
                                    onclick: function (event) {
                                        trace(this.menu);
                                    }
                                },
                                {
                                    label: "<i class=\"axi axi-box\"></i> AXValidator", onclick: function () {}
                                },
                                {
                                    label: "<i class=\"axi axi-box\"></i> AXAddress", onclick: function () {}
                                },
                                {
                                    label: "<i class=\"axi axi-box\"></i> Table CSS Guide", onclick: function () {}
                                }
                            ]
                        },
                        {
                            label: "<i class=\"axi axi-box\"></i>  UI-Unique", onclick: function () {},
                            menu    : [
                                {
                                    label: "<i class=\"axi axi-box\"></i> AXButton", onclick: function (event) {}
                                },
                                {
                                    label: "<i class=\"axi axi-box\"></i> AXInput", onclick: function () {}
                                },
                                {
                                    label: "<i class=\"axi axi-box\"></i> AXSelect", onclick: function () {}
                                },
                                {
                                    label: "<i class=\"axi axi-box\"></i> AXNotification", onclick: function () {}
                                },
                                {
                                    label: "<i class=\"axi axi-box\"></i> AXProgress", onclick: function () {}
                                },
                                {
                                    label: "<i class=\"axi axi-box\"></i> AXScroll", onclick: function () {}
                                },
                                {
                                    label: "<i class=\"axi axi-box\"></i> AXTabs", onclick: function () {}
                                },
                                {
                                    label: "<i class=\"axi axi-box\"></i> AXToolBar", onclick: function () {}
                                }
                            ]
                        },
                        {
                            label: "<i class=\"axi axi-box\"></i>  UI-Complex", onclick: function () {},
                            underLine: true
                        },
                        {
                            label: "<i class='axi axi-accessibility'></i> Material Design Icons", onclick: function () {}
                        },
                        {
                            label: "<i class=\"axi axi-glass\"></i> FontAwesome", onclick: function () {}
                        },
                        {
                            label: "<i class=\"axi axi-axicon-o\"></i> AXIcon", onclick: function (event) {}
                        },
                        {
                            label: "<i class='axi axi-accessibility'></i> Material Design Icons", onclick: function () {}
                        },
                        {
                            label: "<i class=\"axi axi-glass\"></i> FontAwesome", onclick: function () {}
                        }
                    ],
                    filter: function(){
                        return true;
                    }
                },
                {
                    label   : "<i class='axi axi-axu'></i> 악수", addClass: "",
                    onclick : function (event) {

                    },
                    menu    : [
                        {
                            label: "<i class=\"axi axi-box\"></i> Archon", onclick: function (event) {}
                        },
                        {
                            label: "<i class=\"axi axi-box\"></i> Barracks", onclick: function () {}
                        },
                        {
                            label: "<i class=\"axi axi-box\"></i> Barracks-2", onclick: function () {}
                        }
                    ]
                },
                {
                    label   : "<i class='axi axi-axicon'></i> 액시콘", addClass: "",
                    onclick : function (event) {

                    },
                    menu    : [
                        {
                            label: "<i class=\"axi axi-axicon-o\"></i> AXIcon", onclick: function (event) {}
                        },
                        {
                            label: "<i class='axi axi-accessibility'></i> Material Design Icons", onclick: function () {}
                        },
                        {
                            label: "<i class=\"axi axi-glass\"></i> FontAwesome", onclick: function () {}
                        },
                        {
                            label: "<i class=\"axi axi-axicon-o\"></i> AXIcon", onclick: function (event) {},
                            underLine: true
                        },
                        {
                            label: "<i class='axi axi-accessibility'></i> Material Design Icons", onclick: function () {}
                        },
                        {
                            label: "<i class=\"axi axi-glass\"></i> FontAwesome", onclick: function () {}
                        },
                        {
                            label: "<i class=\"axi axi-axicon-o\"></i> AXIcon", onclick: function (event) {}
                        },
                        {
                            label: "<i class='axi axi-accessibility'></i> Material Design Icons", onclick: function () {}
                        },
                        {
                            label: "<i class=\"axi axi-glass\"></i> FontAwesome", onclick: function () {}
                        }
                    ]
                },
                {
                    type: 1,
                    label   : "<i class='axi axi-jsongum'></i> 제이슨껌", addClass: "",
                    onclick : function (event) {

                    },
                    menu    : [
                        {
                            label: "<i class=\"axi axi-box\"></i> $4.99", onclick: function (event) {}
                        },
                        {
                            label: "껌팔이 앱인데 하나도 안팔리고..", onclick: function () {
                                alert(this.menu.label);
                            }
                        },
                        {
                            label: "그래도 액시스제이는 포기하지 않아~ 열심히 돈을 벌어서 오픈소스를", onclick: function () {
                                alert(this.menu.label);
                            }
                        }
                    ]
                }
            ];

            var type = 0;
            this.target.setConfig({
                targetID: "tool-bar",
                theme   : "AXToolBar",
                menu    : menu,
                filter  : function(){
                    return this.menu.type != type;
                },
                reserveKeys: {
                    subMenu: "menu"
                }
            });

/*
            var _this = this;
            setTimeout(function(){
                type = 1;
                _this.target.reset();
            }, 5000);
*/


        }
    }
};
$(document.body).ready(function() {
    fnObj.pageStart();
});