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, autoScroll: true, resizeEl: 'center-iframe' 
			})); 
            mainLayout.endUpdate();
            northPanel.setContent('This panel will be used for a header');
			Ext.get('center-iframe').dom.src = 'index.html';
        }
    };
}();
Ext.EventManager.onDocumentReady(Simple.init, Simple, true);