//SETTING UP OUR POPUP  
//0 means disabled; 1 means enabled;  
var popupStatus = 0;

//loading popup with jQuery magic!  
function loadPopup(popupId, bgId){  
	//loads popup only if it is disabled  
	if(popupStatus==0){  
		
		centerPopup(popupId, bgId)
		
		$(bgId).css({  
			"opacity": "0.7"  
		});  
		$(bgId).fadeIn("slow");  
		$(popupId).fadeIn("slow");  
		
		//Click out event!
		$(bgId).click(function(){
			disablePopup(popupId, bgId);
		});
		
		popupStatus = 1;  
	}  
}

//disabling popup with jQuery magic!  
function disablePopup(popupId, bgId){  
	//disables popup only if it is enabled  
	if(popupStatus==1){  
		$(bgId).fadeOut("slow");  
		$(popupId).fadeOut("slow");  
		popupStatus = 0;  
	}  
}

//centering popup  
function centerPopup(popupId, bgId){  
	//request data for centering  
	var windowWidth = document.documentElement.clientWidth;  
	var windowHeight = document.documentElement.clientHeight;  
	var popupHeight = $(popupId).height();  
	var popupWidth = $(popupId).width();  
	//centering  
	$(popupId).css({  
		"position": "fixed",  
		"top": windowHeight/2-popupHeight/2,  
		"left": windowWidth/2-popupWidth/2  
	});  
	//only need force for IE6  
	  
	$(bgId).css({  
		"height": windowHeight  
	}); 
}