//SETTING UP OUR POPUP  
//0 means disabled; 1 means enabled;  
var popupStatus = 0;
//global var to track the div displayed in popup
//set by the caller click() method
var popupElemId="";

//loading popup with jQuery magic!  
function loadPopup(elem){  
   
	//loads popup only if it is disabled  
	if(popupStatus==0){ 
        popupElemId = elem;
        $("#backgroundPopup").css({
            "opacity": "0.2"  
        });  
        $("#backgroundPopup").fadeIn("fast");  
        $(popupElemId).fadeIn("fast");  
        popupStatus = 1;  
	}  
}  


//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("fast");
		$(popupElemId).fadeOut("fast");
		popupStatus = 0;
        popupElemId = "";
	}
}


//centering popup
function centerPopup(elem){

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

	$("#backgroundPopup").css({
		"height": windowHeight
	});
}