Simple = function() {
    var northPanel, southPanel, eastPanel, westPanel, centerPanel;
    return {
        init : function() {
            var mainLayout = new Ext.BorderLayout(document.body, {
                north: { split: true, initialSize: 50 }, 
                south: { split: true, initialSize: 50 }, 
                east: { split: true, initialSize: 100 }, 
                west: { split: true, initialSize: 100 }, 
                center: { }
            });
            mainLayout.beginUpdate();
            mainLayout.add('north', northPanel = new Ext.ContentPanel('north-div', { fitToFrame: true, closable: false }));
            mainLayout.add('south', southPanel = new Ext.ContentPanel('south-div', { fitToFrame: true, closable: false }));
            mainLayout.add('east', eastPanel = new Ext.ContentPanel('east-div', { fitToFrame: true, closable: false }));
            mainLayout.add('west', westPanel = new Ext.ContentPanel('west-div', { fitToFrame: true, closable: false }));
            mainLayout.add('center', centerPanel = new Ext.ContentPanel('center-div', { fitToFrame: true })); 
            mainLayout.endUpdate();
            northPanel.setContent('This panel will be used for a header');
			westPanel.setContent('<img src="nav-mini.gif" border="0" alt="Mini Layout Image" />');
			centerPanel.setUrl('index.html');
			centerPanel.refresh();
        }
    };
}();
Ext.EventManager.onDocumentReady(Simple.init, Simple, true);