jQuery Cycle: Adding Slideshow Controls

function showSlide(index) {
slides.fadeOut(500);
slides.eq(index).fadeIn(500);
}

function nextSlide() {
current = (current + 1) % total;
showSlide(current);
}

function prevSlide() {
current = (current - 1 + total) % total;
showSlide(current);
}

function startSlideshow() {
interval = setInterval(nextSlide, 3000);
isPlaying = true;
$('#playPause').text('Pause');
}

function stopSlideshow() {
clearInterval(interval);
isPlaying = false;
$('#playPause').text('Play');
}

$('#next').click(function () {
nextSlide();
if (isPlaying) {
stopSlideshow();
}
});

$('#prev').click(function () {
prevSlide();
if (isPlaying) {
stopSlideshow();
}
});

$('#playPause').click(function () {
isPlaying ? stopSlideshow() : startSlideshow();
});