<html>
<head>
<script>
var vImage = new Array(
%s)
var cImage = %d
var runSlidesFlag = 0
var iImage = 0
var Mode = "Slideshow"
function loadedDoc()
{
if (navigator.appName != "Netscape" || navigator.appName.indexOf("Microsoft") != -1)
{
top.location.href = "viewer.htm"
}
var preload = new Image()
preload.src = vImage[0]
Slideshow();
Ticker();
}
function Ticker()
{
setTimeout("Ticker()", 1000)
if (runSlidesFlag == 1) {
if (Mode == "Slideshow") {
nextImage()
}
}
}
function Film()
{
Mode = "Film"
document.layers.netFilmLayer.visibility = "show"
document.layers.netSlideLayer.visibility = "hide"
document.layers.netContactLayer.visibility = "hide"
filmSelect(iImage)
}
function Slideshow()
{
Mode = "Slideshow"
document.layers.netFilmLayer.visibility = "hide"
document.layers.netSlideLayer.visibility = "show"
document.layers.netContactLayer.visibility = "hide"
document.layers.netSlideLayer.document.images[0].src = vImage[iImage]
}
function Contact()
{
Mode = "Contact"
document.layers.netFilmLayer.visibility = "hide"
document.layers.netSlideLayer.visibility = "hide"
document.layers.netContactLayer.visibility = "show"
}
function nextImage()
{
iImage = (iImage + vImage.length + 1) % vImage.length
document.layers.netSlideLayer.document.images[0].src = vImage[iImage]
}
function prevImage()
{
iImage = (iImage + vImage.length - 1) % vImage.length
document.layers.netSlideLayer.document.images[0].src = vImage[iImage]
}
function runSlides()
{
runSlidesFlag = (runSlidesFlag + 1) % 2
}
function filmSelect(i)
{
iImage = i;
document.layers.netFilmLayer.document.images[0].src = vImage[i]
}
function nextFilmImage()
{
filmSelect((iImage + vImage.length + 1) % vImage.length)
}
function contactSelect(i)
{
Film()
filmSelect(i)
}
</script>
<style>
TD { valign: center }
TR { align: center }
IMG.THUMB { padding: 20px; cursor: hand;}
BODY { margin: 0; }
</style>
<body onLoad="loadedDoc()" link="#03a0fc" vlink="#03a0fc">
<div style="font-size: 12pt; font-family: Trebuchet MS, Arial, sans-serif"><a href="#" onclick="Film()">Film Strip</a></div>
<div style="font-size: 12pt; font-family: Trebuchet MS, Arial, sans-serif"><a href="#" onclick="Slideshow()">Slideshow</a></div>
<div style="font-size: 12pt; font-family: Trebuchet MS, Arial, sans-serif"><a href="#" onclick="Contact()">Contact Sheet</a></div>
<layer name="netFilmLayer" id=netscapeLayerFilm visibility=hide>
%s
<table>
<tr>
%s</tr></table>
</layer>
<layer name="netSlideLayer" id=netscapeLayerSlide>
%s
<form>
<input class=SLIDECONTROLS type=button value="Back" onclick="prevImage()">
<input class=SLIDECONTROLS id=runButton type=button value="Play" onclick="runSlides()">
<input class=SLIDECONTROLS type=button value="Forward" onclick="nextImage()">
</form>
</layer>
<layer name="netContactLayer" id=netscapeLayerContact visibility=hide>
<table>
<tr>
%s</tr></table>
</layer>
</body>
</html>