var openNewFul;
function hidViewPanel(hszam,hnev){
//híd adatainak lekérése és objektumba írása
	var hnev15 = hnev.substring(0,16)+'...';
	var idh = 'hidpanel'+hszam;	
	var tab= centertabs.getItem(idh);
	if (tab == undefined) {
		//nincs ennek a hídnak megnyitva nézete
		if (openNewFul==1) {//hidnezet csere, nem uj nyitas
			var regihidtab = centertabs.items.find(function(tabful) {
				return (tabful.id.substr(0,8)=='hidpanel');
			});
			if (regihidtab!=undefined) { //van nyitott hidnezet ful - leszedjuk
				centertabs.remove(regihidtab);
				regihidtab.destroy();
			}
		} 

	var oldalzoomtb = new Ext.Toolbar({
		 cls: 'x-panel-header',
		 height: 25,
		 items: [
		  '<span style="color:#3e614a; font-weight:bold">Oldalnézet</span>',
		  '->', //fill element
		  {
		   iconCls: 'btnzoomin',
		   handler: function() {
			 	oldalnezetZoom(hszam, 1.2)
			 }
		 	},' ',{
		   iconCls: 'btnzoomout',
		   handler: function() {
		   oldalnezetZoom(hszam, 1/1.2)
		  }
		 }]
		 });
	
		var oldalrajz = new Ext.Panel({
			tbar : oldalzoomtb,
        	id:'oldalrajz'+hszam,
 // a zoomtb-n van>  title : 'Oldalnézet',
        	border:false,
			autoScroll: true,
     	listeners: {
					resize:{
						fn:function(acompo,ujwo,ujho,oldwo,oldho){
							var hosszrajzpanel = centertabs.findById('oldalrajz'+hszam);
							var kereseso = hosszrajzpanel.findById('kisoldalrajz'+hszam);
							if(kereseso != null){
								hosszrajzpanel.remove(kereseso);
								kereseso.destroy();
							}
							var hosszkepw = ujwo;
	    					var hosszkeph = ujho-30;
	    					var hosszrajz1 = getOldalnezetPanel(hszam,1,hosszkepw,hosszkeph);
	    					hosszrajzpanel.add(hosszrajz1);
							hosszrajzpanel.doLayout(true);
						}
					}
				}
        });    
	
    var utzoomtb = new Ext.Toolbar({
      cls: 'x-panel-header',
      height: 25,
      items: ['<span style="color:#3e614a; font-weight:bold">Útnézet</span>', '->', //fill element
      {
        iconCls: 'btnzoomin',
        handler: function() {
          utnezetZoom(hszam, 1.2)
        }
      }, ' ', {
        iconCls: 'btnzoomout',
        handler: function() {
          utnezetZoom(hszam, 1/1.2)
        }
      }]
    });
		
		var utrajz = new Ext.Panel({
        	tbar : utzoomtb,
			id:'utrajz'+hszam,
        	border:false,
			autoScroll : true,
//        	html:'Rajzolás...',
        	listeners: {
					resize:{
						fn:function(acompu,ujwu,ujhu){
							var utasrajzpanel = centertabs.findById('utrajz'+hszam);
							var keresesu = utasrajzpanel.findById('kisutrajz'+hszam);
							if(keresesu != null){
								utasrajzpanel.remove(keresesu);
								keresesu.destroy();
							}
							var utkepw = ujwu;
	    					var utkeph = ujhu-30;
	    					var utrajz1 = getUtnezetPanel(hszam,1,utkepw,utkeph);
	    					utasrajzpanel.add(utrajz1);
							utasrajzpanel.doLayout(true);
						}
					}
				}
        });    		
				
		var hidKepPanel = getHidKepPanel(hszam);
		var oldalnezetpanel = new Ext.Panel({
			id : 'fkepo'+hszam,
			border : false,
			margins: '5 5 5 5',
			columnWidth:.5,
			style : 'text-align: center; font-family: arial, helvetica, sans-serif; font-size:11px; font-weight:bold;',
			html : '<br><br><br><br><br><img src="lib/ext/resources/images/default/grid/loading.gif" /><br><br>Oldalnézet'
		});
		var utnezetpanel = new Ext.Panel({
			id : 'fkepk'+hszam,
			border : false,
			margins: '5 5 5 5',
			columnWidth:.5,
			style : 'text-align: center; font-family: arial, helvetica, sans-serif; font-size:11px; font-weight:bold;',
			html : '<br><br><br><br><br><img src="lib/ext/resources/images/default/grid/loading.gif" /><br><br>Útnézet'
		});
		var fokeppanel =new Ext.Panel({
			border : false,
			layout : 'column',
			title : 'Főképek',
			items : [oldalnezetpanel, utnezetpanel]
		});

		var cardPanel  = new Ext.Panel({
			id : 'card'+hszam,
			region : 'center',
			layout : 'card',
			border : false,
			activeItem: 0,
			items : [fokeppanel, hidKepPanel, oldalrajz, utrajz]
		});
	
		var shortcutPanel = new Ext.Panel({
			region : 'west',
			title : 'Nézetek',
			border : false,
			//bodyStyle: 'padding:3px',
			defaults : {/*bodyStyle: 'padding:3px',*/width: 162, border : false},
			items :[
			  { id: 'btni0_'+hszam, 
				  html: '<a href="#" onclick="switchCardPanel(\''+hszam+'\',0)" title="Főképek - Oldalnézet és útnézet fénykép"><img src="pics/GombFokep.png"/></a>',
				  hidden : true},
			  { id: 'btni0p_'+hszam, 
				  html: '<a href="#" onclick="switchCardPanel(\''+hszam+'\',0)" title="Főképek - Oldalnézet és útnézet fénykép"><img src="pics/GombFokepP.png"/></a>'},
				 { id: 'btni1_'+hszam, 
			     html: '<a href="#" onclick="switchCardPanel(\''+hszam+'\',1)" title="Nyilvántartott fényképek"><img src="pics/GombFenykep.png"/></a>'},
				 { id: 'btni1p_'+hszam, 
			     html: '<a href="#" onclick="switchCardPanel(\''+hszam+'\',1)" title="Nyilvántartott fényképek"><img src="pics/GombFenykepP.png"/></a>',
					 hidden : true},
				{ id: 'btni1d_'+hszam, 
			     html: '<a href="#" onclick="switchCardPanel(\''+hszam+'\',1)" title="Nyilvántartott fényképek"><img src="pics/GombFenykepD.png"/></a>',
					 hidden : true},
				 { id: 'btni2_'+hszam, 
			     html: '<a href="#" onclick="switchCardPanel(\''+hszam+'\',2)" title="Hosszmetszet szerkezeti vázlatrajz"><img src="pics/GombHosszm.png"/><a>'},
				 { id: 'btni2p_'+hszam, 
			     html: '<a href="#" onclick="switchCardPanel(\''+hszam+'\',2)" title="Hosszmetszet szerkezeti vázlatrajz"><img src="pics/GombHosszmP.png"/><a>',
					 hidden : true},
				 { id: 'btni2d_'+hszam, 
			     html: '<a href="#" onclick="switchCardPanel(\''+hszam+'\',2)" title="Hosszmetszet szerkezeti vázlatrajz"><img src="pics/GombHosszmD.png"/></a>',
					 hidden : true},
					{ id: 'btni3_'+hszam, 
			     html: '<a href="#" onclick="switchCardPanel(\''+hszam+'\',3)" title="Keresztmetszet szerkezeti vázlatrajz"><img src="pics/GombKeresztm.png"/></a>'},
					{ id: 'btni3p_'+hszam, 
			     html: '<a href="#" onclick="switchCardPanel(\''+hszam+'\',3)" title="Keresztmetszet szerkezeti vázlatrajz"><img src="pics/GombKeresztmP.png"/></a>',
					 hidden : true},
				{ id: 'btni3d_'+hszam, 
			     	html: '<a href="#" onclick="switchCardPanel(\''+hszam+'\',3)" title="Keresztmetszet szerkezeti vázlatrajz"><img src="pics/GombKeresztmD.png"/></a>',
					 hidden : true}],
			width : 165,
			bodyBorder : true
		});
		
		var	hidCenterPanel = new Ext.Panel({
			id: 'hidcontent-panel'+hszam,
			region: 'center',
			border : true,
			layout:'border',
			items:[
				shortcutPanel,
				cardPanel
			]			
		});	

		var hidAdat = getHidAdatPanelContainer(hszam);
		var hidTreePanel = getHidTreePanel(hszam, hidAdat);

		var hidSouthPanel = new Ext.Panel({
			region: 'south',
			id:'hidsouthpanel'+hszam,
			height: 280,
			border:false,
			//title:'southPanel',
			collapsible: false,
			layout:'border',
			items:[
				hidTreePanel, hidAdat
			]		
		});
		hidTreePanel.expandAll();
		
		var hidFejlec = getHidFejlecPanel(hszam);
		
		var hidFejlecPanel = new Ext.Panel({
			id:'hidfejl'+hszam,
			region: 'north',
			layout:'fit',
//			title : 'hidfejl'+hszam,
			border : false,
			height: 40,
			items: [
				hidFejlec
			]
		});
				
		var hidPanel = new Ext.Panel({
			layout: 'border',
			hideMode:'offsets',
			id:'hidpanel'+hszam,
			width:800,
			height:500,
			title: hnev15,
			border : false,
			closable: true,
			items: [
					hidCenterPanel, hidSouthPanel, hidFejlecPanel
			]		
		});

		centertabs.add(hidPanel);
		centertabs.setActiveTab(hidPanel);		
		centertabs.doLayout(true);
		getHidKepDown(hszam);

		createNewHidadatPanel(hszam,'');	
	}
	else
		centertabs.setActiveTab(tab);

	var valasz = hezJog('func', 1, 'nemreg');
	if (!valasz || userid==21) {
		var cardPanel = centertabs.findById('card' + hszam);
		cardPanel.getLayout().setActiveItem(0);
		var btnindex = 1;
		while (btnindex < 4) {
			var index= btnindex;
			var b = centertabs.findById('btni' + btnindex + '_' + hszam);
			var bd = centertabs.findById('btni' + btnindex + 'd_' + hszam);
			b.setVisible(index != btnindex);
			bd.setVisible(index == btnindex);
			btnindex++;
		}
	}
};

function switchCardPanel(hszam, index) {
	if (userid != 21) {
   	if (index != 0) {
   		var valasz = hezJog('func', 1, 'nemreg');
   		if (valasz) {
   			switchCP_(hszam, index);
   		}
   	}
   	else {
   		switchCP_(hszam, index);
   	}
   }
}

function switchCP_(hszam, index) {
  var cardPanel = centertabs.findById('card' + hszam);
  cardPanel.getLayout().setActiveItem(index);
  
  setbuttondesign(hszam, index, 0);
  setbuttondesign(hszam, index, 1);
  setbuttondesign(hszam, index, 2);
  setbuttondesign(hszam, index, 3);
  
};

function setbuttondesign(hszam, index, btnindex) {
	var b = centertabs.findById('btni'+btnindex+'_'+hszam);
	var bp = centertabs.findById('btni' + btnindex + 'p_' + hszam);	
	b.setVisible(index!=btnindex);	
	bp.setVisible(index == btnindex);
}