function showDetails(sDivInnerHTML,divEvent)
{
    //get the popup div...
    var divPopup = document.getElementById("divPopup");
    var divPopupBody = document.getElementById("popupBody");
    
    //and fill in it's innerHTML...
    divPopupBody.innerHTML = sDivInnerHTML;

    //-------------------------------------------------//
    
    //figure out the top and left positions, so it can be centered...
    
    //default, if can't figure out calendar window width...
    var calendarWindowWidth = 480;
    calendarWindowHeight = 340;

    var fudgeFactorLeft = 0;
    var fudgeFactorTop = 0;
                
    if (document.all)
    {
       //for IE and later NN...
       calendarWindowWidth = document.body.clientWidth;
       calendarWindowHeight = document.body.clientHeight;
       
       //make it look perfect for IE, since 80+% share of market
       fudgeFactorLeft = -45;
       fudgeFactorTop = -100;
    }
    else if (document.layers)
    {
       //for earlier NN...
       calendarWindowWidth = window.innerWidth;
       calendarWindowHeight = window.innerHeight;
    }
    
    //set popup size...
    var popupWidth = divEvent.clientWidth;
    popupHeight = divEvent.clientHeight;


    
    var leftPos = ((calendarWindowWidth - popupWidth)/2) + fudgeFactorLeft;
    topPos = ((calendarWindowHeight - popupHeight)/2) + fudgeFactorTop;

    //-------------------------------------------------//
    
    divPopup.style.left = leftPos;
    divPopup.style.top = topPos;
    
    //common method in commonMethods.js used 
    //to set XY for top left of object to be at
    //cursor...
    setXYPosition(divPopup);
    
    //now display the popup...
    divPopup.style.visibility = "visible";
}

function hideDetails(divPopupCloseButton)
{
    divPopupCloseButton.parentNode.parentNode.style.visibility = "hidden";
}