[xTODx]

Всем привет, пока в JS не далёк, но в общем такое дело.
При наведении на картинку, у второй меняется постепенно opacity на 1, когда отводу мышу, назад на 0.
Для этого я написал вот такой вот чудо код

<script>
//IMG
function Imgopp(objid){
	var newop = 0;
	
INTERVAL = setInterval(function(){newop = newop + 0.1;
									opacity(newop);
									 }, 1);
function opacity(newop){
	if(newop < 1.1){
	var obj= $('#'+objid);
	obj.css({'opacity' : newop});
	} else if (newop >=1.1){
		var obj= $('#'+objid);
		obj.css({'opacity' : 1});
		clearInterval(INTERVAL);
		}
	return newop;
	}

}
function Imgzpp(objid){
	var newop =1;
INTERVAL = setInterval(function(){newop = newop - 0.1;
									opacity(newop);
									 }, 1);
function opacity(newop){
	if(newop >= 0.1){
	var obj= $('#'+objid);
	obj.css({'opacity' : newop});
	} else if (newop < 0.11){
		var obj= $('#'+objid);
		obj.css({'opacity' : 0});
		clearInterval(INTERVAL);
		}
	return newop;
	}

}
</script>

код html для вызова

<div id="load1" align="center">
<div id="back"  onmouseover="Imgopp('open1')" onmouseout="Imgzpp('open1')" >
<img src="img1" width="100px"  />
</div>
<div id="front">
<img id="open1" class="open" src="img2 "width="101px" />
</div>
</div>

в СSS у div#front стоит opacity : 0, постепенно меняем его до 1
почему оно останавливается, если быстро провести мышей.