var hidkepeleres = '../../';
//var hidkepeleres = 'http://www.hidadatok.hu/';
function kepmegjeleno(hkepo,hszam,hnev, nezet){	
    var kephidnezet = new Ext.Window({
//		id: "hidnezet"+hszam+nezet,
		title		: 'Hídszám:' +hszam +'      Név:'+ hnev+'      ('+nezet+')',
		constrainHeader : 'true',
		draggable : true,
		resizable : false,
//		center:true,
		modal : true,	
		html		:'<img src="'+hidkepeleres + hkepo + '" >',
//		autoHeight	:true,
		width	:810
	}); 
	kephidnezet.setPosition(0,0);
    kephidnezet.show();
};

function getHidKepDown(hszam){
	function keprajzolas(obj){	
		var hkepo = obj.adatok.hkepo;
		var hkepk = obj.adatok.hkepk;
		var hkepe = obj.adatok.hkepe;
		var hnev = obj.adatok.hnev;
		var hidkepek = centertabs.findById('hidkepek'+hszam);
		var cardpanel = centertabs.findById('card'+hszam)
    var fokepoldal = centertabs.findById('fkepo'+hszam);
		var fokeput = centertabs.findById('fkepk'+hszam);
		if (hidkepek == null) {
			alert("Nincs 'hidkepek"+hszam+"' panel");
			return;
		}
		
		if ((hkepk == "")|| (hkepk == "nincs")){
			if (fokeput!=null) 
				fokeput.body.update('<br><br><br><br><img src="css/exclamation_frame.png"><br><br>A "'+hnev+'"-ról nem áll rendelkezésre útnézeti kép.');
		}
		else{

 		if (fokeput!=null) {
				var h =  cardpanel.getSize().height-58;
				var w = Math.round(cardpanel.getSize().width/2 - 10);
				fokeput.body.update('<br><img alt="" src="phpk/kepmeretezo.php?width='+w+'&height='+h+'&kep=../'+hkepk +'" onClick="kepmegjeleno(\''+hkepk+'\',\''+hszam+'\',\''+hnev+'\',\'útnézet\')"; ondblClick=""; valign="center" text-align="center" ><br>Útnézet');
			}
	}
		
		if((hkepo == "")||(hkepo == "nincs")){
			if (fokepoldal!=null) 
				fokepoldal.body.update('<br><br><br><br><img src="css/exclamation_frame.png"><br><br>A "'+hnev+'"-ról nem áll rendelkezésre oldalnézeti kép.');
		}
		else{
			if (fokepoldal!=null) {
				var h = cardpanel.getSize().height - 58;
				var w = Math.round(cardpanel.getSize().width/2 - 10);
				fokepoldal.body.update('<br><img alt="" src="phpk/kepmeretezo.php?width='+w+'&height='+h+'&kep=../'+hkepo +'" onClick="kepmegjeleno(\''+hkepo+'\',\''+hszam+'\',\''+hnev+'\',\'oldalnézet\')"; ondblClick=""; valign="center" text-align="center" ><br>Oldalnézet');
			}
		}
		
	};
	
	function ureskeprajzolas(){
		/*
		var hidkepek = centertabs.findById('hidkepek'+hszam);
		if (hidkepek == null) {
			alert("Nincs 'hidkepek"+hszam+"' panel");
			return;
		}
		var betoltesfelirat = hidkepek.findById('betoltesfelirat'+hszam);
		if (betoltesfelirat != null) {
			hidkepek.remove(betoltesfelirat);
			betoltesfelirat.destroy();
		}

		
		hidkep = new Ext.Panel({
				id: 'hidwest-panel'+hszam,
				width: 160,
				border:false,
				autoHeight:true,
				collapsible:true,
				html:'Nincs kép'
		});
		hidkepek.add(hidkep);
		hidkepek.doLayout(true);
		*/
		
		var fokepoldal = centertabs.findById('fkepo'+hszam);
		var fokeput = centertabs.findById('fkepk'+hszam);
		if (fokeput!=null) 
				fokeput.body.update('<br><br><br><br><img src="css/exclamation_frame.png"><br><br>A "'+hszam+'" sz. hídról nem áll rendelkezésre útnézeti kép.');
		if (fokepoldal!=null) 
				fokepoldal.body.update('<br><br><br><br><img src="css/exclamation_frame.png"><br><br>A "'+hszam+'" sz. hídról nem áll rendelkezésre oldalnézeti kép.');
		
	};
	
	var kepekneve= new Ext.data.Connection();
	kepekneve.request({
		url: eleresiut+'kepekneve.php',   
		params: {hszam: hszam},
		method:'POST', 

		callback: function(options,succes,response){ 
			var obj = Ext.util.JSON.decode(response.responseText); 
			if(obj.adatok.valasz == "remek"){
				keprajzolas(obj);
				} 
			else
				ureskeprajzolas();
		} 
	}); 
};
function getHidKepPanel(hszam){

	var betoltesfelirat= new Ext.Panel({
		id:'betoltesfelirat'+hszam,
		width: 170,
		style: ' body {font: 11px Arial, Helvetica, sans-serif;}',
		border:false,
		html:'Képek betöltése folyamatban...'
	});

  var view = new Ext.DataView({
     itemSelector: 'div.thumb-wrap',
		 id : 'images',
        style:'overflow:auto',
			  store: new Ext.data.JsonStore({
  	  	url: eleresiut+'kepnevekget.php',
				baseParams: {hszam: hszam}, 
            autoLoad: true,
            root: 'images',
            id:'name',
            fields:[
                'name', 'url', 'tip', 'hnev'
            ]
        }),
        tpl: new Ext.XTemplate(
            '<tpl for=".">',
            '<div class="thumb-wrap" id="{name}">',
            '<div class="thumb"><img src="phpk/kepmeretezo.php?width=160&height=120&kep=../{url}" onClick="kepmegjeleno(\'{url}\',\''+hszam+'\',\'{hnev}\',\'{tip}\')"; ondblClick=""; valign="center" text-align="center" class="thumb-img"></div>',
            '</div>',
            '</tpl>'
        )
    });
	
	var hidkepek = new Ext.Panel({
		title:'hidkepek'+hszam,
		id:'hidkepek'+hszam,
    autoScroll : true,
		border: false,
		layout : 'fit',
		title : 'Fényképek',
		items:[view]
//		items:[betoltesfelirat]
	});
	
	

	return hidkepek;
};