var objNum=0; 
var cursorPosXStart,cursorPosYStart; 
var objPosLeftStart,objPosTopStart; 
  
function init() 
{ 
    if (document.captureEvents) 
    { 
        document.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP); 
    } 
    document.onmousedown = startDrag; 
    document.onmouseup = endDrag; 
} 
  
function startDrag(e) 
{ 
    objNum= whichObj(e); 
    if(objNum!=null) 
    { 
    cursorPosXStart = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.clientX; 
    cursorPosYStart = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.clientY; 
  
        
    objPosLeftStart=parseInt(document.getElementById(objNum).style.left); 
    objPosTopStart=parseInt(document.getElementById(objNum).style.top); 
  
    if (document.captureEvents) 
        { 
            document.captureEvents(Event.MOUSEMOVE); 
        } 
         document.onmousemove= moveIt; 
    } 
    return false; 
} 
  
function moveIt(e) 
{ 
    var cursorPosX = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.clientX; 
    var cursorPosY = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.clientY; 
  
    document.getElementById(objNum).style.left=objPosLeftStart+cursorPosX-cursorPosXStart; 
    document.getElementById(objNum).style.top=objPosTopStart+cursorPosY-cursorPosYStart; 
     
    return false; 
} 
  
function endDrag(e) 
{ 
    objNum = null; 
    if (document.captureEvents) 
    { 
    document.releaseEvents(Event.MOUSEMOVE); 
    } 
    document.onmousemove= ""; 
} 
  
function whichObj(e) 
{ 
    n=1; 
    var id="move"; 
     
    var cursorPosX = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.clientX; 
    var cursorPosY = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.clientY; 
    while (document.getElementById(id+n)) 
    {  
        document.getElementById(id+n).style.position="absolute"; 
        document.getElementById(id+n).style.zIndex=1000-n; 
        document.getElementById(id+n).style.cursor="default"; 
  
        if(document.getElementById(id+n).style.left=="" || document.getElementById(id+n).style.left==null) 
        {  
            document.getElementById(id+n).style.left=50; 
            document.getElementById(id+n).style.top=32; 
        } 
         
        objPosLeft=parseInt(document.getElementById(id+n).style.left); 
        objPosTop=parseInt(document.getElementById(id+n).style.top); 
  
        if ((cursorPosX > objPosLeft) && 
        (cursorPosX < objPosLeft + document.getElementById(id+n).offsetWidth) && 
        (cursorPosY > objPosTop) && 
        (cursorPosY < objPosTop + document.getElementById(id+n).offsetHeight)) 
        { 
            return id+n; 
        } 
        else n++; 
    } 
    return null; 
}