$( document ).ready( function()
{
  setInterval( "slide()", 10000 );
});

function slide()
{
  var active = $( 'div.slideshow img.active' );
  if ( active.length == 0 ) active = $( 'div.slideshow img:last' );
  var next = active.next().length ? active.next() : $( 'div.slideshow img:first' );
  active.addClass( 'last-active' );
  next.css( { opacity: 0 } )
      .addClass( 'active' )
      .animate( { opacity: 1 }, 700, function() { active.removeClass( 'active last-active' ); } );
  active.removeClass( 'active' );
}