// JavaScript Document

var currentPosition=0;
var maxMotion;
var totalImages;

function moveList(direction) {
	if (direction == "right") {
		x = currentPosition;
		if(x == "" || isNaN(x)){ x = 0; }
		if((x - 420) == (0-parseInt(maxMotion))){ return; }
		$('scrolling_area').effect('left',{ duration: 800, transition: Fx.Transitions.Quad.easeInOut, wait:true }).start(x, x - 420 );
		if ((x - 840) <= (0-parseInt(maxMotion))) {
			document.getElementById('right_image').src = '/images/example-arrow-right-off.png';
		} 
		if ((x + 420) > 0) {
			document.getElementById('left_image').src = '/images/example-arrow-left.png';
		}
		currentPosition = (x - 420);
	} else if (direction == "left") {
		x = currentPosition;
		if(x == "" || isNaN(x)){ x = 0; }
		if(x == 0){ return; }		
		$('scrolling_area').effect('left',{ duration: 800, transition: Fx.Transitions.Quad.easeInOut, wait:true }).start(x, x + 420 );
		if (Math.abs(currentPosition) == 420) {
			document.getElementById('left_image').src = '/images/example-arrow-left-off.png';
		} 
		if ((x + 420) > (0-parseInt(maxMotion))) {
			document.getElementById('right_image').src = '/images/example-arrow-right.png';
		}
		currentPosition = (x + 420);
	}
	$('image_count').setHTML('Example '+((Math.abs(currentPosition)/420)+1)+' of '+totalImages);
}