var peopleSearchAccordionPanel = new Ext.Panel({
				height:100,
				collapsed: true,
                title: 'People Search',
                html: '<empty panel>'
            });

            var backGroundCheckAccordionPanel = new Ext.Panel({
				collapsed: true,
				height:100,
                title: 'BackGround Check',
                html: '<empty panel>'
            });

            var bankruptcyCheckAccordionPanel = new Ext.Panel({
				collapsed: true,
				height:100,
                title: 'Bankruptcy Check',
                html: '<empty panel>'
            });

            var recordSearchAccordionPanel = new Ext.Panel({
				collapsed: true,
				height:100,
                title: 'Public Record Search',
                html: '<empty panel>'
            });

            var foreclosureSearchAccordionPanel = new Ext.Panel({
				collapsed: true,
 				height:100,
                title: 'Foreclosure Search',
                html: '<empty panel>'
            });

            var resourcesAccordionPanel = new Ext.Panel({
				collapsed: true,
				height:100,
                title: 'Resources',
                html: '<empty panel>'
            });

            var introAccordionPanel = new Ext.Panel({
				height:100,
                title: 'Home',
                autoLoad: '../jsp/introFrame.jsp'
            });

            var accordion = new Ext.Panel({
				layoutConfig: {
					// layout-specific configs go here
					titleCollapse: true
				},
                region:'west',
                margins:'5 0 5 5',
                //split:true,
                width: 210,
				height: 700,
                layout:'accordion',
				frame:true,
                items: [peopleSearchAccordionPanel, backGroundCheckAccordionPanel, bankruptcyCheckAccordionPanel, recordSearchAccordionPanel, foreclosureSearchAccordionPanel, resourcesAccordionPanel,introAccordionPanel]
            });