var items;
var currentTop = 0;
var blockAnim = false;

// funkcja zmieniająca obrazek do innego
function slideTo(num) {
	if (num != currentTop && !blockAnim) {
		blockAnim = true;
		
		var onTop = $('#slider-'+currentTop);
		var newTop = $('#slider-'+num);
		
		currentTop = num;
		newTop.css('z-index',10);
		
		onTop.fadeOut('slow', function(){
			newTop.css('z-index', 20);
			onTop.css('z-index', 5).show();
			
			blockAnim = false;
		});
		return true;
	}
	return false;
}

// przygotowanie pętli
var sliderInterval;

function prepareNewLoop() {
	if (sliderInterval) {
		clearInterval(sliderInterval);
	}
	
	sliderInterval = setInterval(function(){
			slideTo((currentTop+1) % items);
		}, 5000);
}

// uruchomienie całości
$(document).ready(function() {
	
	items = $('#slider div').length;
	
	// uruchomienie zmiany czasowej
	prepareNewLoop();
	
	// dodanie akcji dla linków
	$('#slider-left').click(function(){
		temp = currentTop - 1;
		if (temp < 0) {
			temp = items - 1;
		}
		slideTo(temp);
	});
	$('#slider-right').click(function(){
		slideTo((currentTop+1) % items);
	});
});