clearInterval при окончании анимации

[UnderShot]

Есть код:

<style>
div{width:100px;height:100px;position:absolute;background:#000;}
</style>
<div></div>
<script>
function animate(a){
	var i=0;
	return (function(){
		if(++i<100){
			a.style.left=i+"px";
		}
		else alert("Выполнено");
		setInterval(arguments.callee,10)
	})();
}
animate(document.getElementsByTagName("div")[0])
</script>

После выполнения анимации наступит вечный алерт… Не знаю, где применить clearInterval(), чтобы вовремя остановить повторение функции.

[monolithed]

<style type="text/css">
div {
    background: blue;
    position: absolute;
    width: 100px;
    height: 100px;
}
</style>

<script type="text/javascript">
window.onload = function(){
    var i = 0;
    (function(){
        if(++i <= 200){
           var element =  document.getElementsByTagName('div')[0];
           element.style.left = i+'px';
           setTimeout(arguments.callee, 10);
        }
        else {
            alert('finished');
        }
    })();
};
</script>
<div></div>

[UnderShot]

Да, спасибо