$(function () {
	
	var previousButton = $('#previousArrow');
	var nextButton = $('#nextArrow');
	
	if ($('.panel').length <= 1) {
		nextButton.addClass('disabled');
	} else {
		nextButton.removeClass('disabled');
	}
	
	$('#panelsWrapper').serialScroll({
		items:'.panel',
		prev:'#previousArrow',
		next:'#nextArrow',
		axis:'x',
		duration:500,
		force:true,
		cycle:false,
		lock:false,
		stop:true,
		
		onBefore:function( e, elem, $pane, $items, pos ){
			e.preventDefault();
			
			if(this.blur) {
				this.blur();
			}
			
			if (pos === 0) {
				previousButton.addClass('disabled');
			} else {
				previousButton.removeClass('disabled');
			}
			
			if (pos >= ($items.length-1)) {
				nextButton.addClass('disabled');
			} else {
				nextButton.removeClass('disabled');
			}
			
		},
		onAfter:function( elem ){
			//'this' is the element being scrolled ($pane) not jqueryfied
		}
	});
		
});