﻿/**
* Fullscreenr - lightweight full screen background jquery plugin
* By Jan Schneiders
* Version 1.0
* www.nanotux.com
**/
(function ($) {
    $.fn.fullscreenr = function (options) {
        if (options.height === undefined) alert('Please supply the background image height, default values will now be used. These may be very inaccurate.');
        if (options.width === undefined) alert('Please supply the background image width, default values will now be used. These may be very inaccurate.');
        if (options.bgID === undefined) alert('Please supply the background image ID, default #bgimg will now be used.');
        var defaults = { width: 1280, height: 1024, bgID: 'bgimg' };
        var options = $.extend({}, defaults, options);
        $(document).ready(function () { $(options.bgID).fullscreenrResizer(options); });
        $(window).bind("resize", function () { $(options.bgID).fullscreenrResizer(options); });
        return this;
    };
    $.fn.fullscreenrResizer = function (options) {
        // Set bg size
        var ratio = options.height / options.width;
        // Get browser window size
        var browserwidth = $(window).width();
        var browserheight = $(window).height();
        // Scale the image
        if ((browserheight / browserwidth) > ratio) {
            $(this).height(browserheight);
            $(this).width(browserheight / ratio);
        } else {
            $(this).width(browserwidth);
            $(this).height(browserwidth * ratio);
        }
        // Center the image
        $(this).css('left', (browserwidth - $(this).width()) / 2);
        $(this).css('top', (browserheight - $(this).height()) / 2);
        return this;
    };
})(jQuery);
