$(function() {

				//	Basic carousel
				$('#foo0').carouFredSel();

				//	Basic carousel + timer
				$('#foo1').carouFredSel({
					auto: {
						pauseOnHover: 'resume',
						onPauseStart: function( percentage, duration ) {
							$(this).trigger( 'configuration', ['width', function( value ) { 
								$('#timer1').stop().animate({
									width: value
								}, {
									duration: duration,
									easing: 'linear'
								});
							}]);
						},
						onPauseEnd: function( percentage, duration ) {
							$('#timer1').stop().width( 0 );
						},
						onPausePause: function( percentage, duration ) {
							$('#timer1').stop();
						}
					}
				});

				//	Scrolled by user interaction
				$('#foo2').carouFredSel({
					prev: '#prev2',
					next: '#next2',
					pagination: "#pager2",
					auto: true
				});

				//	Variable number of visible items with variable sizes
				$('#foo3').carouFredSel({
					width: 705,
					height: 'auto',
					scroll: 1,
					next: '#next3',
					prev: '#prev3',
					auto: true
				});

				//	Fluid layout examples
				$('#fooF0').carouFredSel({
					items: {
						visible: 1,
						width: 'variable'
					}
				});

				$(window).resize(function() {
					var newWidth = $(window).width();

					$('#fooF0').width( newWidth * $('#fooF0').children().length ); // set width of carousel, to ensure the items fit next to eachother
					$('#fooF0').parent().width( newWidth ); // set width of carousel-wrapper
					$('#fooF0').children().width( newWidth - 22 ); // set width of items, -22px for border and margin

					$('#fooF1').carouFredSel({
						width: newWidth,
						scroll: 2
					});
				}).resize();
			});