Немного скомпоновал или вариант три в одном ...
<img src="" id="img"/>
<br />
<a href="" onclick="Image(0); return false">Назад</a>
<a href="" onclick="Image(1); return false">Вперед</a>
<script>
var Image = function () {
var b = "mad.gif,sad.gif,dance3.gif,cray.gif,write.gif".split(","),
a = 1,
c = b.length,
d = document.getElementById("img");
return function (e) {
e ? a++ : a--;
a %= c;
0 > a && (a += c);
d.src = "http://javascript.ru/forum/images/smilies/" + b[a];
}
}();
window.onload=Image(0);
</script>