$(function() {
	$("#carousel").carouFredSel({
		prev: "#prev",
		next: "#next",
		auto: {
			button: "#play"
		},
		scroll: {
			fx: "fade",
			onPauseStart: function(percentage, duration) {
				$("#timer").stop().animate({
					width: 686
				}, {
					duration: duration,
					easing: "linear"
				});
			},
			onPauseEnd: function(percentage, duration) {
				$("#timer").stop().width(0);
			},
			onPausePause: function(percentage, duration) {
				$("#timer").stop().width(0);
			},
			onBefore: function(oldI, newI) {
				$("#timer").stop().width(0);
			}
		}
	});

	$("#carousel-wrapper").hover(function() {
		$("#navi").stop().animate({
			bottom: 0
		});
	}, function() {
		$("#navi").stop().animate({
			bottom: -60
		});
	});
});