<script LANGUAGE="JavaScript">
<!--
    var imgArray = new Array("1.gif", ...);
    var descArray = new Array("Название фотографии", ...);
    var imgDir = "";
    var pos = 0;
    // initial images (pre-load)
    if (document.images) {
    for (i=0; i<imgArray.length; i++) {
    eval("imgObj" + i + "= new Image()");
    eval("imgObj" + i + ".src = '" + imgDir + imgArray[i] + "'");
    }
    } 
 function toPrevious() {
    if (pos == 0) { pos = imgArray.length - 1; }
    else { pos = pos - 1 };
    eval("document.vvr.src = imgObj"+pos+".src");
    document.theForm.desc.value = descArray[pos]; 
    }
function toNext() {
    if (pos == imgArray.length - 1) { pos = 0; }
    else { pos = pos + 1; }
    eval("document.vvr.src = imgObj"+pos+".src");
        document.theForm.desc.value = descArray[pos];
    }

 //-->
</script>

<table cellpadding="5">
    <tbody>
    <tr> 
    <td align=middle colspan=3>
    <img src="hlam/1.gif"  alt=""
     name=vvr >
    </td>
   </tr>
   <tr> 
   <td align=right width="40%">
   <a  onMouseOver="self.status='Previous'; return true;" 
    onMouseOut="self.status=''; return true;" 
    href="javascript:toPrevious()"><img height=12 src="images/pre.gif" 
    width=12  border=0><br>
    Предыдущая</a>
</td>
<td width="20%"> <form name=theForm>
<p> <input size=12 value="1" name=desc>
</p>
</form></td>
<td align=left width="40%">
<a onMouseOver="self.status='Next'; return true;" 
  onMouseOut="self.status=''; return true;" 
  href="javascript:toNext()"><img height=12 src="images/next.gif" 
  width=12  border=0><br>
Следующая</a>
</td>
</tr>
</tbody>
</table>