$("BODY").append('<div id="popup_overlay" onClick="hideOverlay()"></div>');
$("BODY").append('<div id="popup_img" onClick="hideOverlay()"></div>');
$("#popup_overlay").css({
	position: 'absolute',
	zIndex: 99998,
	top: '0px',
	left: '0px',
	width: $(document).width(),
	height: $(document).height(),
	background: '#000',
	opacity: .5,
	display: 'none',
	cursor: 'pointer'
});
$("#popup_img").css({
	position: 'absolute',
	zIndex: 99999,
	display: 'none',
	cursor: 'pointer',
	border: '1px solid'
});

function showOverlay(imgSrc){
	var img = new Image();
	img.src = imgSrc;
	if (img.width >= img.height){
		img.height = 640 / img.width * img.height;
		img.width = 640;
		var imgWH = 'width="640px"';
		var tableW = 640;
	}
	else {
		img.width = 640 / img.height * img.width;
		img.height = 640;
		var imgWH = 'height="640px"';
		var tableW = 480;
	}
	var divL = ($(window).width() / 2) - (img.width / 2);
	var divT = ($(window).height() / 2) - (img.height / 2) - 10;
	
	var imageSrc = imgSrc.replace('_t1','');
	imageSrc = imageSrc.replace('_t2','');

	$('#popup_overlay').show();
	$('#popup_img').show();
	$('#popup_img').css({left:divL+'px',top:divT+'px'});
	$('#popup_img').html('<table boder="0" cellpadding="0" cellspacing="0" width="'+tableW+'px"><tr><td width="100%" align="right" style="background:#000000;font-family:arial;color:#FFFFFF"><b>bezárás (X)</b></td></tr></table>'+
	'<img src="'+imageSrc+'" '+imgWH+'>');
	$("BODY").keypress(function(e){
		hideOverlay();
	});
}

function hideOverlay(){
	$('#popup_overlay').hide();
	$('#popup_img').hide();
	$('#popup_img').html('');
	$("BODY").keypress(function(e){
	});
}