jQuery(document).ready(function () {
    (function ($) {
        $.fn.fullBg = function () {
            var bgImg = $(this);

            bgImg.addClass('fullBg');

            function resizeImg() {
                var imgwidth = bgImg.width();
                var imgheight = bgImg.height();

                var winwidth = $(window).width();
                var winheight = $(window).height();

                var widthratio = winwidth / imgwidth;
                var heightratio = winheight / imgheight;

                var widthdiff = heightratio * imgwidth;
                var heightdiff = widthratio * imgheight;

                if (heightdiff > winheight) {
                    bgImg.css({
                        width: winwidth + 'px',
                        height: heightdiff + 'px'
                    });
                } else {
                    bgImg.css({
                        width: widthdiff + 'px',
                        height: winheight + 'px'
                    });
                }
            }
            resizeImg();
            $(window).resize(function () {
                resizeImg();
            });
        };
    })(jQuery)

    jQuery(function ($) {
        $("#Background").fullBg();
        $("#Background").css({ left: ($(window).width() / 2) - ($("#Background").width() / 2) });
        $("#ContentWrapper").css({ left: ($(window).width() / 2) - ($("#ContentWrapper").width() / 2) });
        $(window).resize(function () {
            $("#Background").css({ left: ($(window).width() / 2) - ($("#Background").width() / 2) });
            $("#ContentWrapper").css({ left: ($(window).width() / 2) - ($("#ContentWrapper").width() / 2) });
        });
		$("#BannerSlideshow").cycle();
    });
});