
(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: 1024,  height: 680, bgID: '.imagecache-slide-full' };
    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);

