var mezotablaPanel;

function mezotablaViewPanel(felh){		
	var felh = felh; //IE nek kell, különben hiba és leáll a futás
	var cnfComboBox = getCnfComboBox(felh);
	
	var mezotablaFejlecPanel = new Ext.FormPanel({
		region: 'north',
		border : false,
		height: 30,
		layout: 'form',
		bodyStyle: 'padding: 4px',
		labelWidth : 180,
		items:[cnfComboBox]
	});
	
	var mezotablaWestPanel = new Ext.Panel({
		region: 'west',
		id:'mezowestpanel',
		width: 300	
//		title : 'mezotablawestpanel',
//		collapsible: false,
//		layout:'border'	
	});

	
	var mezotablaCenterPanel = new Ext.Panel({
		id: 'cnfcenterpanel',
//		title : 'mezotablaCenterPanel',
		region: 'center',
		border : false,
		layout:'fit'
	});	
			
	mezotablaPanel = new Ext.Panel({
		layout: 'border',
		//title:' táblázatok',
		border : false,
		region : 'center',
		items:[mezotablaFejlecPanel,
				mezotablaWestPanel,
				mezotablaCenterPanel
		]	
	});
	
	return mezotablaPanel;
};

function getCnfComboBox(felh){	
	var cnfcombot =  new Ext.data.JsonStore({
		url:'phpk/tab/cnfcombo.php',
		fields: ['id','ne'],
		root:'recs',
		listeners : {load : function(store, records, options){
			tabtipid = records[0].get('id');
			cnfcombo.setValue(tabtipid);
			makeCnfPanels(tabtipid)
		}}
	});	
  cnfcombot.load();
	var cnfcombo=new Ext.form.ComboBox({
				anchor: '100%',
				fieldLabel: 'Táblázatos lekérdezés alapadata',
				hiddenName:'cnf',
				store:cnfcombot,
				valueField:'id',
				displayField:'ne',
				mode: 'local',
				forceSelection : true,
				triggerAction: 'all',
				editable : false,
				listeners:{select:{fn:function(combo, value){
								tabtipid=combo.getValue();
								makeCnfPanels(tabtipid);
						}}						
				}
	});	
	
	return cnfcombo;
};

function makeCnfPanels(tabtipid) {
	var treePanel = mezotablaPanel.findById('cnftree');
	if (treePanel !=null){
		mezotablaPanel.remove(treePanel);
		treePanel.destroy();							
	}									
	createCnfTree(tabtipid);
	createCnfTabla(tabtipid);
}

function createCnfTree(tabtipid) {
	var Tree = Ext.tree;
	var cnfTree = new Tree.TreePanel({
				id: 'cnftree',
				width: 300,
				height: 450,
				autoScroll : true,
//				autoHeight : false,
//				bodyBorder : false,
				border : false,
				containerScroll : true,			
				loader : new Tree.TreeLoader({
							dataUrl : 'phpk/tab/cnftree.php?cnf='+tabtipid
						})
	});
	var cnfTreeRoot = new Tree.AsyncTreeNode({
				text : 'Adatmezők',
				draggable : false,
				id : 'cnftreeroot'
	});		
	cnfTree.setRootNode(cnfTreeRoot);

	cnfTree.on("dblclick", dblclickCnfTabTree);

	var treeWest = mezotablaPanel.findById('mezowestpanel');
	treeWest.add(cnfTree);
	cnfTreeRoot.expand(false, false);
	treeWest.doLayout();
};

function dblclickCnfTabTree(node) {
	if (node.leaf) {
			var tablaCenter = mezotablaPanel.findById('cnftabla');
			i = 0;
			rec = tablaCenter.store.getById(node.id);

			if (rec!=undefined) 
				Ext.Msg.alert("Táblázat definiálása", '"'+rec.get('mezonev1')+'" mező már szerepel a kiválasztott elemek között');
			else {
				var MyRecordType = Ext.data.Record.create(['mezo1','mezonev1', 'check1', 'check2']);
				var ertek = new MyRecordType({
					"mezo1": node.id,
					"mezonev1": node.text,
					"check1": true,
					"check2": true
				}, node.id);
				tablaCenter.getStore().add(ertek);
				tablaCenter.doLayout();
			}
		}
}