jQuery(document).ready(function ($) {
	// set initial opacity
	$("#scroller li").css( {opacity: 0.15} );
	$("#scroller li:first").css( {opacity: 1.0} );
	// scroll images
	$("#slides").serialScroll({
		items: 'li',
		start: 0, 
		step: 1,
		duration: 1000,
		stop: true,
		lock: false,
		force: true,
		easing: 'easeOutQuint',
		cycle: true,
		axis: 'x',
		jump: false,
		offset: -960,
		interval: 3000,
		navigation:'#slidesNav a',
		onBefore:function( e, elem, $pane, $items, pos ){
			$("#scroller li").animate({opacity: 0.15}, 700);
			$(elem).stop().animate({opacity: 1.0}, 700);
			$myPos = "#go"+(pos+1);
			$("#slidesNav a").removeClass("current");
			$($myPos).addClass("current");	
		}
	});
	// slide nav buttons 
	$("#slidesNav a").click(function() {
		$("#slidesNav a").removeClass("current");
		$(this).addClass("current");
		return false;
	});
});