var ActiveScroll = false;
var currentImageNumber = 1;
scrollDiv= function(direction, rightto)
{
	if (ActiveScroll == false)
	{
		ActiveScroll = true;
		var current	= $$('#work .currentItem');
		var prevView	= current[0];

		var fwdCheck = 3;
		var backCheck = 1;
		var prevLength		= prevView.previousSiblings().length;
		var nextLength		= prevView.nextSiblings().length;
		
		if (rightto) {
			if ($(rightto).identify() != prevView.identify())
			{
				var nextView = $(rightto);
				var leftCheck = 3;
				var itemLength	= 3;
				var checkLength = nextView.nextSiblings().length;
								
				if (checkLength == 0) {
					nextView = nextView.previousSiblings()[0];
				}
			}
		}
		else if (direction == 'back') {
			var nextView	= prevView.previous(2);
			var leftCheck	= backCheck;
			var itemLength	= prevLength;
			
			if (prevLength -2 > backCheck)
			{
				$('left').removeClassName('hidden');
			}
			else
			{
				$('left').addClassName('hidden');
			}
			$('right').removeClassName('hidden');		
		}
		else if(direction == 'fwd') {
			var nextView	= prevView.next(2);
			var leftCheck	= fwdCheck;
			var itemLength	= nextLength;
			
			if (nextLength -2 > fwdCheck)
			{
				$('right').removeClassName('hidden');
			}
			else
			{
				$('right').addClassName('hidden');
			}
			$('left').removeClassName('hidden');

		}
		else {
			return false;
		}
		
		if (nextView != null)
		{
			if( itemLength >= leftCheck )
			{
				prevView.removeClassName('currentItem');
				nextView.addClassName('currentItem');
				var prevViewOffset	= prevView.cumulativeOffset();
				var nextOffset	= nextView.cumulativeOffset();
				var scrolltopixel	= nextOffset[0] - prevViewOffset[0];
				new Effect.Move($('work'),{x: -scrolltopixel, y: 0, duration: 0.5, mode:'relative', afterFinish: 
					( function() { ActiveScroll	= false; } )
				});
			}
			else
			{
				ActiveScroll	= false;
				return false;
			}
		}
		else
		{
			ActiveScroll = false;
			return false;
		}
	}
	return false;
}