I slightly modified the code to not go on to infinity either way.
I created the following global variables:
var numVisible = 4; //Number of images that are always visible
var totalImages = 5; // Total Number of images
var numPossibleMoves = totalImages-numVisible; //The number of possible moves
var numMoves = 0; //The number of moves taken.

I then modified the following functions:
function moveToPrevious()
{
if (numMoves > 0)
{
numMoves–;
new Effect.Move('imageBoxInside', { x: 200, y: 0, transition: Effect.Transitions.sinoidal });
}
}
function moveToNext()
{
if (numMoves < numPossibleMoves)
{
//Then we can still move
numMoves++;
new Effect.Move('imageBoxInside', { x: -200, y: 0, transition: Effect.Transitions.sinoidal });
}
}

Hope this helps.

Justin http://www.jcpsnowproductons.com

You can just wrap each img element inside a div, example:

my info text

……………

Hope this helps )

Make sure you have your button images outside of the two divs.

I create a JS class based on this example and I`ll be glad to hear(see)
what you think. Sorry for pasting so much code that way but please take
a look.

The scroller is called like that:
var my_scrolltest = new Scroller('imageBox', 'imageBoxInside', 'scroll_left', 'scroll_right', 202);

3rd and 4th params are links id`s, last one (step) is the scroll step i pixels,
class source bellow:

Scroller = Class.create({
initialize: function(box, innerBox, el_left, el_right, step) {
var scroller = this;

this.box = $(box);
this.handle = $(innerBox);
this.el_left = $(el_left);
this.el_right = $(el_right);
this.step = step;
this.currentOffsetLeft = 0;

this.eventLeftScrollOnClick = this.ScrollLeft.bindAsEventListener(this);
this.eventRightScrollOnClick = this.ScrollRight.bindAsEventListener(this);

this.el_left.observe("click", this.eventLeftScrollOnClick);
this.el_right.observe("click", this.eventRightScrollOnClick);

this.initialized = true;
},
ScrollLeft: function(event){
if (Event.isLeftClick(event)) {
offset_left = this.currentOffsetLeft

if(!offset_left || offset_left>= 0)
return;

this.currentOffsetLeft += this.step;
new Effect.Move(this.handle, { x: this.step, y: 0, transition: Effect.Transitions.sinoidal, queue: 'end'});
Event.stop(event);
}
},
ScrollRight: function(event){
if (Event.isLeftClick(event)) {
box_width = this.getObjStyleProperty(this.box, 'width');
innerBox_width = this.getObjStyleProperty(this.handle, 'width');

if(box_width>=(this.currentOffsetLeft)+innerBox_width)
return;

this.currentOffsetLeft -= this.step;
new Effect.Move(this.handle, { x: -this.step, y: 0, transition: Effect.Transitions.sinoidal, queue: 'end'});
Event.stop(event);
}
},
getObjStyleProperty: function(obj, property){
offset_left = obj.getStyle(property);
if(!offset_left)
return;
return parseInt(offset_left.replace('px', "));
}
});

Any ideas will be appreciated

the JS makes a concatenation of both var, instead of add them.

good luck :)