[Slawaq]

<img id="img0" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="100" height="100" /><br/>
<img id="img1" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="100" height="100" />
<script>
to=150;
mouseover=new Array(false,false);
for(i=0;i<2;i++){
    e=document.getElementById('img'+i);
    e.onmouseover=function(){
    e=this;
    id=e.id.substring(3);
    per=to/100;
    a=100;
    b=100;
    mouseover[id]=true;
    setTimeout(function(){
        if((e.width<(a*per))&&(mouseover[id])){
            e.width++;
            e.height++;
            setTimeout(arguments.callee,50);
        }    
        
    },50)
    }
    e.onmouseout=function(){
    e=this;
    id=e.id.substring(3);
    per=to/100;
    a=100;
    b=100;
    mouseover[id]=false;
    alert("real width: "+e.width+" > "+a+"; MouseOnImage: "+mouseover[id])
    setTimeout(function(){
        if((e.width>a)&&(!mouseover[id])){
            e.width--;
            e.height--;
            setTimeout(arguments.callee,50);
        }    
        
    },50)
    }
}

</script>

если навести курсор на картинку то она увеличивается, когда увести то уменьшается, но если увести на другую картинку, то уменьшение не произойдет, вопрос почему? ведь условия рекурсии будут соблюдаться, и будут одинаковы что уводишь на белый фон, что на другую картинку