// Put all your code in your document ready area
jQuery(document).ready(function($){
    // load the cycle extension
    $.getScript('/mysite/javascript/jquery.cycle.all.min.js', function() {
        // load the easing extension
        $.getScript('/mysite/javascript/jquery.easing.1.3.js', function() {
            // load the easing compatibility functions
            $.getScript('/mysite/javascript/jquery.easing.compatibility.js', function() {

                bannerCount = $('#banner-rotator').length;
                bannerStart = Math.floor( Math.random() * bannerCount );

                // apply the effect
                $('#banner-rotator').cycle({
                    fx:     'fade',
                    timeout:  8000,
                    startingSlide: 0
                });
            });
        });
    });
});


