Jquery Slideshow en la página no funciona

Estoy tratando de integrar una presentación de diapositivas de jquery, pero no funciona. Estoy usando 3 archivos jquery, el complemento de ciclo jquery y la hoja de estilo de presentación de diapositivas, ambos están incluidos en la página pero el slidesow no se mueve. Aquí está el enlace, la presentación de diapositivas está en #slider ul.

http://tinyurl.com/88aotym

La carpeta relevante que tiene js y la hoja de estilo es 'cat-slider'.

Esta es la función jquery en la sección principal.

    <script type="text/javascript">

   $(function() 
   {
    $(".slider ul")
    .cycle({
        prev:   '.slider .controls .prev', 
        next:   '.slider .controls .next',
        timeout: 3000,
        pager:   '.slider .controls .pages',
        pagerAnchorBuilder: pagerFactory,
        before: function(Ec, En, o, f) 
        {           
            var classTarget = $(Ec);
            var nextClassTarget = $(En);

            classTarget = classTarget.context.attributes.rel.value;
            nextClassTarget = nextClassTarget.context.attributes.rel.value;

            $('.slider .controls .' + classTarget).removeClass('selected');
            $('.slider .controls .' + nextClassTarget).addClass('selected');
        }
    });

    // Pager Function
    function pagerFactory(idx, slide) 
    {
        var selected = (idx == 0 ? 'selected' : null);
        return '<img src="http://mysite.com/wp-content/plugins/cat- slider/images/blank.gif" width="13" height="14" class="number '+ selected + ' ' + parseInt(idx+1)+'" />';
    };
});

</script>