Image preloading in JQuery

jQuery image pre-load

/*
 * Written by Chris Hardcastle
 * Pre-load an image using jQuery
 * Example HTML layout
	<div id="globalInner">    
		<div id="loading"><!-- css loading gif --></div>
		<div id="stage"></div>
	</div>
*/
/* 
	If object is set, use it or make one.
	Must be declared outside of jquery dom ready call
*/
var image = image || {};
image.load = {
	ready:function(){
		$("#globalInner")
		.find("#loading")
		.hide()
		.end()
	   .find('img')
		.fadeIn(2000);
	}
}
$(function(){		
	$('body')
	.find("stage")
	.empty() // clear stage
	.end()
	.fadeTo(0,1,function(){	// force call back
		$("<img onload=\"javascript:image.load.ready()\">")
		.attr("src","/images/large-image.jpg")
		.attr("alt","large image")
		.css("display",'none')
	   .appendTo('#stage');				
	})			   
})