function showPopup(id)
{
	var curtain = document.createElement('div');
	$(curtain).attr('id','curtain');
	$(document.body).append($(curtain));
	
	$(curtain).fadeIn('def', function() {
		var popup = document.createElement('div');
		$(popup).attr('id', 'popup');
		$(popup).hide();
		$('#curtain').append($(popup));
		$(popup).load('http://' + document.domain + '/popup',{
			id: id
		}, function() {
			$(popup).fadeIn('fast', function() {
				$('#crossPopup').click(closePopup);
				$('#curtain').click(closePopup);
				$('#popup').click(function() { return false; } );
				$(document).keydown(function(e) { 	
					if(e == null) { // ie
						keycode = event.keyCode;
					} else { // others
						keycode = e.keyCode;
					}
					if(keycode == 27) { // close
						closePopup();
					}
				});
			});
		});
	});
}

function closePopup()
{
	$(document).unbind('keydown');
	$('#curtain').unbind('click');
	$('#crossPopup').unbind('click');
	$('#curtain').fadeOut('def', function() {
		$('#curtain').remove();
	});
}