// global variable
box = null;
function makeBoxMovable(id)
{
        var element = document.getElementById(id);
        if (!element) return;
        if (!box)
        {
                box = new Object();
                box.element = element;
                box.xOrigin = element.offsetLeft;
                box.yOrigin = element.offsetTop;
                box.isActive = true;
        }
        box.element.style.visibility = 'visible';

}


function resetBox(id)
{
        if (!box) return;
        box.isActive = false;
        if (box.element.id == id)
        {
                box.element.style.left = box.xOrigin + 'px';
                box.element.style.top = box.yOrigin + 'px';
                box.element.style.visibility = 'hidden';
                box = null;
        };

}

document.onmousemove = updatePosition;
function updatePosition(e)
{
        var x, y;
        if (document.all)
        {
                x = event.clientX + document.body.scrollLeft;
                y = event.clientY + document.body.scrollTop;
        } else
        {
                x = e.pageX;
                y = e.pageY;
        };

        if (box && box.isActive)
        {
                box.element.style.left = x + 10 + 'px';
                box.element.style.top = y + 10 + 'px';
        };

}