[0931454574]

$(document).ready(function() {

var y = '+=1';
var x = '+=1';
var i = 0;

for (i=0;i<500;i++)
{
	   $("p").text(i);	
	 tx=$('#book').css('top');
     ty=$('#book').css('left');
	 
	 
     tx1 = tx.replace("px", "");
	 ty1 = ty.replace("px", "");
	 
		 
			 if (ty1 > 100)
			 {
				y = '-=1'; 
		 	 }	else
			 {
				 y = '+=1';
			 }
			 if(tx1 > 100)
			 {
				x = '-=1';
			 }	else
			 {
				 x = '+=1';
			 }
  			$('#book').animate(
				{
	   			opacity: 0.25,
    			top:x,
				left: y
    	     	}, 1, function() {
	  // alert($('#book').css('top'));
    // Animation complete.
 				 });
}
//});

});

Грубо говоря эта функция должна проверять каждый раз условие на зашел ли элемент за границу, а получается что выполняется сначала строчка $("p").text(i); , а только потом анимация и то без проверки условий, короче говоря порядок выполнения неправильный! надеюсь ясно что я хочу получить в итоге