$(function() {
	//	Scrolled by user interaction
	$('#foo2').carouFredSel({
		prev: '#prev2',
		next: '#next2',
		pagination: "#pager2",
		auto: false
	});
	
	$(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();
});