moveElement(elementID,final_x,final_y,interval)

Code:

1. function moveElement(elementID,final_x,final_y,interval){   
2.     //alert("moveElement");   
3.     i++;   
4.     if(!document.getElementById) return false;   
5.     if(!document.getElementById(elementID)) return false;   
6.     var elem = document.getElementById(elementID);   
7. //  alert(elem.style.left);   
8. //  if(elem.movement){   
9. //      clearTime(elem.movement);   
10. //  }   
11.     if(!elem.style.left){   
12.            
13.         elem.style.left = "0px";   
14.     }   
15.     if(!elem.style.top){   
16.         elem.style.top = "0px";   
17.     }   
18.        
19.     var xpos =parseInt(elem.style.left);//alert(xpos);   
20.     var ypos =parseInt(elem.style.top);//alert(ypos);   
21.     if(xpos==final_x&&ypos==final_y){   
22.         //alert("true");   
23.         return true;   
24.     }   
25.     //alert("xpos="+xpos+"final_x="+final_x);   
26.     if(xpos<final_x){   
27.         var dist = Math.ceil((final_x-xpos)/10);   
28.         xpos=xpos+dist;   
29.     }   
30.     if(xpos>final_x){   
31.         //alert("xpos="+xpos+"final_x="+final_x);   
32.         var dist = Math.ceil((xpos-final_x)/10);   
33.         xpos=xpos-dist;   
34.         //alert("xpos="+xpos+"dist="+dist);   
35.     }   
36.     if(ypos<final_y){   
37.         var dist = Math.ceil((final_y-ypos)/10);   
38.         ypos=ypos+dist;   
39.     }   
40.     if(ypos>final_y){   
41.         var dist = Math.ceil((ypos-final_y)/10);   
42.         ypos=ypos-dist;   
43.     }   
44.     elem.style.left = xpos + "px" ;//alert(xpos);   
45.     elem.style.top  = ypos + "px" ;   
46.     //alert(Math.abs(xpos));   
47.     var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";   
48.     elem.movement = setTimeout(repeat,interval);   
49. }