jquery cycle navigation anchor

Question

Hi all, Am using following code to slide the images,I want previous & next to slide the previous and next image with the numbers ,Anyone can help to achieve this.Thanks in advance

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.2.73.js"></script>

   <script type="text/javascript">
$(function() {
    $('#s4').after('<div id="nav" class="nav">').cycle({
        fx:     'scrollLeft',
        speed:  'fast',
        timeout: 3000,
        pager:  '#nav',
        before: function() { if (window.console) console.log(this.src); }
    });
});
</script>

<div style="width: 21px; height: 18px; float: left;">
<ul id="s4">

    <li><a rel="tcontent1" href="#null"><img src="beach1.jpg" width="200" height="200" /></a></li>

    <li><a rel="tcontent2" href="#null"><img src="beach2.jpg" width="200" height="200" /></a></li>

        </ul>
<div style="width: 21px; height: 15px; float: right;"></div>
</div>"