﻿// slideshow for homepage animation
//requires scriptaculous

var delay = 7000;
var start_frame = 0;

function start_slideshow(delay, container) {
  t=setTimeout(fadeInOut(delay, container), delay);
}

function fadeInOut(delay, container) {
  return(function() {
    if (!container||container=='') container = 'slide-images';
    var lis = $$('#'+container+'>li');
    new Effect.Appear(lis[1], { duration: 2, afterFinish: function(obj) {
      lisFade = lis[0].remove();
      lisFade.hide();
      $(container).appendChild(lisFade);
      start_slideshow(delay, container);
    }});
  });
}

/* go to a specific slide and move any preceeding slides to the end of the stack */
function showSlide(slide, container) {
    if (!container||container=='') container = 'slide-images';
    clearTimeout(t);
    var lis = $$('#'+container+'>li');
    new Effect.Appear($(slide), {duration: 2,  afterFinish: function(obj) {
      for (i = 0; i < lis.length; i++) {
        if (lis[i].id == slide) break;
        lisFade = lis[i].remove();
        lisFade.hide();
        $(container).appendChild(lisFade);
      }
      start_slideshow(delay*1.5, container);
    }});
  
}

Event.observe(document, 'dom:loaded', function() {
  var liss = $$('#slide-images>li');
  if(liss.length > 1) for(i = 1; i < liss.length; i++) liss[i].hide();
});

Event.observe(window, 'load', function() {
  if($$('#slide-images>li').length > 1) start_slideshow(delay);
});
