Problem z działaniem prostego skrypu Opcje

[black_jack]

Siemka,

[HTML] pobierz, plaintext 
$(document).ready(function(){ 
 
		do {
				setTimeout("$('div#product1').css('display', 'block')" , 1);
				setTimeout("$('div#product1').animate({ opacity: 0}, 800)", 5000);	
				setTimeout("$('div#product1').css('display', 'none')" , 5800);
				setTimeout("$('div#product2').css('display', 'block')" , 5801);
				setTimeout("$('div#product2').animate({ opacity: 0}, 800)", 10000);
				setTimeout("$('div#product2').css('display', 'none')" , 10800);
				setTimeout("$('div#product3').css('display', 'block')" , 10801);
				setTimeout("$('div#product3').animate({ opacity: 0}, 800)", 15000);
				setTimeout("$('div#product3').css('display', 'none')", 15800);
		} while (true);	
 
});
[HTML] pobierz, plaintext 

Nie rozumie zasady działania JQuery. Ten skrypt to bardzo prosty zarys działania mojego małego slidera. Przy chęci użycia powyższego kodu nawet dokument się nie załaduje a już zawieszona przeglądarka. Czemu kod wywołuje się co chwilę zamiast zaczekać na wykonanie instrukcji z do?

Proszę o pomoc w zapętleniu tych prostych instrukcji w nieskończoność.

[Damonsson]

A co jakbyś miał 20 produktów? ;P

Porównaj sobie np z tym: http://www.queness.com/post/152/simple-jqu...sparent-caption