var off = 0;
var stopped;


function moveIn(thumb) {
  thumb.className="thumbimagein";
  off = 1;
  slideGoto(thumb);
}

function moveOut(thumb) {
  thumb.className="thumbimageout";
  off = 0;
  //slideGoto(thumb);
}

function slideGoto(thumb) {
  slideSwitch(getImageFromThumb(thumb));
}

function getImageFromThumb(thumb) {
  if (thumb == null) {
  return null;
  }
   
  var images = document.getElementById('slideshow').childNodes; 
  for ( var i = 0; i < images.length; i++ ) {
  var node = images.item(i);
  if (node.nodeName == 'IMG' && thumb.src == node.src) {
  return node;
  }
  }
   
  return null;
}

function slideSwitch(nextImage) {

  if (off > 0 && nextImage == null) return;

  var $active = $('#slideshow IMG.active');

  if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

  var $next = $active.next().length ? $active.next()
  : $('#slideshow IMG:first');
  if (nextImage != null) $next = $(nextImage);

  $active.addClass('last-active');
 

  $next.css({opacity: 0.0})
  .addClass('active')
  .animate({opacity: 1.0}, 1000, function() {
  $active.removeClass('active last-active');
  });
   
 $('#slideshow IMG.active')
  .click( function(event) { 
   
   
  slideSwitch(null);
   
   
  });  
}

$(function() {

  setInterval( "slideSwitch(null)", 5000 );
   
  $('#slideshow IMG.active')
  .click( function(event) { 
   
   
  slideSwitch(null);
   
   
  }); 
   
   
   
});