Event.observe(window, 'load', function() { if(document.getElementById('browsebutton')) { Event.observe('browsebutton', 'click', fader); } }); 

function moveToNext(rewind,steplength)
{
 	 new Effect.Move('imageBoxInside', { x: -steplength*186, y: 0, duration: Math.sqrt(steplength)*0.3, transition: Effect.Transitions.sinoidal, 
		beforeStart: function() { Event.stopObserving('browsebutton', 'click', fader); }, 
		afterFinish: function() { Event.observe('browsebutton', 'click', fader); 
				if(rewind == 0){
					$('browsebutton').src = '/images/browsebuttonback.png';
				}
		}
  	});
}

function moveToPrevious(rewind,steplength)
{
  	new Effect.Move('imageBoxInside', { x: steplength*186, y: 0, duration: Math.sqrt(steplength)*0.3, transition: Effect.Transitions.sinoidal, 
		beforeStart: function() { Event.stopObserving('browsebutton', 'click', fader); },
		afterFinish: function() { Event.observe('browsebutton', 'click', fader); 
				if(rewind == 0){
					$('browsebutton').src = '/images/browsebutton.png';
				}
		}
  	});
}

var index = 0;

function fader(){
	var pages = A_ITEMS;
	var steplength = 3;
	if(index == pages-1){
		dir = 1;
	} 
	if(index == 0){
		dir = 0;
	}
	if(dir == 0){
		nextindex = index+1;
		if(nextindex ==  pages-1){
			steplength = 3;
			rewind = 0;
		} else {
			rewind = 1;
		}
		moveToNext(rewind,steplength);
	}
	if(dir == 1){
		nextindex = index-1;
		if(nextindex == pages-2){
			steplength = 3;
		}
		if(nextindex == 0){
			rewind = 0;
		} else {
			rewind = 1;
		}
		moveToPrevious(rewind,steplength);
	}
	index = nextindex;
}