https://cardan.net/templates/default/js/jquery.functions.js

1/*
2 * Slideshow Functions
3 */
4 
5$(window).load(function()
6{
7    //this is intended to wait for all the images to load before running the slideshow
8    init_slideshow()
9})
10
11init_slideshow = function()
12{
13    $('#slides').cycle({
14        speed: 600,
15        timeout: 2000,
16        fx: 'fade',
17        pager: '#slide_navigation',
18        pagerEvent: 'click',
19        pauseOnPagerHover: true,
20        pagerAnchorBuilder: function(idx, slide) {
21            return '<a href="#"></a>';
22        }
23    }).hover(function() {
24        $('#slides').cycle('pause');
25    }, function() {
26        $('#slides').cycle('resume');
27    });
28}