(function($) {
	
		
	
	$.fn.showPreloader = function(userConf)
	{
		var conf = {
				opacity: '0.5'
			};
		$.extend(conf, userConf);
		var append="";
		var tmpOb;
		this.each(function(){
			tmpOb=$(this).children(".preloader");
			if (tmpOb.length==0)
			{
				append ='<div class="preloader" style="position: absolute; left: 0; top: 0;">'+
							'<div class="innerPreloader"></div>'+
						'</div>';
	
				$(this).css({position: 'relative'});
				$(this).append(append);
				tmpOb=$(this).children(".preloader");
				tmpOb.css({width: $(this).width()+parseInt($(this).css("padding-left"))+parseInt($(this).css("padding-right")) , height: $(this).height()+parseInt($(this).css("padding-top"))+parseInt($(this).css("padding-bottom")) });
				var top=tmpOb.height()/2-tmpOb.children('.innerPreloader').height()/2;
				var left=tmpOb.width()/2-tmpOb.children('.innerPreloader').width()/2;
				tmpOb.children('.innerPreloader').css({ margin: top+'px 0px 0px '+left+'px' });
				tmpOb.animate({opacity: conf.opacity}, 0);
			}
			
		});
		return this;
	};
	$.fn.hidePreloader = function(userConf)
	{
		var append="";
		var tmpOb;
		this.each(function(){
			tmpOb=$(this).children(".preloader");
			if (tmpOb.length>0)
			{
				tmpOb.remove();
			}
		});
		return this;
	};
})(jQuery);