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

// funkcja zmieniająca obrazek do innego
function slideTo(num) {
	if (num != currentTop && !blockAnim) {
		blockAnim = true;
		
		$('#slider-link-'+num).addClass('slider-link-active');
		$('#slider-link-'+currentTop).removeClass('slider-link-active');
		
		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);
		}, 4000);
}

// uruchomienie całości
$(document).ready(function() {
	// uruchomienie zmiany czasowej
	prepareNewLoop();
	
	// dodanie akcji dla linków
	for(var i=0; i<items; i++) {
		with ({num: i}) {
			$('#slider-link-'+num).click(function(){
				if (slideTo(num)) {
					// przesunięcie pętli, jeśli wykonano
					clearInterval(sliderInterval);
					setTimeout(function() {
						prepareNewLoop();
					}, 2000);
				}
			});
		}
	}
});