(function($){
	//Resize image on ready or resize
	$.fn.supersize = function() {
		//Invoke the resizenow() function on document ready
		$(document).ready(function() {
			$('#supersize').resizenow();
		});
		//Invoke the resizenow() function on browser resize
		$(window).bind("resize", function() {
    		$('#supersize').resizenow();
		});
	};
	//Adjust image size
	$.fn.resizenow = function() {
		//Define starting width and height values for the original image
		var startwidth = 1920;
		var startheight = 1200;
		//Define image ratio
		var ratio = startheight/startwidth;
		//Gather browser dimensions
		var browserwidth = $(window).width();
		var browserheight = $(window).height();
		//Resize image to proper ratio
/*		if ((browserheight/browserwidth) > ratio) {
		    $(this).height(browserheight);
		    $(this).width(browserheight / ratio);
		    $(this).children().height(browserheight);
		    $(this).children().width(browserheight / ratio);
		} else {
		    $(this).width(browserwidth);
		    $(this).height(browserwidth * ratio);
		    $(this).children().width(browserwidth);
		    $(this).children().height(browserwidth * ratio);
		} */

//		alert($(this).children().width());

//		$(this).css('width', browserwidth);
//		$(this).css('height', browserheight);

		//Make sure the image stays center in the window
//		$(this).children().css('left', (browserwidth - $(this).children().width())/2);
//		$(this).children().css('top', (browserheight - $(this).children().height())/2);

		var bgleft = (browserwidth - startwidth)/2;
		var bgtop = (browserheight - startheight)/2;

		$('body').css('backgroundPosition',  bgleft + 'px 0px');
	};
})(jQuery);