ThePage = function() {    
        return {
        mLayout: null,
        doTheSize: function(){
                var w=setTimeout('parent.resizePage()',100);
        },    
				init : function(){
            var mainLayout = new Ext.BorderLayout($('pageContainer'), {
            /*
                north: {
                initialSize: northPanelSize,
                split:false
                },
            */
                west: {
									initialSize: westPanelSize,
									split:false
								},
								center: {
									split:false
								},
								east: {
									initialSize: eastPanelSize,
									split: false
								},
								south: {
									initialSize: southPanelSize,
									split:false
								}
						});
            var innerLayout =  new Ext.BorderLayout($('center-div'), {
								north: {
									split: false,
									initialSize: innerNorthPanelSize
								}, 
								west: {
									initialSize: innerWestPanelSize,
                  tab:top
								},
								center: {    
									split:false}
						});
						mainLayout.beginUpdate();
            /*  Include this if you add a north section.
                mainLayout.add('north', nPanel=new Ext.ContentPanel('north-div', { 
								fitToFrame: true, closable: false 
						}));
						*/
						mainLayout.add('west', new Ext.ContentPanel('west-div', { 
								fitToFrame: true, closable: false 
						}));
            
            var cPanel=new Ext.ContentPanel('center-div', { 
								fitToFrame: true, closable: false
						})
						mainLayout.add('center', cPanel);
            mainLayout.add('east', new Ext.ContentPanel('east-div', { 
								fitToFrame: true, closable: false  
						}));
            mainLayout.add('south', new Ext.ContentPanel('south-div', { 
								fitToFrame: true, closable: false  
						}));
            //setup the inner layout sections
            innerLayout.add('north', new Ext.ContentPanel('north-inner-div', {
                fitToFrame: true
            }));
            innerLayout.add('west', new Ext.ContentPanel('west-inner-div', {
                fitToFrame: true
            }));
            var innerCPanel= new Ext.ContentPanel('center-inner-div', {
                fitToFrame: true, fitContainer: true
            });
            innerLayout.add('center', innerCPanel);        
            innerCPanel.on('resize', this.doTheSize, this);
            
            //add innerlayout sections to main layout
            mainLayout.add('center', new Ext.NestedLayoutPanel(innerLayout, {fitToFrame: true}));                               
            mainLayout.endUpdate();
            this.mLayout=mainLayout;
            if(parent.pageLoaded=='report')getPostProcessItems();
            if(parent.pageLoaded=='disclaimer')parent.openDisclaimer();
            if(parent.pageLoaded=='streetSearch')resizePage(false,true);                
            //omg whyyyyyyyyyyyyyyy...  For some reason the graphic dave
            //provided will not load without calling the dialog at least once.
            parent.toggleLoading(true);
            parent.toggleLoading(false);
        }
    }
}();
Ext.onReady(ThePage.init, ThePage, true);