$(document).ready(function() {			
						    
	var container_width = $('#album_viewport').width()+30;
	var container_items = $('#albums_container').children().length;
	var new_width = container_width*container_items;
	$('#albums_container').css('width', new_width);
	
	$('#album_slideshow').serialScroll({
		target:'#album_viewport',
		items:'div.album', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		prev:'#arrow_left',// Selector to the 'prev' button (absolute!, meaning it's relative to the document)
		next:'#arrow_right',// Selector to the 'next' button (absolute too)
		axis:'x',// The default is 'y' scroll on both ways
		duration:700,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
		force:true, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
		interval:10000	
	});
	
});