var prevClientY;
var prevClientX;

function ShowTooltipSpeaker(imageFile)
{        
    var defaultPopupWidth = 180;
    
    if (imageFile != ""){
        document.getElementById("tdImage").innerHTML="<IMG SRC='../Images/Seminar_Photos/" + 
            imageFile + "' style='max-width: 180px;' alt='Staff Image'>";
    } else {
        document.getElementById("tdImage").innerHTML="";
    }
    
    x = event.clientX + (document.documentElement.scrollLeft ? document.body.scrollLeft : document.body.scrollLeft);
    if ((x + defaultPopupWidth) >= document.documentElement.clientWidth){
        x = document.documentElement.clientWidth - defaultPopupWidth - 10;
    }
    
    y = event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
    
    if (event.clientY > prevClientY){
        y = y + 15;
    } else {
        y = y + 4;
    }
    
    TooltipContainer.style.display="block";
    TooltipContainer.style.left = x;
    TooltipContainer.style.top = y;
     
    prevClientY = event.clientY;    
 }
 
function ShowTooltip(emplid,fullName,workingTitle,address1,address2,phone,email,imageFile)
{        
    var defaultPopupWidth = 250;

    document.getElementById("tdName").innerText=fullName; 
    document.getElementById("tdWorkingTitle").innerText=workingTitle;
    document.getElementById("tdAddress1").innerText=address1;
    document.getElementById("tdAddress2").innerText=address2;
    document.getElementById("tdPhone").innerText=phone;
    document.getElementById("tdEmail").innerHTML=email;
    
    
    if (imageFile != ""){
        document.getElementById("tdImage").innerHTML="<IMG SRC='Images/Photos/" + 
            imageFile + "' width='80' alt='Staff Image'>";
    } else {
        document.getElementById("tdImage").innerHTML="";
    }
    
    x = event.clientX + (document.documentElement.scrollLeft ? document.body.scrollLeft : document.body.scrollLeft);
    if ((x + defaultPopupWidth) >= document.documentElement.clientWidth){
        x = document.documentElement.clientWidth - defaultPopupWidth - 10;
        //x = event.clientX - 380;
    }
    
    y = event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
    //if (document.documentElement.clientHeight - event.clientY  < 120){
    //    y = document.documentElement.scrollTop + 267;
    //    //y = event.clientY - 200;
    //}
    
    if (event.clientY > prevClientY){
        y = y + 15;
    } else {
        y = y + 4;
    }
    
    TooltipContainer.style.display="block";
    TooltipContainer.style.left = x;
    TooltipContainer.style.top = y;
     
    prevClientY = event.clientY;
    
 }

function HideTooltip()
{
    TooltipContainer.style.display="none";
}