Ext.onReady(function(){

	Ext.get('brechnungform').boxWrap();//.addClass('x-box-blue');
	Ext.get('anleitung').first('h2').hide();
	Ext.get('buch').first('h2').hide();
	Ext.get('hinweis').first('h2').hide();
	Ext.get('vorjahrsrechner').first('h2').hide();
/*	var zeitcombo = new Ext.form.ComboBox({
		transform: 'zeitraum',
		width: '5em',
		triggerAction: 'all',
		typeAhead: true,
		forceSelection: true		
	});*/
	var viewport = new Ext.Viewport({
		layout: 'border',
		items: [ /*new Ext.BoxComponent({
			region: 'north',
			el: 'titel',	
			margins: '0 0 5 0',
			border: false,
			style: 'background: #fcfefc; padding-bottom: 5px'
		}), */{
			region: 'west',
			autoScroll: true,
			header: true,
			margins: '5 0 5 5',
			cmargins: '5 5 5 5',
			collapsible: true,
			split: true,
			width: 200,
			minSize: 100,
			maxSize: 300,
			frame: true,
			titleCollapse: true,
			items: [{
				layout: 'accordion',
				layoutConfig: {
					titleCollapse: true,
					animate: true, 
					fill: false
				},
				items: [{
					bodyStyle: 'padding-bottom: 10px',
					contentEl: 'anleitung',
					title: '<b>Anleitung</b>',
					border: false
				}]
			}, {
				layout: 'accordion',
				layoutConfig: {
					titleCollapse: true,
					animate: true, 
					fill: false
				},
				items: [{
					bodyStyle: 'padding-bottom: 10px',
					contentEl: 'hinweis',
					title: '<b>Hinweis</b>',
					border: false
				}]
			}, {
				layout: 'accordion',
				layoutConfig: {
					titleCollapse: true,
					animate: true, 
					fill: false
				},
				items: [{
					bodyStyle: 'padding-bottom: 10px',
					contentEl: 'vorjahrsrechner',
					title: '<b>Rechner aus Vorjahren</b>',
					border: false
				}]
			}]
		}, {
			region: 'center',
			title: 'SOLOCOM-Rechner - Sozialversicherung und Einkommensteuer - 2011',
			bodyStyle: 'padding: 15px',
			autoScroll: true,
			margins: '5 0 5 0',
			bodyStyle: 'background: #fcfefc',
//			contentEl: 'berechnung'
			items: [{
				contentEl: 'titel',
				bodyStyle: 'background: #fcfefc',
				border: false
			}, {
				contentEl: 'berechnung',
				bodyStyle: 'background: #fcfefc',
				border: false
			}, {
				contentEl: 'werbung',
				bodyStyle: 'background: #fcfefc',
				border: false
			}]
		}, {
			region: 'east',
			header: true,
			autoScroll: true,
			margins: '5 5 5 0',
			cmargins: '5 5 5 5',
			collapsible: true,
			split: true,
			width: 200,
			minSize: 100,
			maxSize: 300,
			frame: true,
			titleCollapse: true,
			items: [{
			layout: 'accordion',
				layoutConfig: {
					titleCollapse: true,
					animate: true, 
					fill: false
				},
				items: [{
					bodyStyle: 'padding-bottom: 10px',
					contentEl: 'fofos',
					title: '<b>FO.FO.S.</b>',
					border: false
				}]
			}, {
				layout: 'accordion',
				layoutConfig: {
					titleCollapse: true,
					animate: true, 
					fill: false
				},
				items: [{
					bodyStyle: 'padding-bottom: 10px',
					contentEl: 'buch',
					title: '<b>Buch</b>',
					border: false
				}]
			}]
		}]
	});
});