var MainPanel = function()
{
    this.listView = new ListView();
    this.detailView = new DetailView();

    MainPanel.superclass.constructor.call(this, {
        id: "mainPanel",
        region: "center",
        split: true,
        width: 225,
        minSize: 100,
        collapsible: false,
        layout: "fit",
        margins: "0 0 0 0",
        layout: "border",
        items:
            [
                this.listView,
                this.detailView
            ]
    });
};

Ext.extend(MainPanel, Ext.Panel,
{
    updateListView : function(boardName, boardSubjectURL)
    {
        this.listView.updateView(boardName, boardSubjectURL);
    },

    updateDetailView : function(rowIndex)
    {
        var rec = this.listView.store.getAt(rowIndex);
        if (Ext.isEmpty(rec))
            return;

        var boardSubjectURL = this.listView.boardSubjectURL;
        var name = rec.get("Name");
        var dat = rec.get("Dat");

        this.detailView.updateView(boardSubjectURL, name, dat);
    }
});