// JavaScript Document
			$(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();
						}
					}
				});
				
				//	Banner 
				$('#banner_carousel').carouFredSel({
					items:{
						visible:4
					},
					scroll:{
						items:1,
						duration:10000,
						pauseDuration:0,
						easing:"linear",
						pauseOnHover:"immediate",
						start:"random"
					}
				});

				//	Scrolled by user interaction
				$('#foo2').carouFredSel({
					scroll: {
						items: 2,
						fx: 'crossfade'
					},
					prev: '#prev2',
					next: '#next2',
					pagination: "#pager2",
					auto: false
				});

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

				//	Fluid layout example
				$(window).resize(function() {
					$('#fooF').carouFredSel({
						width: $(window).width(),
						padding: 'auto',
						scroll: 2
					});					
				}).resize();
			});