$.fn.cycle.defaults.timeout = 6000;
				$(function() {
    			// run the code in the markup!
    			$('table pre code').not('#skip,#skip2').each(function() {
        		eval($(this).text());
    			});
    
    	$('#s4').before('<div id="nav" class="nav">').cycle({
        /*fx:     'fade',*/
        fx: 'fade, shuffle, zoom, uncover, cover, fadeZoom, blindY, scrollUP',
        speed:  'slow',
        timeout: 4000,
        /*pager:  '#nav'*/
        random: 1
    	});
			});

			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>');
			}