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

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;
}


var sliderInterval;

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


$(document).ready(function() {

	prepareNewLoop();

	for(var i=0; i<items; i++) {
		with ({num: i}) {
			$('#slider-link-'+num).click(function(){
				if (slideTo(num)) {
					clearInterval(sliderInterval);
					setTimeout(function() {
						prepareNewLoop();
					}, 3000);
				}
			});
		}
	}
});