帮忙看个js，关于鼠标悬停放大图片的，谢谢

刚开始学写js，在opera下拿这个网站做练习，做个鼠标悬停放大图片的js
但现在的问题如下：我的代码如下
// ==UserScript==
// @name 鼠标悬停放大图片(minitokyo)
// @author yansyrs
// ==/UserScript==var imgDIV;
var mousePosX;
var mousePosY;if(location.hostname.indexOf("browse.minitokyo.net") != -1){
   window.addEventListener(
      "DOMContentLoaded",
      function(){
         //alert("test begin");
         var imageCount = document.images.length;
         document.onmousemove = getMousePos;
         //alert(imageCount);
         for(i=0;i<imageCount;i++){
            var image = document.images[i];
            imgSrc = document.images[i].src;
            image.addEventListener("mouseover",function(){showBigImage(imgSrc)},false);
            image.addEventListener("mouseout",hideBigImage,false);
         }
      },false
   );
}function getMousePos(event){
   mousePosX = event.clientX + window.pageXOffset;
   mousePosY = event.clientY + window.pageYOffset;
}function showBigImage(imgURL){
   //alert("create BigImage");
   //alert(imgURL);
   URLEnd = imgURL.substring(34,imgURL.length);
   //alert(URLEnd);
   imgDIV = document.createElement("div");
   imgDIV.style.visibility="visible";
   imgDIV.setAttribute("style",
      "position:absolute;"+
      "background:#ffffff;"+
      "border:1px solid;"+
      "z-index:999999;"+
      "width:auto;"+
      "height:auto;"+
      "left:"+ mousePosX + "px;" + 
      "top:" + mousePosY + "px;"
   );
   bigImgURL = document.createElement("img");
   bigImgURL.src = "http://static.minitokyo.net/view" + URLEnd;
   imgDIV.appendChild(bigImgURL);
   document.body.appendChild(imgDIV);
}function hideBigImage(){
   if(imgDIV.style.visibility != "hidden")
      imgDIV.style.visibility="hidden";
}
只能放大最后一个图片，不知是哪里出了问题，该怎么改。
请各位大虾帮帮忙，谢谢~