[Syntax] - Animação de elementos dinâmica

<!--Créditos: Willian Luigi-->

<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.easing.1.3"></script>
<script>
var ITERATOR = 5;
$(document).ready(function(){
    $(document).click(function(e){
for(var i = 1; i <= ITERATOR; i++)
{
        if (e.pageX > (document.getElementById("id" + i).offsetLeft + (document.getElementById("id" + i).offsetWidth / 2) - 100) && e.pageX < (document.getElementById("id" + i).offsetLeft + (document.getElementById("id" + i).offsetWidth / 2) + 100) && e.pageY > (document.getElementById("id" + i).offsetTop + (document.getElementById("id" + i).offsetHeight / 2) - 100) && e.pageY < (document.getElementById("id" + i).offsetTop + (document.getElementById("id" + i).offsetHeight / 2) + 100))
        {
            var grays = new Array(2);
            grays[0] = document.getElementById("id" + i).offsetLeft + 80;
            grays[1] = document.getElementById("id" + i).offsetTop + 80;
        }
}

        $('#grays').animate({left:grays[0], top:grays[1]});

        $('#grays').animate();
    });
});
</script>
<html>
<!--<h2 id="lk">-->
<div id="grays" style="background-color:gray;width:50px;height:50px;position:absolute;border-radius:80px;"></div>
<!--<div id="grays1" style="background-color:none;border:1px solid #FF0000;width:200px;height:50px;position:absolute;left:600px;top:800px;" onClick="Mouse(this);"></div>-->
<div id="id1" style="background-color:none;border:1px solid #FF0000;width:200px;height:200px;position:relative;left:1000px;top:90px;"></div>
<div id="id2" style="background-color:none;border:1px solid #FF0000;width:200px;height:200px;position:relative;left:200px;top:700px;"></div>
<div id="id3" style="background-color:none;border:1px solid #FF0000;width:200px;height:200px;position:relative;left:500px;top:500px;"></div>
<div id="id4" style="background-color:none;border:1px solid #FF0000;width:200px;height:200px;position:relative;left:800px;top:100px;"></div>
<div id="id5" style="background-color:none;border:1px solid #FF0000;width:200px;height:200px;position:relative;left:950px;top:300px;"></div>
</html>

<!--Você pode adicionar mais elementos em DIV apenas incrementando o ID ao antigo e modificando o valor do ITERATOR para o número de elementos que existem-->