рони, прошу прощения, немного попаразитировал на Вашем коде)
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body { margin:15px; }
</style>
<script type="text/javascript">
var imgChanger = (function() {
var x = [["mad.gif", "sad.gif", "dance3.gif", "cray.gif", "write.gif"], [0]];
return function(i) {
switch(x[1][0] += i) {
case -1: x[1][0] = x[0].length - 1;
break;
case x[0].length: x[1][0] = 0;
}
document.getElementById("img").src = "http://javascript.ru/forum/images/smilies/" + x[0][x[1][0]];
}
})();
window.onload = function() { imgChanger(0); };
</script>
</head>
<body>
<img src="" id="img"/>
<br/>
<a href="" onclick="imgChanger(-1);">Назад</a>
<a href="" onclick="imgChanger(+1);">Вперед</a>
</body>
</html>
p.s.: чуть накосячи, позже исправлю)