var numpics=71;//number of images in the ss
var speed=5000;//speed - the higher the #, the slower it flips
var maximageheight=190;//height of tallest image(plus 2*border height, if any)
var bordersize=2;//size, in pixels, of border around main image

var ssTimeoutID=null;
var loadTimer=null;
var tricklepos=0;
var sspic=new Array(numpics);
var sslinks=new Array(numpics);
var sspos=0;
var ispaused=0;
var isstopped=0;
var ssdir=1;
var isready=0;
var i;

sspic[0]=new Image();
sslinks[0]="slideshow/ss0.htm";
sspic[0].src="slideshow/ss0sm.jpg";

function ssshow() {
 document.getElementById("slideshow").style.visibility="hidden";
 document.getElementById("ssspacer").style.height=(maximageheight-sspic[sspos].height*(178/sspic[sspos].width)-2*bordersize)+"px";
 document.getElementById("slideshow").src=sspic[sspos].src;
 document.getElementById("sslink").href=sslinks[sspos];
 document.getElementById("slideshow").style.visibility="visible";
}
function ssflip() {
 if(ssTimeoutID!=null) clearTimeout(ssTimeoutID);
 ssTimeoutID=setTimeout("ssflip()",speed);
 if(ispaused) return;
 if(isstopped) return;
 if(ssdir) {
  ssforward();
 } else {
  ssback();
 }
}
function ssback() {
 if(!isready) return;
 if(ssTimeoutID!=null) clearTimeout(ssTimeoutID);//this resets time in case
 ssTimeoutID=setTimeout("ssflip()",speed);//the user hits back ss button
 if(!sspic[((sspos-1<0)?sspic.length-1:sspos-1)].complete) return;
 sspos--;
 if(sspos<0) sspos=sspic.length-1;
 ssshow();
}
function ssforward() {
 if(!isready) return;
 if(ssTimeoutID!=null) clearTimeout(ssTimeoutID);//this resets time in case
 ssTimeoutID=setTimeout("ssflip()",speed);//the user hits forward ss button
 if(sspos>tricklepos-1) trickleload();
 if(!sspic[((sspos+1==sspic.length)?0:sspos+1)].complete) return;
 sspos++;
 if(sspos==sspic.length) sspos=0;
 ssshow();
}
function sspause() {
 ispaused=1;
}
function ssresume() {
 ispaused=0;
}
function ssstop() {
 isstopped=1;
}
function ssstart() {
 isstopped=0;
}
function ssdirtoggle() {
 ssdir=!ssdir;
 document.getElementById('ssdirtog').src="slideshow/"+(ssdir?"dirflip1.jpg":"dirflip2.jpg");
}
function sscol(pid,colstatus) {
 document.getElementById(pid).style.border="1px solid "+(colstatus?"#ff0000":"#ffffff");
}

function ssinit() {
 var i;
 for(i=1;i<numpics;i++) {
  sspic[i]=new Image();
  sslinks[i]="slideshow/ss"+i+".htm";
 }
 trickleload();
 isready=1;
 sspos--;//let first image have its true spot
 ssflip();
}
function trickleload() {
 if(loadTimer!=null) clearTimeout(loadTimer);
 tricklepos++;
 if(tricklepos>sspic.length) return;//all done
 sspic[tricklepos].src="slideshow/ss"+tricklepos+"sm.jpg";
 loadTimer=setTimeout("trickleload()",((speed>1000)?speed-1000:500));
}
//create the display window and the buttons
document.write("<div><div style=\"height:"+(maximageheight+bordersize)+"px;overflow:hidden;\">");
document.write(" <div id=\"ssspacer\" style=\"font-size:1px;height:"+(maximageheight-sspic[0].height-4)+"px;\"></div>");
document.write(" <a href=\""+sslinks[0]+"\" id=\"sslink\" onmouseover=\"sspause()\" onmouseout=\"ssresume()\" target=\"_blank\">");
document.write("  <img id=\"slideshow\" src=\"\" alt=\"Slideshow - Click Here to view a larger version of this image\" style=\"border:"+bordersize+"px ridge red;width:178px;\" />");
document.write(" </a></div>");
document.write(" <img id=\"ssbutback\" src=\"slideshow/back.jpg\" class=\"ssbutton\" alt=\"Previous Picture\" onclick=\"ssback()\" onmouseover=\"sscol('ssbutback',1)\" onmouseout=\"sscol('ssbutback',0)\" />");
document.write(" <img id=\"ssbutplay\" src=\"slideshow/play.jpg\" class=\"ssbutton\" alt=\"Play\" onclick=\"ssstart()\" onmouseover=\"sscol('ssbutplay',1)\" onmouseout=\"sscol('ssbutplay',0)\" />");
document.write(" <img id=\"ssbutstop\" src=\"slideshow/stop.jpg\" class=\"ssbutton\" alt=\"Stop\" onclick=\"ssstop()\" onmouseover=\"sscol('ssbutstop',1)\" onmouseout=\"sscol('ssbutstop',0)\" />");
document.write(" <img id=\"ssbutnext\" src=\"slideshow/next.jpg\" class=\"ssbutton\" alt=\"Next Picture\" onclick=\"ssforward()\" onmouseover=\"sscol('ssbutnext',1)\" onmouseout=\"sscol('ssbutnext',0)\" />");
//document.write(" <img id=\"ssdirtog\" src=\"slideshow/dirflip1.jpg\" class=\"ssbutton\" alt=\"Switch Play Direction\" onclick=\"ssdirtoggle()\" onmouseover=\"sscol('ssdirtog',1)\" onmouseout=\"sscol('ssdirtog',0)\" />");
document.write("</div>");

ssshow();
ssTimeoutID=setTimeout("ssshow()",4000);//let image have time to load then reposition