/*
 * Ext JS Library 2.0.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function(){

    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

    var viewport = new Ext.Viewport({
        layout:'border',
        items:[{
            region:'west',
            id:'west-panel',
            title:'Motor Trend Road Test',
            split:true,
            width: 200,
            minSize: 175,
            maxSize: 400,
            collapsible: true,
            margins:'35 0 5 5',
            cmargins:'35 5 5 5',
            layout:'accordion',
            layoutConfig:{
                animate:true
            },
            items: [{
                html: '<img src="motortrend.png"><h1>Road Test</h1><p>These test results were recorded in the April 1955 edition of Motor Trend magazine. The tests were run against a 1955 Buick Century with Dynaflow.</p><p>See page 38 - <h1>\'55 Buick Century</h1><h2>Last year\'s bomb has become even more explosive with a vastly improved dynaflow</h2></p>',
                title:'Information',
                autoScroll:true,
                border:false//,
                //iconCls:'nav'
            }]
        },{
            xtype:'portal',
            region:'center',
            margins:'35 5 5 0',
            items:[{
                columnWidth:.33,
                style:'padding:10px 0 10px 10px',
                items:[{
                    title: 'Rear Wheel Horsepower',
                    //layout:'fit',
                    items: [{ html: '<p>Determined on Clayton chasis dynamometer. All tests are made under full load, which is similar to climbing a hill at full throttle. Observed hp figures not corrected to standard atmospheric conditions.</p><br>'}, 
					{items: new HPGrid()
					}]
                },{
                    title: 'Top Speed',
                    items: [{ html: '<p>In miles per hour over surveyed 1/4 mile.</p><br>'}, {items: new SpeedGrid()}]
                }]
            },{
                columnWidth:.33,
                style:'padding:10px 0 10px 10px',
                items:[{
                    title: 'Acceleration',
                    //layout:'fit',
                    items: [{ html: '<p>In seconds, checked with 5th wheel and electric speedometer.</p><br>'}, 
					{items: new AccelerationGrid()
					}]
                },{
                    title: 'Speedometer Error',
                    items: [{ html: '<p>Checked with 5th wheel and electric speedometer.</p><br>'}, {items: new ErrorGrid()}]
                }]
            },{
                columnWidth:.33,
                style:'padding:10px 0 10px 10px',
                items:[{
                    title: 'Fuel Consumption',
                   // layout:'fit',
                    items: [{ html: '<p>In miles per gallon; checked with fuel flow meter, 5th wheel, and electric speedometer. Mobilgas Special used.</p><br>'}, 
					{items: new FuelGrid()
					}]
                },{
                    title: 'Stopping Distance',
                    items: [{ html: '<p>To the nearest foot; checked with electrically actuated detonator.</p><br>'}, {items: new StopGrid()}]
                }]
            }]
        }]
    });
});