var BoardTreePanel = function () {
    BoardTreePanel.superclass.constructor.call(this, {
        id: "boardTreeView",
        region: "west",
        title: "板一覧",
        split: true,
        width: "18%",
        minSize: 100,
        collapsible: true,
        margins: "0 0 0 0",
        cmargins: "0 0 0 0",
        rootVisible: false,
        lines: false,
        autoScroll: true,
        collapseFirst: false,
        frame: false,
        loader: new Ext.tree.TreeLoader({ dataUrl: "getBoardSummaryJSON.aspx", requestMethod: "GET" })
    });

    this.on(
        {
            load:
                {
                    scope: this,
                    single: true,
                    fn: this.onNodeLoaded
                }
        });

    var root = new Ext.tree.AsyncTreeNode({
        text: "2CH",
        draggable: false,
        id: "root"
    });

    this.setRootNode(root);
    root.expand();
};

Ext.extend(BoardTreePanel, Ext.tree.TreePanel,
{
    onNodeLoaded : function()
    {
        Ext.get("loading-indicator").remove();
        Ext.get("loading-mask").fadeOut({ remove: true });
    }
});