// This creates a clean load of the homepage.


$(document).ready(function(){	
	//Count the number of pomotions
	var length = $("#merch li").size();
	
	$('#promoBlock').serialScroll({
		target:'#merchBlock',
		items:'li', 
		prev:'#backArrow',
		next:'#forwardArrow',
		axis:'x',
		duration:700,
		force:false,
		lock:true,
		cycle:false,
		exclude:1,
		onBefore:function(options){
				var position = options.data;
	
				if(position > 0){
					$("#backArrow").removeClass("disabled");
					if(position == length - 2){
						$("#forwardArrow").addClass("disabled");
					}
					else if(position < length -2){
						$("#forwardArrow").removeClass("disabled");
					}
				}
				else if(position == 0){
					$("#backArrow").addClass("disabled");
				}			
			}
	});	
});