modify two functions
function startSlideshow(images, backDivName, frontDivName){
imageList = images;
backDiv = document.getElementById(backDivName);
frontDiv = document.getElementById(frontDivName);
[COLOR="#FF0000"]frontDiv.style.visibility=backDiv.style.visibility='hidden';
// step();
}[/COLOR]
function stepTail(animationIndex)
{
if (frontBurns)
{
var time = animationIndex / ((secondsPerImage + secondsPerFade) * stepsPerSecond);
frontBurns.apply(frontImage, time);
}
if (backBurns)
{
var time = (animationIndex + secondsPerImage * stepsPerSecond) / ((secondsPerImage + secondsPerFade) * stepsPerSecond);
if (time > 1)
backBurns = 0;
else
backBurns.apply(backImage, time);
}
++timeIndex;
[COLOR="#FF0000"]stepTail.to[/COLOR]=window.setTimeout(step, 1000 / stepsPerSecond);
}
the screen saver
function ScreenSaver(){
frontDiv.style.visibility=backDiv.style.visibility='hidden';
clearTimeout(stepTail.to);
clearTimeout(ScreenSaver.to);
ScreenSaver.to=setTimeout(function(){
step();
frontDiv.style.visibility=backDiv.style.visibility='visible';
},2000); // change the time as required
}
document.onmousemove=ScreenSaver