function getAbsoluteLeft(htmlObject){
 var xPos = htmlObject.offsetLeft;
 var temp = htmlObject.offsetParent;
 while (temp != null){
     xPos += temp.offsetLeft;
     temp = temp.offsetParent
 };
 return xPos + htmlObject.offsetWidth + 5
};

function getAbsoluteTop(htmlObject) {
 var yPos = htmlObject.offsetTop;
 var temp = htmlObject.offsetParent;
 while (temp != null){
     yPos += temp.offsetTop;
     temp = temp.offsetParent
 };
 return yPos + htmlObject.offsetHeight
};

function createDialog(targetId, dialogId, entry) {
    var targetObj = document.getElementById(targetId);
    var aLeft = getAbsoluteLeft(targetObj);
    var aTop = getAbsoluteTop(targetObj);
    
    var dialogDiv = document.createElement('DIV');
    dialogDiv.id = dialogId;
    dialogDiv.className = "dialog";        
    
    var contentDiv = document.createElement('DIV');
    contentDiv.className = "content";
    
    var topDiv = document.createElement('DIV');
    topDiv.className = "t";
    
    var bottomDiv = document.createElement('DIV');
    var insideBottomDiv = document.createElement('DIV');    
    bottomDiv.appendChild(insideBottomDiv);
    bottomDiv.className = "b";
    
    var entryDiv = document.createElement('DIV');
    entryDiv.innerHTML = entry;
    
    contentDiv.appendChild(topDiv);
    contentDiv.appendChild(entryDiv);   
    dialogDiv.appendChild(contentDiv); 
    dialogDiv.appendChild(bottomDiv);     
    document.body.appendChild(dialogDiv);
    
    //bottomDiv.style.width = dialogDiv.offsetWidth + "px";
    dialogDiv.style.display = "block";    
    dialogDiv.style.left = aLeft + "px";
    dialogDiv.style.top = aTop - targetObj.offsetHeight + 15 + "px";    
}

function showDialog(dialogId) {
    var dialogObj = document.getElementById(dialogId);
    dialogObj.style.display = "block";
}

function hideDialog(dialogId) {
    var dialogObj = document.getElementById(dialogId);
    dialogObj.style.display = "none";
}