$(document).ready(function() {
    $('#s1').before('<div id="nav1" class="nav">').cycle({
        fx:     'fade',
        speed:  'fast',
        startingSlide: 1,
        timeout: 30000,
        /*pager:  '#nav1',*/
        delay:  -2000
    });

        $("#nav1").prepend('<span id="prev"><img src="/img/prev.jpg" alt="" /></span>');
        $("#nav1").append('<span id="next"><img src="/img/next.jpg" alt="" /></span>');
               
              
        $("span#next").click(function() {
            $('#s1').cycle('next');
        });

        $("span#prev").click(function() {
            $('#s1').cycle('prev');
        });


    
});