var techSplash = new Ext.Panel({
	id: 'techSplash',
	border: false,
	autoLoad: 'tech/techsplash.php',
	listeners: {
		'afterRender': function() {
			current_tech_item = 'techSplash';
			//alert( 'current_tech_item = ' + current_tech_item);
		}
	}
});

var techExtJS = new Ext.Panel({
	id: 'techExtJS',
	hidden: true,
	border: false,
	autoLoad: 'tech/techExtJS.php'
});

var techJavascript = new Ext.Panel({
	id: 'techJavascript',
	hidden: true,
	border: false,
	autoLoad: 'tech/techJavascript.php'
});

var techSoftDev = new Ext.Panel({
	id: 'techSoftDev',
	hidden: true,
	border: false,
	autoLoad: 'tech/techSoftDev.php'
});

var techDAAS = new Ext.Panel({
	id: 'techDAAS',
	hidden: true,
	border: false,
	autoLoad: 'tech/techDAAS.php'
});

// -------------------------------------------------------------------------

var techExtJS_RadioGroupSample = new Ext.Panel({
	autoLoad: 'tech/extRadioGroup.php',
	autoScroll: true,
	border: false
});

var techExtJS_RadioGroup = new Ext.TabPanel({
	id: 'techExtJS_RadioGroup',
    fitToFrame: true,
    deferredRender:false,
    enableTabScroll: true,
	hidden: true,
	border: false,
    activeTab:0,
    //autoScroll:true,
    layoutOnTabChange: true,
	defaults: {
        closable:false,
		style: 'margin:10px;font-size:1em'
	},
    items:[
    {
        title: 'Sample Usage',
        iconCls: 'tech',
        items: techExtJS_RadioGroupSample
    },{
        title: 'Notes',
        iconCls: 'leaf',
        items: [{
			xtype: 'panel',
			border: false,
			autoLoad: 'tech/extRadioGroupNotes.php'
		}]
    }]
});

var techContentPanel = new Ext.Panel({
	layout: 'fit',
	autoScroll: true,
	items: [techSplash, techExtJS, techExtJS_RadioGroup, techJavascript, techSoftDev, techDAAS]
});

// Initial tech content name.
var current_tech_item = 'techSplash';