/**
* 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.maskID).resizeMask(); $(options.bgID).fullscreenrResizer(options);	
			
		});
		$(window).bind("resize", function(){
			$(options.maskID).resizeMask(); 
			$(options.bgID).fullscreenrResizer(options);
			});
		return this; 		
	};	
	
	$.fn.resizeMask = function() {
		
		// For use within normal web clients 
			var isiPad = navigator.userAgent.match(/iPad/i) != null;
			
			// For use within iPad developer UIWebView
			// Thanks to Andrew Hedges!
			var ua = navigator.userAgent;
			var isiPad = /iPad/i.test(ua) || /iPhone/i.test(ua);
			 
		if(!isiPad){
			// Get browser window size
			var browserwidth = $(window).width();
			var browserheight = $(window).height();
		}else{
			var browserwidth = document.width;
			var browserheight = document.height;
		}
	
		
		
		//Scale mask
		
		$(this).width(browserwidth);
		$(this).height(browserheight);
		
		
		return this; 		
	};
	
	$.fn.fullscreenrResizer = function(options) {
		// Set bg size
		var ratio = options.height / options.width;	
		
		// For use within normal web clients 
			var isiPad = navigator.userAgent.match(/iPad/i) != null;
			
			// For use within iPad developer UIWebView
			// Thanks to Andrew Hedges!
			var ua = navigator.userAgent;
			var isiPad = /iPad/i.test(ua) || /iPhone/i.test(ua);
			 
		if(!isiPad){
			// Get browser window size
			var browserwidth = $(window).width();
			var browserheight = $(window).height();
		}else{
			var browserwidth = document.width;
			var browserheight = document.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);