var i = 0;

jQuery(document).ready(function(){

	function animate()
	{
		// Tasowanie paneli z produktami
		// Pobranie obiektów do zmiennych lokalnych
		var first = jQuery("#products_left .first");
		var second = jQuery("#products_left .second");
		var third = jQuery("#products_left .third");
		
		switch(i)
		{
			// Widoczny jest pierwszy element
			case 1:
				// Ukryj pierwszy panel
				jQuery(first).css("z-index", "121").fadeOut("slow");
				// Pokaż drugi panel
				jQuery(second).css("z-index", "124").fadeIn("slow");
			break;
			
			// Widoczny jest drugi element
			case 2:
				// Ukryj pierwszy panel
				jQuery(second).css("z-index", "122").fadeOut("slow");
				// Pokaż drugi panel
				jQuery(third).css("z-index", "124").fadeIn("slow");
			break;
			
			// Widoczny jest drugi element
			case 3:
				// Ukryj pierwszy panel
				jQuery(third).css("z-index", "123").fadeOut("slow");
				// Pokaż drugi panel
				jQuery(first).css("z-index", "124").fadeIn("slow");
			break;
		}
		
		// Inkrementacja wartości
		i++;
		
		// Sprawdzenie zakresu
		if(i > 3)
			i = 1;
	}
	
	setInterval(animate, 8000);
	
});