(function($) {
	$.fn.loadStats = function(options){
		options = jQuery.extend({
			
		},options);

		this.each(
			function(){
				var obj = $(this);
				new $.statsLoader(this, options);
			}
		);
		return this;
	};	
	
	$.statsLoader = function(fields, options){
		var obj = $(fields); 
		//Event while waiting for Stats
		obj.bind("loading",function(){
			obj.html('<span class="spanGray">(</span><img src="/img/icon/aniLoading16.gif" width="10" /><span class="spanGray">)</span>');
		});
		//Event to display Stats
		obj.bind("stats",function(e,d){
			var id = obj.attr("id");
			var info = id.split("_stats_");
			var html = "";
			var description = "";
			data = d.stats;
			if(data != null && typeof data != 'undefined' && typeof data[info[0]] != 'undefined' && typeof data[info[0]][info[1]] != 'undefined'){
				html = "<span class='spanGray'>(</span><b>"+data[info[0]][info[1]]["matched"]+"</b><span class='spanGray'>/"+data[info[0]][info[1]]["total"]+")</span>";
				description = d.descriptionStats;
				description = description.replace(/%d1/,data[info[0]][info[1]]["total"]);
				description = description.replace(/%d2/,data[info[0]][info[1]]["matched"]);
			}else{
				html = "<span class='spanGray'>(</span>0<span class='spanGray'>/0)</span>";
				if(typeof data != 'undefined'){
					description = d.descriptionNoStats;
				}
			}
			obj.html(html);
			obj.tooltip({
    			delay: 0, 
    			showURL: false, 
    			bodyHandler: function() {
                    return description;
                }
			});
		});
		
	};
})(jQuery);