(function($){

	$.fn.fullscreenr = function(options) {
		var defaults = { width: 1024,  height: 768, 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_old = function(options) {
		var ratio = options.height / options.width;	
		var browserwidth = $(window).width();
		var browserheight = $(window).height();
		
		if ((browserheight/browserwidth) > ratio){
		    $(this).height(browserheight);
		    $(this).width(browserheight / ratio);
		} else {
		    $(this).width(browserwidth);
		    $(this).height(browserwidth * ratio);
		}
		
		$(this).css('left', (browserwidth - $(this).width())/2);
		$(this).css('top', (browserheight - $(this).height())/2);
		return this; 		
	};

	$.fn.fullscreenrResizer = function(options) {
		var ratio = options.height / options.width;	
		var browserwidth = $(window).width();
		var browserheight = $(window).height()-100;
		
		if (browserwidth <= options.width) {
			var _w = browserwidth;
			var _h = options.height*(browserwidth/options.width);
		} else{
			// keep it from going beyond native size
			var _w = options.width;
			var _h = options.height;
		}
		
		if (!(_w <= browserwidth && _h <=  browserheight)) {
			if (browserheight <= options.height)  {
				_h = browserheight;
				_w = options.width*(browserheight/options.height);
			} else {
				// keep it from going beyond native size
				_h = options.height;
				_w = options.width;
			}	
		}
		
		$(this).width(_w);
		$(this).height(_h);

		$(this).css('left', (browserwidth/2 - _w/2));
		$(this).css('top', (browserheight/2 - _h/2)+50);
		
		return this;
	}

})(jQuery);

var FullscreenrOptions = {  width: 936, height: 585, bgID: '#bgimg' };
jQuery.fn.fullscreenr(FullscreenrOptions);