$(function () {
	// slider
	var $prev = $("#bannerLeft"); //prev button
	var $next = $("#bannerRight"); //next button
	$prev.add($next).addClass("disabled");
	$next.removeClass("disabled");
	$("#slider").serialScroll({
		items: 'img',
		prev: '#bannerLeft',
		next: '#bannerRight',
		start: 0, 
		step: 1,
		exclude: 0,
		duration: 600,
		interval: 0,
		stop: true,
		lock: false,
		force: true,
		easing: 'easeOutQuad',
		cycle: false,
		axis: 'x',
		jump: false,
		onBefore:function( e, elem, $pane, $items, pos ){
			$prev.add($next).removeClass("disabled");
			if( pos == 0 )
				$prev.addClass("disabled");
			else if( pos >= $items.length-1 )
				$next.addClass("disabled");
		}
	});
});