<!-- 
// Presents a slideshow of pictures, with fade in and fade out
// between pictures.  The picture filenames are 'pic1.jpg'
// thru 'pic5.jpg'

function slideShow()  // main entrypoint for this script
{ 
  // set globals
  gSSOpac=0;   // opacity
  gSSDivNum=0; 
  gSSPicDivs=new Array("pic1","pic2","pic3","pic4","pic5","pic6");
  // start slideshow 
  SSfadeIn();
}

function SSfadeIn()
{
    if (gSSOpac < 100)
    {
      SSchangeOpacity('slideshow', gSSOpac);
			gSSOpac =  gSSOpac + 4;
	    setTimeout("SSfadeIn()", 50); // fade in interval time
		} else
    { setTimeout("SSfadeOut()", 2000); } // show time
}

function SSfadeOut()
{
  if (gSSOpac > 10)
  {
    SSchangeOpacity('slideshow', gSSOpac);
    gSSOpac =  gSSOpac - 4;
    setTimeout("SSfadeOut()", 50); // fade out interval time
  } else
  { setTimeout("SSswitchPic()", 100); } // hide time
}

function SSswitchPic()
{ 
  var nextDivNum = gSSDivNum + 1;;
  if (nextDivNum > 5) {nextDivNum = 0;} // 0 to 5 = 6 pics
  SSreplaceDiv(gSSPicDivs[gSSDivNum], gSSPicDivs[nextDivNum]);
  gSSDivNum = nextDivNum;
  SSfadeIn();
}

function SSchangeOpacity(id, opac)
{
  var object = document.getElementById(id).style;
  object.opacity = (opac/100);
  object.MozOpacity = (opac/100);
  object.KhtmlOpacity = (opac/100);
  object.filter = "alpha(opacity="+opac+")";
}

function SSreplaceDiv(hideDiv, unhideDiv)
{
  var elToHide = document.getElementById(hideDiv);
  elToHide.className='hidden';
  var elToUnhide = document.getElementById(unhideDiv);
  elToUnhide.className='unhidden';
}

// -->