function showTooltip(image,strDisplay) 
{
    //strDisplay = formatString(strDisplay);
    var el = document.getElementById("tipDiv");

    if(el == null)
    {    
        el = document.createElement("DIV");
        el.id = "tipDiv";
        document.forms[0].appendChild(el);
    }
      
    el.innerHTML= strDisplay;
    el.style.visibility = "visible";
    el.style.position ="absolute";
    getMouseXY();
}



function formatString(strDisplay)
{
     
    var result = "";
    result = "<table cellpadding=\"2\" cellspacing=\"2\">";
    
    result += "<tr><td class=\"gridtitle\" colspan=\"3\">Employee Summary</td></tr>";
    
    var items = strDisplay.split("/");
    
    var i = 0;
    while(i < items.length)
    {
        itemDetail = items[i].split(",");
        result += "<tr>";
        result += "<td>" + "<img src=\"Images/bullet_blue.png\" />" + "</td>";
        result += "<td class=\"labelgrey\">" + itemDetail[0] + "</td>";
        result += "<td>" + itemDetail[1] + "</td>";
        result += "</tr>";
        i++;
    }
    
    result += "</table>";

    return result;
}




function moveTooltip(x,y) 
{
    var el = document.getElementById("tipDiv");
    el.style.left = x + "px";	
    el.style.top = y + "px";	
}

    
function getMouseXY(e) 
{
    var IE = document.all?true:false;

    if (!IE) document.captureEvents(Event.MOUSEMOVE)
    document.onmousemove = getMouseXY;
    var tempX = 0;
    var tempY = 0;

    if (IE) 
    {   if(event != null)
        {
            // grab the x-y pos.s if browser is IE
            tempX = event.clientX + document.body.scrollLeft;
            tempY = event.clientY + document.body.scrollTop;
        }
    }
    
    else 
    {   
        // grab the x-y pos.s if browser is NS
        if(e != null)
        {
            tempX = e.pageX;
            tempY = e.pageY;
        }
    }
    
    if (tempX < 0)
    {   
        tempX = 0;
    }

    if (tempY < 0)
    {
        tempY = 0;
    }

    tempX = tempX + 3;
    tempY = tempY + 3;

    moveTooltip(tempX,tempY);
    
    
    return true;
}


function hideTooltip() {
    document.onmousemove = "";
    document.getElementById("tipDiv").style.visibility = "hidden";
}