// assumptions there will always be a div called backgroundPopup
// pass id for the content div in  contentId, eg. "#popupCalendar"
// pass id for outer centering div in outerId, eg. "#calendar"
//
//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
//loading popup with jQuery magic!
function loadPopup(contentId){
//loads popup only if it is disabled
if(popupStatus==0){
$("#backgroundPopup").css({
"opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$(contentId).fadeIn("slow");
popupStatus = 1;
}
}
//disabling popup with jQuery magic!
function disablePopup(contentId){
//disables popup only if it is enabled
if(popupStatus==1){
$("#backgroundPopup").fadeOut("slow");
$(contentId).fadeOut("slow");
popupStatus = 0;
}
}
//centering popup
function centerPopup(outerId, contentId){
//request data for centering
//var windowWidth = document.documentElement.clientWidth;
//var windowHeight = document.documentElement.clientHeight;
var windowWidth = $(outerId).width();
var windowHeight = $(outerId).height();

var popupHeight = $(contentId).height();
var popupWidth = $(contentId).width();
var outerTop = $(outerId).offsetTop;
var outerLeft = $(outerId).offsetLeft;
//centering
$(contentId).css({
"position": "absolute",
//"top": windowHeight/2-popupHeight/2,
//"left": windowWidth/2-popupWidth/2
"top":outerTop,
"left":outerLeft
});
//only need force for IE6

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

}