Gostaria de saber como posso alterar o script de Slide Show abaixo para que ele funcione com dois controles de ação denominados Próximo e Anterior sendo que necessito que o Slide só mude o texto caso o usuário clique em um dos botões para realizar a mudança do Slide Show.
Jquery
jQuery(document).ready(function(){
$(function(){
$('#slideshow h4:gt(0)').hide();
setInterval(function(){
$('#slideshow :first-child').fadeOut(2000)
.next('div').fadeIn(2000)
.end().appendTo('#slideshow');},
2000);
});
});
HTML
<div id="slideshow">
<div class="slideshow-element">Test 1</div>
<div class="slideshow-element">Test 2</div>
<div class="slideshow-element">Test 3</div>
<div class="slideshow-element">Test 4</div>
</div>
CSS
.slideshow-element{
position: absolute;
}