(function($){
	
	$.fn.ajaxWait = function(opts){
		var opts = $.extend({
			id : 'ajaxWait',
			cssClass : 'ajaxWait'
		}, opts);
		return this.each(function(){
			var parent = $(this).parent();
			var gif = $('<div></div>').css({
				background: 'transparent url(/images/ajax-loader.gif) no-repeat 50% 50%',
				zIndex:     999999,
				position:   'absolute',
				top:        0,
				left:       0,
				width:      '100%',
				height:     '100%'
			});
			$('<div></div>').addClass(opts.cssClass).attr('id', opts.id).css({
				background: '#000',
				zIndex:     999998,
				width:      $(this).innerWidth(),
				height:     $(this).innerHeight() + 6,
				opacity:    0.7,
				position:   'absolute',
				top:        parent.position().top - 3
//				left:       parent.position().left
			}).html(gif).hide().insertBefore($(this)).fadeIn('fast');
		});
	};
	$.fn.ajaxDone = function(opts){
		var opts = $.extend({
			id : 'ajaxWait',
			cssClass : 'ajaxWait'
		}, opts);
		return this.each(function(){
			$(this).siblings('.'+opts.cssClass).fadeOut('normal',function(){
				$(this).remove();
			});
		});
	};
	
})(jQuery);