/* Controllable Slideshow */

var timer;
var lis;
var delay = 3000;
var current_frame = 0;
var end_frame = 0;

// Set up for initial fade-in
document.observe("dom:loaded", function()
  {
    // Cover slideshow area with a div
    // Must be customized to cover only the first image
    div = document.createElement('div');
    div.style.backgroundColor = "white";
    div.style.position = "absolute";
    div.style.width = "414px";
    div.style.height = "279px";
    div.style.left = "0px";
    div.style.top = "10px";
    div.id = "blocker";
    $('slide-images').appendChild(div);
  }
);

Event.observe(window, 'load', init, false);
function init() {
  if ($('slide-images')) {
    lis = $('slide-images').getElementsByTagName('li');

    for( i=0; i < lis.length; i++){
      if(i!=0){
        lis[i].style.display = 'none';
      }
    }
    end_frame = lis.length -1;

    Effect.Fade($('blocker'));

    current_slideshow();
  }	
	
}



function current_slideshow() {
	timer = setTimeout(fadeInOut(), delay);
}


function fadeInOut() {
	return (function() {
		Effect.Fade(lis[current_frame]);
		if (current_frame == end_frame) { current_frame = 0; } else { current_frame++; }
		lisAppear = lis[current_frame];
		setTimeout("Effect.Appear(lisAppear);", 0);
		timer = setTimeout(fadeInOut(), delay + 1850);
	})
}

function pause() {
  clearTimeout(timer);
}

function resume() {
  timer = setTimeout(fadeInOut(), delay);
}

function next() {
  pause();
  Effect.Fade(lis[current_frame]);
		if (current_frame == end_frame) { current_frame = 0; } else { current_frame++; }
  lisAppear = lis[current_frame];
  setTimeout("Effect.Appear(lisAppear);", 0);
}

function previous() {
  pause();
  Effect.Fade(lis[current_frame]);
		if (current_frame == 0) { current_frame = end_frame; } else { current_frame--; }
  lisAppear = lis[current_frame];
  setTimeout("Effect.Appear(lisAppear);", 0);
}