function nextSlide(){
   current = $('#slideshow ul li.current');
   next = current.next().length == 1 ? current.next() : $('#slideshow ul li:first');
   showSlide(next);
   timer = setTimeout('nextSlide()', 5000);
  };
  
function showSlide(slide){
   current = $('#slideshow ul li.current');
   current.removeClass('current').animate({opacity: 0.3, width: 60});
   current.find('.background').animate({opacity: 0});
   current.find('.text').animate({opacity: 0}).hide();
   
   slide.addClass('current').animate({opacity: 1, width: 635});
   slide.find('.background').css('opacity', 0).show().animate({opacity: 0.35});
   slide.find('.text').css('opacity', 0).show().animate({opacity: 1});
  };

$(function(){ 
  $("#slideshow ul li").css("opacity", 0.3);
  $("#slideshow ul li .background").css("opacity", 0.35);
  first = $('#slideshow ul li:first');
  first.addClass('current').css("opacity", 1);
  first.find('.background').css('opacity', 0.35);
  first.find('.text').css('opacity', 1).show();
  timer = setTimeout('nextSlide()', 5000);
  $("#slideshow ul li").click(function(){
    clearTimeout(timer);
    timer = setTimeout('nextSlide()', 10000);
    if (!$(this).hasClass('current')) {showSlide($(this))};
  });
});