$(document).ready(function(){
	//Fade out all images but the active image
	var count = 0;
	$('#slides ul li').each(function(){
		if(count>0){
			$(this).fadeTo(0,0.05);
		} else {
			$(this).addClass('active');
		}
		count++;
	})
	totalWidth = count*850;
	//add neccessary styles that preserve degradation
	var leftOffset = ($('body').width()-960)/2 +50;
	$('#slides ul').css('width',totalWidth+"px");
	$('#slides ul').css('padding-left',leftOffset+'px');
	$('#slides ul').css('width',$('#slides ul').width()+1000+'px');
	$('#slides').css('overflow','hidden');
	$('#slide-container #next').css('display','block');
	$('#slide-container #prev').css('display','block');
	//init scroll
	$('#slide-container').serialScroll({
		target:'#slides',
		items:'li',
		axis:'x',
		duration:700,
		force:true,
		offset:-leftOffset,
		constant:false,
		interval:4000,
		onBefore:function( e, elem, $pane, $items, pos ){
		$('#slides ul li.active').fadeTo(700,0.05,function(){
			$(this).removeClass('active');
		});
		$(elem).fadeTo(700,1,function(){
			$(this).addClass('active');
		});
		}
	});

})