//wersja z opóźnieniem ukrycia bloków setTimeout
//przebiegamy po pojedynczych obrazkach

var nr = 0;
var liczba_elementow;
var tablica_zdjec;


function pokaz_ban(nazwa)
{		
    $(tablica_zdjec[nr]).css("zIndex",99);

	nr++;
	if(nr >= liczba_elementow)
	{
		nr = 0;	
	}
	$(tablica_zdjec[nr]).css("zIndex",100);
	
	//tablica_zdjec = $(nazwa);
	$(tablica_zdjec[nr]).css("display", "inline").css("opacity", 0).fadeTo(1500, 1,
		function()		
		{	
			//aby prawidłowo były pokazywane obrazki, w CSS ustawiłem display: none; także na obrazkach pod spodem ustawiam css("display", "none")
			if(nr == 0)
				$(tablica_zdjec[liczba_elementow-1]).css("display", "none");
			else
				$(tablica_zdjec[nr-1]).css("display", "none");
			setTimeout('pokaz_ban("'+nazwa+'")', 4000);
		}		
	);
}

/*
function ukryj_ban(nazwa)
{
	tablica_zdjec = $(nazwa);
	
	setTimeout('pokaz_ban("'+nazwa+'")', 1500); // pokazuję już teraz aby sie przenikałay
	
	$(tablica_zdjec[nr]).fadeTo(2000, 0.2,
		function()
		{
			$(this).css("display", "none");
			//alert(nr);
				
			//pokaz_ban(nazwa);
			
		}				
	);
}
*/

$(document).ready( 
	function() 
	{
		liczba_elementow = $("#strony_duze_zdjecia").children().length;
		
		var nazwa = "#strony_duze_zdjecia img";
		
		tablica_zdjec = $(nazwa);  //pobieramy tablicę elementów
		//$(tablica_zdjec[5]).attr("src");  //odwołanie za pomocą jQuery do elementu tablicy		
		
		//można opóźnić pierwsze pokazanie/ukrycie
		//$(tablica_zdjec[nr]).css("zIndex",99);
		
		//$(tablica_zdjec[nr+1]).css("zIndex",100);
		
		$(tablica_zdjec[nr]).css("display", "inline").show(
			function()
			{
				if(liczba_elementow > 1)
					setTimeout('pokaz_ban("'+nazwa+'")', 4000);  //do funkcji przekazuję nazwę elementu do pobrania, a nie gotowy element jQuery
				else
					return;	
			}
		);		
	}
);