$(document).ready(function() {
$('#s1').cycle({
    fx:      'zoom',
    speedIn:  1500,
    speedOut: 500,
    easeIn:  'bouncein',
    easeOut: 'easeout',
    sync:     0,
    delay:   -2200
});
$('#s2').cycle({ 
    fx:     'scrollUp', 
    speedIn:  1500,
    speedOut: 500,
    easeIn:  'bounceout',
    easeOut: 'backin',
    delay:   -2000
});
$('#s3').cycle({
    fx:      'scrollDown',
    speedIn:  1500,
    speedOut: 500,
    easeIn:  'bounceout',
    easeOut: 'backin',
    delay:   -2000
});
$('#s4').cycle({
    fx:      'zoom',
    cssBefore: { 
        left: 115, 
        top:  115, 
        width: 0, 
        height: 0, 
        opacity: 1,
        zIndex: 1
    },
    animOut: { 
        opacity: 0 
    },
    animIn: { 
        left: 0, 
        top: 0, 
        width: 100,
        height: 180 
    },
    cssAfter: { 
        zIndex: 0
    },
    speedIn:  500,
    speedOut: 500,
    delay: -2000
});

$('#s5').cycle({
    fx:      'slideY',
    cssBefore:{ 
        left: 110,  
        top: 0, 
        display: 'block'
    },
    animIn: { 
        left: 0,
        top: 0 
    },
    animOut: { 
        left: +110,  
        top: 0
    },
    delay: -2000
});
$('#s6').cycle({ 
    fx:    'scrollRight', 
    delay: -2000 
});
$('#s7').cycle({ 
    fx:    'scrollLeft', 
    delay: -2000 
});
$('#s8').cycle({ 
    fx:   'shuffle', 
    shuffle: { 
        top:  -130, 
        left:  130 
    }, 
    easing: 'backinout', 
    delay: -2000 
});
});

$.fn.cycle.defaults.timeout = 6000;
$(function() {
    $('td pre code').each(function() {
        eval($(this).text());
    });
});