$(document).ready(function(){
	
	$('#popUp-background').live("click",function(){
		$(this).remove();
		$('#popUp-container').remove();
	});
	
});

function popUp(html){

	docTop = $(window).scrollTop();
	
	docHeight = $(document).height();
	docWidth = $(document).width();
	
	winHeight = $(window).height();
	
	
	$('body').append('<div id="popUp-background" style="position:absolute;z-index:100;top:0;left:0;background:#333;opacity:0.6;filter: alpha(opacity=50);">&nbsp;</div>');
	
	$('#popUp-background').css('width',docWidth+'px');
	$('#popUp-background').css('height',docHeight+'px');
	
	$('body').append('<div id="popUp-container" style="position:absolute;z-index:101;top:200px;left:0;background:rgba(20,20,20,0.4);padding:10px;">'+html+'</div>');
	

	
	popUpHeight = $('#popUp-container').height();
	popUpWidth = $('#popUp-container').width();
	
	popUpTop = (docHeight>popUpHeight)?((winHeight-popUpHeight)/2+docTop):20;
	popUpLeft = (docWidth>popUpWidth)?(docWidth-popUpWidth)/2:20;
	
	$('#popUp-container').css('top',popUpTop+'px');
	$('#popUp-container').css('left',popUpLeft+'px');
	
}