How to use the ext/panels/panels.register function in ext

hook : function(){
        var _self = this;

        this.markupInsertionPoint = colLeft;

        // Register this panel on the left-side panels
        panels.register(this, {
            position : 1000,
            caption: "Workspace Files",
            "class": "project_files",
            command: "opentreepanel"
        });

        commands.addCommand({
            name: "opentreepanel",
            hint: "show the open settings panel",
            bindKey: {mac: "Command-U", win: "Ctrl-U"},
            exec: function () {
                _self.show();
            }
        });

        /**

setupElements : function() {
        panels.register(this);

        var _self = this;

        // Fix to prevent Active Files button is placed above Project Files
        var el = (navbar.firstChild["class"] == "project_files") ? navbar.childNodes[1] : navbar.firstChild;
        var btn = this.button = navbar.insertBefore(new apf.button({
            skin    : "mnubtn",
            state   : "true",
            "class" : "issues_list",
            caption : "Issues"
        }), el);
        
        btn.addEventListener("mousedown", function(e){
            var value = this.value;
            if (navbar.current && (navbar.current != _self || value)) {
                navbar.current.disable(navbar.current == _self);

hook : function(){
        var _self = this;

        // Register this panel on the left-side panels
        panels.register(this, {
            position : 1000,
            caption: "Project Files",
            "class": "project_files",
            command: "opentreepanel"
        });
        
        commands.addCommand({
            name: "opentreepanel",
            hint: "show the open settings panel",
            bindKey: {mac: "Command-U", win: "Ctrl-U"},
            exec: function () {
                _self.show();
            }
        });

        /**

hook : function(){
        panels.register(this);
    },

hook : function(){
        panels.register(this);
    },

hook : function(){
        var _self = this;
        
        panels.register(this, {
            position : 2000,
            caption: "Open Files",
            "class": "open_files",
            command: "openfilepanel"
        });
        
        commands.addCommand({
            name: "openfilepanel",
            hint: "show the open files panel",
            bindKey: {mac: "Shift-Command-U", win: "Shift-Ctrl-U"},
            exec: function () {
                _self.show();
            }
        });
        
        var model = this.model = new apf.model().load("");

hook : function(){
        var _self = this;
        
        panels.register(this, {
            position : 3000,
            caption: "Run",
            "class": "rundebug"
        });

        apf.document.body.insertMarkup(buttonsMarkup);
        
        this.nodes.push(
            mnuRunCfg
        );
        
        while (tbRun.childNodes.length) {
            var button = tbRun.firstChild;
            
            ide.barTools.appendChild(button);
            if (button.nodeType == 1) {

hook : function(){
        if (ide.readonly)
            return;
        var _self = this;

        this.markupInsertionPoint = colLeft;

        panels.register(this, {
            position : 3000,
            caption: "Run & Debug",
            "class": "rundebug"
        });

        commands.addCommand({
            name: "run",
            "hint": "run or debug an application (stops the app if running)",
            "commands": {
                "[PATH]": {"hint": "path pointing to an executable. Autocomplete with [TAB]"}
            },
            bindKey: {mac: "F5", win: "F5"},
            exec: function () {
                if (stProcessRunning.active)
                    _self.stop();
                else

hook : function(){
        var _self = this;
        
        panels.register(this, {
            position : 100000,
            caption: "Preferences",
            "class": "preferences",
            command: "opensettingspanel"
        });
        
        commands.addCommand({
            name: "opensettingspanel",
            hint: "show the open settings panel",
            bindKey: {mac: "Command-,", win: "Ctrl-,"},
            exec: function () {
                _self.show();
            }
        });
        
        //Backwards compatible

hook : function(){
        var _self = this;

        this.markupInsertionPoint = colLeft;

        panels.register(this, {
            position : 100000,
            caption: "Preferences",
            "class": "preferences",
            command: "opensettingspanel"
        });

        commands.addCommand({
            name: "opensettingspanel",
            hint: "show the open settings panel",
            bindKey: {mac: "Command-,", win: "Ctrl-,"},
            exec: function () {
                _self.show();
            }
        });

        //Backwards compatible