Ext.onReady(function(){
		Ext.QuickTips.init();	
        var viewport = new Ext.Viewport({
            layout: 'border',
			id: 'viewport',
			hideBorders: true,
            items: [
            {
                region: 'west',
				contentEl: 'west',
                split: true,
                margins: '0 0 0 5',
				width: 200
            },{
                region: 'center',
				contentEl: 'center-panel',
                split: false,
				autoScroll: true,
                margins: '0 0 0 0'
            }, {
                region: 'east',
				contentEl: 'east',
                split: true,
				autoScroll: true,				
				width: 200,
                margins: '0 5 0 0'
            }, {
                region: 'south',
				contentEl: 'footer',
                split: false,
				height: 50,
                margins: '0 5 5 5'
            },{
                region: 'north',
                split: false,
				height: 120,
                margins: '5 5 0 5',
				contentEl: 'header'
            }
            
			]
        });
    });