/**
* 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();
		
		/*--------------------------------------------------------------
		
			Old functionality is overriden to accomplish scaling only 
			when browser width is greater than the width given in
			params. Commented code is the orginal.
		
		---------------------------------------------------------------*/
		
		/*--------------------------------------------------------------
		if(browserwidth <= options.width && browserheight <= options.height) {
			$(this).css('display', 'none');
		}
		else {
			$(this).removeAttr("style");
			// 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);
			$(this).css('position', 'absolute');
			
			return this;
		} 
		---------------------------------------------------------------*/
		if(browserwidth <= options.width) {
			$(this).css('display', 'none');
		}
		else {
			$(this).removeAttr("style");
			// Scale the image
			if (browserwidth > options.width){
			    $(this).height(browserwidth * ratio);
			    $(this).width(browserwidth);
			} 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);
			$(this).css('top', 0);
			$(this).css('position', 'absolute');
			
			return this;
		}		
	};
})(jQuery);