$(document).ready(function() {
	
	maxEl = $('#slider-mask li').length;
	if(maxEl > 4)
	{
		$('.arrow.right').removeClass('hidden');
		
		elWidth = 213;
		currentEl = 0;
		
		//right arrow
		$('.arrow.right').click(function(e) {
			e.preventDefault();
			if(currentEl < maxEl -4)
			{
				currentEl++;
				$('.arrow.left').removeClass('hidden');
				$('#slider-mask ul').animate({ 'marginLeft': -(elWidth * currentEl) }, 300);
				
				if(currentEl == (maxEl -4))
					$(this).addClass('hidden');
			}
		});
		
		//left arrow
		$('.arrow.left').click(function(e) {
			e.preventDefault();
			if(currentEl > 0)
			{
				currentEl--;
				$('.arrow.right').removeClass('hidden');
				$('#slider-mask ul').animate({ 'marginLeft': -(elWidth * currentEl) }, 300);
				if(currentEl == 0)
					$(this).addClass('hidden');
			}
		});
	}
});