$(function() {
    $('#pause').click(function() { $('#slides').cycle('pause'); return false; });
    $('#play').click(function() { $('#slides').cycle('resume'); return false; });

 $('#slideshow').hover(
        function() { $('#controls').fadeIn(); },
        function() { $('#controls').fadeOut(); }
    );
     $('#slides').cycle({
        fx:     'scrollLeft',
        speed:   500,
        timeout: 10000,
        next:   '#next',
        prev:   '#prev'
    });
});