спасибо за просвещение =))
от что вышло, теперь работает:
<img id="img0" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="100" height="100" /><br/><hr/>
<img id="img1" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="100" height="100" />
<script>
var to=150;
var e=Array(document.getElementById('img'+0),document.getElementById('img'+1));
var mouseover=new Array(false,false);
for(i=0;i<2;i++){
e[i].onmouseover=function(){
var n=this.id.substring(3);
per=to/100;
a=100;
b=100;
mouseover[n]=true;
setTimeout(function(){
if((e[n].width<(a*per))&&(mouseover[n])){
e[n].width+=4;
e[n].height+=4;
setTimeout(arguments.callee,50);
}
},50)
}
e[i].onmouseout=function(){
var n=this.id.substring(3);
mouseover[n]=false;
per=to/100;
a=100;
b=100;
setTimeout(function(){
if((e[n].width>a)&&(!mouseover[n])){
e[n].width-=4;
e[n].height-=4;
setTimeout(arguments.callee,50);
}
},50)
}
}
</script>