سلام دوستان من میخوام برای اسلایدرم دکمه های next و prev بذارم ... میشه کمکم کنید؟؟

کد HTML:
<ul id="slides">    <li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/Minecraft.jpg" /></li>    <li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/2.jpg" /></li>    <li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/3.jpg" /></li>    <li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/4.jpg" /></li></ul><div id="overlay" style="background:#26292E; width:100%; height:100%; position:absolute; top:0px; right:0px; z-index:2; opacity:0.5;"></div><a id="right-control">&lsaquo;</a><a id="left-control">&rsaquo;</a>
کد:
/* Switching Slides */    $(document).ready(function(){
        $("#slides li:gt(0)").hide();
        setInterval(function() { 
            $('#slides li:first')
            .fadeOut(1000)
                .next()
                .fadeIn(1000)
                .end()
                .appendTo('#slides');
        },  4000);
    });