function showPopup(popup) {
	blackBack = $('<div id="blackBack"></div>');
	blackBack.height(document.body.clientHeight).click(closePopup).appendTo('body');
	iframeBack = $('<iframe id="iframeBack"></iframe>');
	iframeBack.height(document.body.clientHeight).appendTo('body');
	currentOffset2 = 0;
	currentOffset = document.documentElement.scrollTop || document.documentElement.scrollTop;
	var windowHeight;
	windowHeight = document.documentElement.clientHeight;
	if (windowHeight < $('#'+popup).height()) {
		currentOffset = (currentOffset + 10);
	} else {
		currentOffset2 = parseInt((windowHeight - $('#'+popup).height()) / 2);
	}
	pLeft = (document.body.clientWidth - $('#'+popup).width()) / 2;
	$('#'+popup).css({top:currentOffset+currentOffset2,left:pLeft}).show();
}

function closePopup() {
	$('#iframeBack').remove();
	$('#blackBack').remove();
	$('.popup').remove();
}

function setCenter(item) {
	windowHeight = document.documentElement.clientHeight;
	currentOffset = document.documentElement.scrollTop || document.documentElement.scrollTop;
	currentOffset = currentOffset + parseInt((windowHeight - $(item).height()) / 2);
	pLeft = (document.body.clientWidth - $(item).width()) / 2;
	$(item).css({top:currentOffset,left:pLeft}).show();
}

function showImage(i) {
	popup = $('<div class="popup"><img src='+i+' alt=""><br><img src="img/close.gif" class="close" onClick="closePopup();return false" alt="Закрыть"></div>');
	blackBack = $('<div id="blackBack"></div>');
	//alert(document.body.offsetHeight+'\n'+document.body.clientHeight+'\n'+document.documentElement.offsetHeight+'\n'+document.documentElement.clientHeight)
	blackBack.height($('body > table').height()).click(closePopup).css({opacity:0}).appendTo('body').animate({opacity:0.75},200,function(){  
		popup.appendTo('body');
		$('div.popup img').not('img.close').css({opacity:0}).animate({opacity:1},200);
		setCenter(popup)
	});
	//iframeBack = $('<iframe id="iframeBack"></iframe>');
	//iframeBack.height(document.body.clientHeight).appendTo('body');
	
}