[killerleft]

Здравствуйте . я столкнулся со следующей проблемой: имеется код с веб страницы совершающий появлеие и исчезновение картинки при изменении параметра opacity в зависимости отнаведения на неё мышью.

<img name="img1b" style="position:absolute;right:3px;top:8px;opacity:0" width="110" height="60" src="images/button01b.jpg" onmouseover="imgover(img1b,1)" onmouseout="imgover(img1b,-2)">

function imgover(imgName,position)
       {
       opacity = imgName.style.opacity/0.05 ; 
       imgtimer = setInterval(frame,10)  
       function frame()
                { 
                opacity = opacity + position ;  
                imgName.style.opacity = opacity*0.05 ;
                if(imgName.style.opacity == 1||imgName.style.opacity == 0)
                    {
                    clearInterval(imgtimer);
                    }
                }
       }

Код вроде работает исправно , но при кратковременном наведении мышью картинка меняется и остаётся в таком положении независимо от того наведена ли мышь или нет, подскажите как можно подкорректировать код чтобы такого не случалось ? или вобще как нибудь кардинально изменить код ..