$(document).ready(function () {
    $('.cycle').cycle({
        fx: 'fade',
        timeout: 8000
    });

    function centerBanner(a, b) {
        if (a < b) {
            $(".cycle").css("left", ((b - a) / 2) * -1);
        } else {
            $(".cycle").css("left", "");
        }
    }

    $(window).load(function () {
        centerBanner($(this).width(), $(".cycle").width());
    });

    $(window).resize(function () {
        centerBanner($(this).width(), $(".cycle").width());
    });
});