javascript捕捉图片复制后移动的坐标问题?

现在我把控件都做成图(img),能用javascript实现控件图片的复制(效果相当于CS的工具框一样,复制一个控件图片出来放在页面上),这个功能是参照网上一个下好的js例子,但是我想捕捉到放在页面上的这些复制的控件坐标位置,因为原来的图片id是可以自己设置的,但拖出来复制后的这些图片,他的id我是不知道的,而且因为网上的那个js比较复杂,我看的不是太懂,所以不知道怎么改!但是我想应该不用在那个js里面追加些什么东西,应该可以在自己函数里让他每拖出(复制)一个就自动生成id.请各位javascript的高人指点一下!程序如下!(如果需要在原来的js里改请告诉我,我把代码贴出来给达人看!)
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>MyPicture.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->  </head>
  
  <body>
  <script type="text/javascript" src="scripts/wz_dragdrop.js">//网上的js完成图片的拖动复制等很多功能
  </script>
  <h4>控件框</h4>
  <table border>
   <tr><td>按钮 <img src="images/button.jpg" name="button" id="button"></td></tr>
   <tr><td>提交按钮<img src="images/submit.jpg" name="submit" id="submit"></td></tr>
   <tr><td>重置按钮<img src="images/reset.jpg"  name="reset" id="reset"></td></tr>
   <tr><td>复选框<img src="images/checkbox.jpg" name="checkbox" id="checkbox"></td></tr>
   <tr><td>单选框<img src="images/radio.jpg" name="radio" id="radio"></td></tr>
   <tr><td>文本框<img src="images/text.jpg" name="text" id="text"></td></tr>
   <tr><td>下拉框<img src="images/select.jpg" name="select" id="select"></td></tr>
   <tr><td>文本域<img src="images/textarea.jpg" name="textarea" id="textarea"></td></tr>
   </table>
   <script type="text/javascript">
   <!--
   SET_DHTML("button","submit","reset","checkbox","radio","text","select","textarea");//网上js里的函数只要想拖动的图片放进去就可以
   dd.elements.reset.copy(2);//网上js的方法复制图片的个数用来拖拽放到页面上
   dd.elements.button.copy(10);
   dd.elements.submit.copy(2); 
   dd.elements.radio.copy(5);
   dd.elements.text.copy(10);
   dd.elements.select.copy(5);
   dd.elements.textarea.copy(3);
   dd.elements.checkbox.copy(5);
  
//-->   </script>   </body>
</html>