$(document).ready(function() {
		var currentPic = 0, oldPic = 0;
		var hiddenPosition = $('#productionRotateArea').height() + 10;
		$('div.productionRotated:eq(' + currentPic + ')').css('top', '0');
		
		var picCount = $('div.productionRotated').length;
		var picTimeout;
		var rotateInProgress = false;
		
		var picRotate = function() {
			if (!rotateInProgress) {
				rotateInProgress = true;
				picTimeout = false;
				currentPic = (oldPic + 1) % picCount;
				
				$('div.productionRotated:eq(' +  oldPic + ')')
					.animate({top: -hiddenPosition}, 'slow', function() {
						$(this).css('top', hiddenPosition);
				});
			
				$('div.productionRotated:eq(' + currentPic + ')')
					.animate({top: 0}, 'slow', function() {
						rotateInProgress = false;
						if (!picTimeout) {
							picTimeout = setTimeout(picRotate, 5000);
						}
				});

				oldPic = currentPic;
			}
		}
		
		picTimeout = setTimeout(picRotate, 5000);
		
		$('#productionRotateArea').hover(function() {
			clearTimeout(picTimeout);
			picTimeout = false;
		  }, function() {
			  if (!picTimeout) {
				  picTimeout = setTimeout(picRotate, 250);
			  }
		  });
});
