Images do not go back and forth?

<script type="text/javascript"><!--
var imgs = new Array("images/style_one.JPG","images/style_two.JPG","images/style_three.JPG,images/style_four.JPG,images/style_five.JPG");
nr = 0;
function goBack() {
if(document.im5 && nr > 0) {
nr--;
document.im5.src=imgs[nr];
}
}

function goNext() {
if(document.im5 && nr < (imgs.length - 1)) {
nr++;
document.im5.src=imgs[nr];
}
}
--></script>



<h4>Pictures</h4>
<img src="images/style_one.JPG" name="im5" width="150" height="170">
<br>
<a href="javascript:goBack()"><<- Back</a> |
<a href="javascript:goNext()">Forth ->></a>