$(document).ready(function() {
		$(function() {
			$("#popUpBox1").draggable({ handle: '#titleBar1' });
		});
	});
	
	function hidePopup(nr){
		$('#popUpBox'+nr).addClass('hide');
		$('#modalBlocker').removeClass('globalOverlay');
		
		document.body.style.overflow = 'visible';
	}
	
	function showPopup(nr){
		$('#popUpBox'+nr).removeClass('hide');
		$('#modalBlocker').addClass('globalOverlay');
		var boxw = $('#popUpBox'+nr).innerWidth();
		var boxh = $('#popUpBox'+nr).innerHeight();
		var winw = $(window).width();
		var winh = $(window).height();
		var scrollt = $(window).scrollTop();
		var topoff = Math.round(scrollt + (winh-boxh)/2);
		var leftoff = Math.round((winw-boxw)/2);

		document.body.style.overflow = 'hidden';
		
		document.getElementById('popUpBox'+nr).style.left=leftoff+"px";
		document.getElementById('popUpBox'+nr).style.top=topoff+"px";
		
//		({top:topoff, left:leftoff});
	}