images = new Array();
speed = 1.2; // higher is slower
sides = new Array(0, 1,1,1,1, 1,1,1,1);
current_image = 0;

$('*').bind( 'keydown', function(e){
										if( e.keyCode == 37 || e.keyCode == 38 ) show( current_image-1 );
										else if( e.keyCode == 39 || e.keyCode == 40) show( current_image+1 );
										return false;
									} )

function show( id ) {
	if( id == current_image || id < 1 || id > 9 ) {
		return;
	}
	if( images.length == 0 ) {
		getImageDom();
	}
	current_image = id;
	for( i = 0; i < 9; i++ ) {
		distance = null;
		if( id > i && sides[i] == 1 ) {
			sides[i] = 0
			new_left = i*60;
			distance = images[i].offsetLeft - new_left;
		} else if( id <= i && sides[i] == 0 ) {
			sides[i] = 1;
			new_left = (i*60) + 420;
			distance = new_left - images[i].offsetLeft;
		}
		if( distance != null ) {
			images[i].stop().animate({'left':new_left}, distance * speed );		
		}
	}
}

function getImageDom() {
	for( i = 0; i < 9; i++ ) {
		images[i] = $('#image_'+(i+1));
	}
}