var var_CurrentlyOpenedDiv = '';

function jQueryModalPopup_Show(DivNameToShow) 
{

var_CurrentlyOpenedDiv = DivNameToShow;

//Get the screen height and width   
var maskHeight = $(document).height();   
var maskWidth = $(window).width();   
       
//Set height and width to mask to fill up the whole screen   
$('#jquerymodalpopup_BackgroundMask').css({'width':maskWidth,'height':maskHeight,'top':0,'left':0});   
//transition effect        
$('#jquerymodalpopup_BackgroundMask').fadeTo("slow",0.8);
$('#jquerymodalpopup_BackgroundMask').fadeIn(1000);       
 

//Get the window height and width   
var winH = $(window).height();
var winW = $(window).width();

var div_ToShow = $('#' + DivNameToShow);

//Set the popup window to center   
//div_ToShow.css('top',  winH / 2 - div_ToShow.height() / 2 + $(window).height() + "px");   
//div_ToShow.css('left', winW / 2 - div_ToShow.width() / 2 + $(window).width() + "px");   

div_ToShow.css('top',  winH / 2 - div_ToShow.height() / 2 + "px");   
div_ToShow.css('left', winW / 2 - div_ToShow.width() / 2 + "px");   

//transition effect   
div_ToShow.fadeIn(1000);

}

function jQueryModalPopup_Hide() 
{
    if(var_CurrentlyOpenedDiv == '')
    {
        return;
    }
    
    var div_ToShow = $('#' + var_CurrentlyOpenedDiv);
    div_ToShow.fadeOut();
    $('#jquerymodalpopup_BackgroundMask').fadeOut();
    
    var_CurrentlyOpenedDiv = '';
}