Ext.onReady(function(){

   tabs = new Ext.TabPanel({
        id: 'TopTabPanel',
        renderTo: document.body,
        activeTab: 0,
        width:1020,
        height: (screen.height - 245),
        plain:true,
        enableTabScroll:true,
        defaults:{autoScroll: true},
        items:[{
                title: 'Home',
                autoLoad: {url: 'home.htm', scope: this, text: 'Loading...', scripts: true }
            },{
                title: 'Hints and Tips',
                autoLoad: {url: 'HintsAndTips.htm', scope: this, text: 'Loading...', scripts: true }
            },{
                title: 'News',
                autoLoad: {url: 'news.htm', scope: this, text: 'Loading...', scripts: true }
            },{
                title: 'EATMS Tune Book',
                autoLoad: {url: 'EATMS_TuneBook.htm', scope: this, text: 'Loading Tunes ...', scripts: true }
            },{
                title: 'Electronic File Formats',
                autoLoad: {url: 'ElectronicFileFormats.htm', scope: this, text: 'Loading Tunes ...', scripts: true }
            },{
                title: 'Useful links',
                autoLoad: {url: 'UsefulLinks.htm', scope: this, text: 'Loading Tunes ...', scripts: true }
            },{
                title: 'Tunes',
                autoLoad: {url: 'TunesDiv1.html', scope: this, text: 'Loading Tunes ...', scripts: true }
            }
        ]
    });
    tabs.doLayout();

});