How can I add navigation to my jquery slideshow?

How can I add navigation to my jquery slideshow?

I have a site on blogger and I used jquery slide in this page http://www.aniavouloudi.com/p/anagnorisis.html
How can I make it slide only with navigation buttons and how do I add them?

In HTML above </head> I put this:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
$(function(){
    $('#slider div:gt(0)').hide();
    setInterval(function(){
      $('#slider div:first-child').fadeOut(0)
         .next('div').fadeIn(0000)
         .end().appendTo('#slider');}, 4000);
});
//]]></script>

and in the post I made I used this:

<div id="slider">
    <div>

    <img src="url">
    <img src="url">
    <img src="url">

</div>



Thank you.