$.fn.cycle.defaults.timeout = 5000;
        $(function() {
            // run the code in the markup!
            $('table pre code').not('#skip,#skip2').each(function() {
                eval($(this).text());
            });
    
            $('#s4').after('<div id="navi" class="navi">').cycle({
                fx:     'fade',
                pager:  '#navi'
            });
        });

        function onBefore() {
            $('#output').html("Scrolling image:<br>" + this.src);
            //window.console.log(  $(this).parent().children().index(this) );
        }
        function onAfter() {
            $('#output').html("Scroll complete for:<br>" + this.src)
                .append('<h3>' + this.alt + '</h3>');
        }