Warning: I'm a jquery nooobie.  Please be kind.

I'm trying to stack 40 div boxes, in two columns with an animate function.  I have no problem doing this by; 

     $(".place2").animate({top: '+675px'}, 1125, 'easeOutBounce');

and then changing the "place2" to the next div number and decrease the top by 25 for every second div.  In order to make the coding easier i thought i'd try my hand at a do..while loop.  This is where things get funky.  I now have this code:

2. $(document).ready(function(){
3. // Start animation
4. var i=0;
5. var time1=1000;
6. var time2=1050;
7. var timeInc=100;
8. var tp=700;
9. var place = ".place" + i;
10. 
    
11. $("#places").click(function(){
12. do {
13. $(place).animate({top: "+"+tp+"px"}, time1, 'easeOutBounce');
14. i++;
15. place = ".place" + i;
16. $(place).animate({top:"+"+tp+"px"}, time2, 'easeOutBounce');
17. time1 = time1 + timeInc;
18. time2 = time2 + timeInc;
19. tp = tp - 25;
20. }
21. while (i<40);
22. });
23. });

But instead of every other DIV having a new top value - every DIV is being reduced by 25.  I am completely lost and could use come help.

thanks in advance and if you care to see it in action -  http://www.laurelhousestudio.com/development/testmove.php