Lookbook

$('.ppt li:gt(0)').hide();
$('.ppt li:last').addClass('last');
$('.ppt li:first').addClass('first');
$('#play').hide();

var cur = $('.ppt li:first');
var interval;

$('#fwd').click( function() {
goFwd();
showPause();
} );

$('#back').click( function() {
goBack();
showPause();
} );

$('#stop').click( function() {
stop();
showPlay();
} );

$('#play').click( function() {
start();
showPause();
} );

function goFwd() {
stop();
forward();
start();
}

function goBack() {
stop();
back();
start();
}

function back() {
cur.fadeOut( 1000 );
if ( cur.attr('class') == 'first' )
cur = $('.ppt li:last');
else
cur = cur.prev();
cur.fadeIn( 1000 );
}

function forward() {
cur.fadeOut( 1000 );
if ( cur.attr('class') == 'last' )
cur = $('.ppt li:first');
else
cur = cur.next();
cur.fadeIn( 1000 );
}

function showPause() {
$('#play').hide();
$('#stop').show();
}

function showPlay() {
$('#stop').hide();
$('#play').show();
}

function start() {
interval = setInterval( "forward()", 3000 );
}

function stop() {
clearInterval( interval );
}

$(function() {
start();
} );