

$( function() {

var slideDuration = 1500;
var waitDuration  = 5000;
var easing        = 'easeInOutQuint';

var $slides = $( '#slider' ).find( '.slide' );
var length  = $slides.length;
var index   = 0;
var height  = $slides.height();

$slides.each( function( i )
{
  if( i != index )
    $( this ).css( 'top', height );
} );

function doMotion()
{
  var lastIndex = index;
  if( ++index == length ) index = 0;
  
  $slides.each( function( i )
  {
    if( i == index )
      $( this ).animate( { top: 0 }, slideDuration, easing );
    if( i == lastIndex )
      $( this ).animate( { top: -height }, slideDuration, easing, function() { $( this ).css( 'top', height ); } );
  } );

}

setInterval( doMotion, waitDuration );

} );







