jQuery.fn.preload = function(options) {
	var defaults = { 
		loaderImage : "../images/loader.gif",
		marginTop: 0
		
	};
 	var options = $.extend(defaults, options);

	
	return this.each(function(){   
		/* CREATE LOADER IN IMG TAGS */
		jQuery("img",this).each(function() {
			if ( navigator.appName.toLowerCase()!="opera") {
				var preload=$(this).parent();
				jQuery(this).wrap('<div class="jqPreload"></div>');						
				jQuery(".jqPreload",preload).prepend('<img src="'+options.loaderImage+'" alt="..." class="jqPreloadImage"/>')									
				var imgObj=$(this).clone().appendTo($(preload));		
				jQuery(this).remove();
				
				
				
				jQuery(imgObj).css("display","none");				
				jQuery(preload).css("text-align", "center");
				
				jQuery(".jqPreloadImage",$(preload)).css({				
					"margin-top" : options.marginTop+"px"
				})
				
				
				jQuery(imgObj).bind("load",function() {
					jQuery(this).unbind("load");
					jQuery(this).fadeIn(300);
					jQuery(".jqPreloadImage",$(this).parent()).remove();
				})			
			}
		});
		
		
	});  
};