var images = new Array('image-0','image-1','image-2','image-3','image-4','image-5'); var timeout, numImages, nextImage; var interval = 5; var onImage = 0; var chosen = false; var initialised = false; function setMain(n) { for (i = 0; i < numImages; i++) { if ($(images[i])) $(images[i]).style.display = 'none'; } //$(images[onImage]).style.display = 'none'; Effect.Appear($(images[n]), { duration: 0.5 }); //new Effect.Opacity($('ss-image-caption-container'), { from: 0, to: 0.5, duration: 0.5}); onImage = n; } function chooseOn(n) { if (!initialised) return false; if (n != onImage) { // unhighlight current image new Effect.Opacity($(thumbs[onImage]), { from: 0.5, to: 1, duration: 0.5}); chosen = true; //clearTimeout(timeout); timeout.stop(); new Effect.Opacity($(thumbs[n]), { from: 1.0, to: 0.5, duration: 0.5}); setMain(n); } else { chosen = true; timeout.stop(); } } function chooseOff(n) { if (!initialised) return false; if (chosen) { chosen = false; new Effect.Opacity($(thumbs[n]), { from: 0.5, to: 1, duration: 0.5}); timeout = new PeriodicalExecuter(cycle, interval); } else { chosen = false; timeout = new PeriodicalExecuter(cycle, interval); } } function cycle() { // next image if (nextImage == numImages - 1) { nextImage = 0; } else { nextImage++; } setMain(nextImage); } function init() { numImages = images.length; onImage = 0; nextImage = 0; //new Effect.Opacity($('ss-image-caption-container'), { from: 0, to: 0, duration: 0.5}); // start //timeout = setTimeout("cycle()", interval); timeout = new PeriodicalExecuter(cycle, interval); initialised = true; } window.onload = init;