Ext.onReady(function(){
    var p = new Ext.Panel({
        title: 'My Panel',
        collapsible:true,
        renderTo: 'panel-basic',
        width:400,
        html: Ext.example.bogusMarkup
    });

	// preventBodyReset: true
	new Ext.Panel({
		title: 'A Panel with W3C-suggested body-html styling',
		preventBodyReset: true,
		renderTo: 'panel-reset-true',
		width: 400,
		html: html.join('')
	});

	// preventBodyReset: false
	new Ext.Panel({
		title: 'Same panel as above with preventBodyReset: false',
		normal: false,
		renderTo: 'panel-reset-false',
		width: 400,
		html: html.join('')
	});
});

// Some sample html
var html = [
	'
Heading One
',
	'
Heading Two
',
	'
This is a paragraph with STRONG, EMPHASIS and a Link
',
	'',
		'',
			'',
			'',
		'',
	'
Table Column One
Table Column Two
',
	'
',
		'
Un-ordered List-item One
',
		'
Un-ordered List-item One
',
	'
',
	'
',
		'
Ordered List-item One
',
		'
Ordered List-item Two
',
	'
',
	'
This is a blockquote
'
];