<script type="text/javascript">
       jQuery(document).ready(function($) {
            $('#slides').slides({
                width: 960,
                height: 379,
                preload: false,
                preloadImage: '<?php echo get_template_directory_uri() ?>/images/loading.gif',
                play: 5000,
                pause: 2500,
                effect: 'fade, fade',
                hoverPause: true,
                animationStart: function(){
                    $('.caption').animate({
                        bottom:-96
                    },100);
                },
                animationComplete: function(current){
                    $('.caption').animate({
                        bottom:0
                    },200);
                }
            });
        })
</script>