<div id="prev"></div>
<div id="next"><a href="javascript:void(0)" Onclick="ChangeImg('./img/foto_2.jpg')">&#8594;</a></div>
<div id="title">
Название картинки 1
</div>
<img id="changeable" src="./img/foto_1.jpg"/>

var images = new Array('./img/foto_1.jpg','./img/foto_2.jpg','./img/foto_3.jpg');
var title = new Array('Название картинки 1','Название картинки 2','Название картинки 3');
 
Array.prototype.in_array = function ( obj ) {
	var len = this.length;
	for ( var x = 0 ; x <= len ; x++ ) {
		if ( this[x] == obj ) return x;
	}
	return false;
}
 
function ChangeImg(img){
 
var img_new=new Image();
img_new.src=img;
 
document.getElementById('changeable').src = img_new.src;
 
var x=images.in_array(img);
var prev_image = images[x-1];
var next_image = images[x+1];
 
if( x > 0 ){
document.getElementById('prev').innerHTML = '<a href="javascript:void(0)" Onclick="ChangeImg(\''+prev_image+'\')">&#8592;</a>';
 
	if( (x+1) == images.length)
	document.getElementById('next').innerHTML = '';	
	else
	document.getElementById('next').innerHTML = '<a href="javascript:void(0)" Onclick="ChangeImg(\''+next_image+'\')">&#8594;</a>';
 
}
else 
     document.getElementById('prev').innerHTML = '';
 
document.getElementById('title').innerHTML = title[x];
return false;
}