TJ.Admin.FormTreePanel = Ext.extend(Ext.tree.TreePanel,{
		title: 'Choose Translation Group',
		autoScroll:true,
		animate:true,
		enableDD:false,
		formlist: [],
		rootVisible: false,
		root:  new Ext.tree.TreeNode({
							text: 'Hide',
							draggable: false,
							id: '0',
							typeclass: '',
							expanded: true
								}),
		initComponent: function(){

			for (var i=0; i< this.formlist.length;i++)
					this.root.appendChild(new Ext.tree.TreeNode({text:this.formlist[i].text, id:this.formlist[i].id, iconCls: 'icon_style_edit'}));

			TJ.Admin.FormTreePanel.superclass.initComponent.call(this);
		},
		render: function(ct,position){
			TJ.Admin.FormTreePanel.superclass.render.call(this,ct,position);
//			this.getRootNode().select();
	}

});

TJ.Admin.TableTranslatePanel = Ext.extend(Ext.Panel, {
	border: false,
	frame: false,
	layout:'border',
	initComponent: function(){
		this.formPanel=new Ext.Panel({title: 'Edit Translations ', layout: 'fit'});//TJ.Admin.WorkflowGridPanel({userformfields :this.userformfields});

		this.ttp = new TJ.Admin.FormTreePanel({formlist: this.formlist});
				this.items = [ { region: 'west',
						 layout: 'fit',
						 items: this.ttp,
						 width: 300,
 						 split: true,
						 frame: false
						},
						{	region: 'center',
							layout: 'fit',
							items: this.formPanel,
							frame: false
						}
						];
		TJ.Admin.TableTranslatePanel.superclass.initComponent.call(this);
		this.ttp.getSelectionModel().on('selectionchange',function(sm,node){
			if(node){
				this.formPanel.setTitle('Edit translations: ' + node.attributes.text);
				TJ.Admin.ClearPanel(this.formPanel);
				TJ.Admin.GetRemoteComponent( {url: TJ.LANGUAGESS+this.tableinfo.baseurl + ':configtranslateform?id='+escape(node.id), container: this.formPanel});
			}
		},this);



	},
	render: function(ct,position){
		TJ.Admin.TableTranslatePanel.superclass.render.call(this,ct,position);

	}
});