var timeout, prevPhoto, numberOfPhotos, onlineClick;

$(document).ready(
	function()
	{
		$('#no-script').remove();
		$('#photos > div > p').animate({'top': '-20%'}, 0);
		prevPhoto = 0;
		onlineClick = 0;
		
		$('#Online').click(function()	{ clickButton(1); });
		$('#Uprav').click(function()	{ clickButton(2); });
		$('#Service').click(function()	{ clickButton(3); });
		
		numberOfPhotos = $('#photos img').length;
		rotatePics(1);
	});
	
function clickButton (numberButton)
{
	if(onlineClick==1) return;
	onlineClick = 1;
	setTimeout(function() {onlineClick=0;}, 500);
	clearTimeout(timeout);
	rotatePics(numberButton);
}

function rotatePics(currentPhoto)
{
	//пытаюсь остановить все эффекты связанные с текстом
	$('#photos > div > p').stop(true, true).animate({'top': '-20%'}, 0);
	currentPhoto = currentPhoto % numberOfPhotos;
	prevPhoto = currentPhoto-1;
	
	$('#photos img').eq(currentPhoto).fadeOut(
		function()
		{
			$('#photos img').each(
				function(i)
				{
					$(this).css('zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos);
    			});
    		$(this).show();

    		$('#photos > div > p').eq(currentPhoto-1).animate({'top': '+20%'}, 1000);
			timeout = setTimeout(function() {rotatePics(++currentPhoto);}, 4000);
		});
}