boca_slideshow.html

<html>
<head>
<title>Boca photos</title>

<script type="text/javascript" language="JavaScript">
<!--
function show_pic(thispic) {
  var nextpic = '';
  var prevpic = '';
  if (thispic == '1') {
    nextpic = '2';
    prevpic = '6';
  }
  else if (thispic == '2') {
    nextpic = '3';
    prevpic = '1';
  }
  else if (thispic == '3') {
    nextpic = '4';
    prevpic = '2';
  }
  else if (thispic == '4') {
    nextpic = '5';
    prevpic = '3';
  }
  else if (thispic == '5') {
    nextpic = '6';
    prevpic = '4';
  }
  else if (thispic == '6') {
    nextpic = '1';
    prevpic = '5';
  }
  var boca_show = "<img src=\"pics/boca/" + thispic + ".jpg\"><p><input type=\"button\" value=\"<< Previous\" onClick=\"javascript:show_pic('" + prevpic + "')\"> <b>" + thispic + " of 5</b> <input type=\"button\" value=\" &nbsp; &nbsp; Next >> &nbsp;&nbsp; \" onClick=\"javascript:show_pic('" + nextpic + "')\">";
  document.getElementById('boca_slideshow').innerHTML = boca_show;
}
//  -->
</script>
</head>
<body bgcolor="#ffffff" onload="show_pic('1')">

<p>
<center>

<div id="boca_slideshow" width="650" height="550" align="center">
</div

</center>

</body>
</html>