$('.ppt1 li:gt(0)').hide();
$('.ppt1 li:last').addClass('last');
$('.ppt1 li:first').addClass('first');
$('#play1').hide();

$('.ppt2 li:gt(0)').hide();
$('.ppt2 li:last').addClass('last');
$('.ppt2 li:first').addClass('first');
$('#play2').hide();

var cur1 = $('.ppt1 li:first');
var interval1;

var cur2 = $('.ppt2 li:first');
var interval2;

$('#fwd1').click( function() {
	goFwd1();
	showPause1();
} );

$('#fwd2').click( function() {
	goFwd2();
	showPause2();
} );

$('#back1').click( function() {
	goBack1();
	showPause1();
} );

$('#back2').click( function() {
	goBack2();
	showPause2();
} );

$('#stop1').click( function() {
	stop1();
	showPlay1();
} );

$('#stop2').click( function() {
	stop2();
	showPlay2();
} );

$('#play1').click( function() {
	start1();
	showPause1();
} );

$('#play2').click( function() {
	start2();
	showPause2();
} );

function goFwd1() {
	stop1();
	forward1();
	start1();
}

function goFwd2() {
	stop2();
	forward2();
	start2();
}

function goBack1() {
	stop1();
	back1();
	start1();
}

function goBack2() {
	stop2();
	back2();
	start2();
}

function back1() {
	cur1.fadeOut( 1000 );
	if ( cur1.attr('class') == 'first' )
		cur1 = $('.ppt1 li:last');
	else
		cur1 = cur1.prev();
	cur1.fadeIn( 1000 );
}

function back2() {
	cur2.fadeOut( 1000 );
	if ( cur2.attr('class') == 'first' )
		cur2 = $('.ppt2 li:last');
	else
		cur2 = cur2.prev();
	cur2.fadeIn( 1000 );
}

function forward1() {
	cur1.fadeOut( 1000 );
	if ( cur1.attr('class') == 'last' )
		cur1 = $('.ppt1 li:first');
	else
		cur1 = cur1.next();
	cur1.fadeIn( 1000 );
}

function forward2() {
	cur2.fadeOut( 1000 );
	if ( cur2.attr('class') == 'last' )
		cur2 = $('.ppt2 li:first');
	else
		cur2 = cur2.next();
	cur2.fadeIn( 1000 );
}

function showPause1() {
	$('#play1').hide();
	$('#stop1').show();
}

function showPause2() {
	$('#play2').hide();
	$('#stop2').show();
}

function showPlay1() {
	$('#stop1').hide();
	$('#play1').show();
}

function showPlay2() {
	$('#stop2').hide();
	$('#play2').show();
}

function start1() {
	interval1 = setInterval( "forward1()", 5000 );
}

function start2() {
	interval2 = setInterval( "forward2()", 4000 );
}

function stop1() {
	clearInterval( interval1 );
}

function stop2() {
	clearInterval( interval2 );
}

$(document).ready(function() {
	start1();
} );

$(document).ready(function() {
	start2();
} );