cs.pro.ProcessTabPanel = Ext.extend(Ext.TabPanel, {

	login: function()
	{
		this.show();
		this.translate.doLayout();
	},
	
	logout: function()
	{
		this.hide();
	},

	initComponent: function()
	{
		this.resurface = new cs.pro.ResurfacePanel();
		this.translate = new cs.pro.TranslatePanel();
		this.decimate = new cs.pro.DecimatePanel();
		this.volume = new cs.pro.VolumePanel();
		
		Ext.apply(this, {
			activeTab: 0,
			enableTabScroll: true,
			deferredRender: false,
			region: 'east',
			title: 'Processes',
			width: 400,
			items: [
				this.resurface,
				this.translate,
				this.decimate,
				this.volume,
				{
					title: 'TexTrans',
					html: '<p>Coming Soon</p>'
				},
				{
					title: 'Scale',
					html: '<p>Coming Soon</p>'
				}/*,
				{
					title: 'Volume',
					html: '<p>Coming Soon</p>'
				}*/			
			] 
		});

		cs.pro.ProcessTabPanel.superclass.initComponent.apply(this, arguments);
	}
});