[Katefan]

Доброго времени. Возникла проблема. Суть ее такова:
Имеется скрипт фильтрации блоков

$(function() {
	var newSelection = "";
	$("#flavor-nav a").click(function(){
	    $("#all-flavors").fadeTo(200, 0.10);
		$("#flavor-nav a").removeClass("current");
		$(this).addClass("current");
		newSelection = $(this).attr("rel");
		$(".flavor").not("."+newSelection).slideUp();
		$("."+newSelection).slideDown();
	    $("#all-flavors").fadeTo(600, 1);
	});
});

Когда блоков немного все прекрасно работает, но когда их порядка 500 штук, то при первом клике на фильтре элементы загружаются 12 сек, при дальнейших кликах все работает очень быстро как и положено. Поэтому возникла идея поставить лоадер, чтоб пользователь не ломал голову почему все зависло. Привожу код html для понятности.

<div id="flavor-nav">			
<a rel="all" class="current button type">Все </a>
  <a rel="pop" class="button type">Популярные</a>
</div>


 <div class="flavor all pop"><img src="/p266.jpg"> </div>  	
 <div class="flavor all"><img src="/p267.jpg"> </div>  	
<div class="flavor all"><img src="/p268.jpg"> </div>  	
 <div class="flavor all pop"><img src="/p269.jpg"> </div>

Понимаю что надо поставить картинку

<div id="loading">
  <img id="loading-image" src="/ajax-loader.gif" alt="Loading..." />
</div>

и что то похожее на такой скрипт

$(window).load(function() {
     $('#loading').hide();
  });

только он срабатывает для страницы, а мне нужно для блоков, помогите плиз)