(function($){
$.fn.Loading = function(options) {  	
	var defaults = { 
		zindex:500,
		autostop:1,
		margin:0
	};
	var options = $.extend(defaults, options); 	
	return 	this.each(function() 
			{  
				var obj = $(this);  
				var parent = obj.parent();
				if(!parent.is('.warper'))
				{
					obj.wrap("<div class='warper' style='z-index:"+options.zindex+";position:relative;float:left'/>");
					parent = obj.parent();
				}				
				var w = obj.innerWidth();
				var h = obj.height();

				var newdiv = options.autostop?$("<div class='loader loadautostop' style='display:none;overflow:visible;z-index:899;position:absolute'><img src='/_templates/_images/cloading.gif' /></div>"):
					$("<div class='loader' style='display:none;z-index:899;position:absolute'><img src='/_templates/_images/cloading.gif' /></div>");
				var newdiv2 = options.autostop?
					$("<div class='loader loadautostop' style='z-index:899;position:absolute;background-color:#ffffff'><iframe src='about:blank' frameborder='0px' width='99%' height='99%' style='opacity:0;border:none 0px'/></div>")
					: $("<div class='loader' style='z-index:899;position:absolute;background-color:#ffffff;'><iframe src='about:blank' frameborder='0px' width='99%' height='99%' style='opacity:0;border:none 0px'/></div>");
				$(newdiv2).css('opacity', 0.8).width(w - options.margin).height(h).css('top', 0).css('left', 0); //.click(function()
				$(newdiv2).append($(newdiv));
				parent.append($(newdiv2));				
				$(newdiv).css('top',(h/2)-12);
				$(newdiv).css('left',(w/2)-12);
				$(newdiv).show();
			});  
	};  

})(jQuery);  



(function($){  
$.fn.EndLoading = function()
{
	return 	this.each(function() 
	{
		var obj = $(this);
		obj = $(this).parent()?$(this).parent():obj;
		$('.loader',$(obj)).remove();	
		return obj;
	});
}
})(jQuery);  

$(document).ajaxStop(function(){ $('.loadautostop',document).remove();});