var mytip = null;

document.onmousemove = updatetip;

function updatetip(e)
{
        if (mytip != null)
        {
                if (document.all)
                {
                        x = window.event.x + document.body.scrollLeft;
                        y = window.event.y + document.body.scrollTop;
                }
                else
                {
                        x = e.pageX;
                        y = e.pageY;
                }

                mytip.style.left = (x + 12) + "px";
                mytip.style.top  = (y + 12) + "px";
        }
}

function showtip(e)
{
        mytip = document.getElementById('tooltipdesign');
        mytext = document.getElementById('tooltiptext');

        updatetip(e);

        mytip.style.display = "block";

        if (e.title != "")
        {
        e.save = e.title;
        e.title = "";
        }

        mytext.innerHTML = e.save;
}

function hidetip()
{
        mytip.style.display = "none";
        mytip = null;
}