(function($){   
 $.fn.CrodaTooltip = function(settings) { 
 
 
 if ((this).length == 0){ return; }
 var defaults = {   
   			xOffset: 10,		
			yOffset: 25,
			tooltipId: "CrodaTooltip",
			clickRemove: false,
			content: "",
			useElement: ""
  }; 
  
  	var settings = $.extend(defaults, settings); 
	var content;
	
	$(this).each(function(){
						  
						  var title = $(this).attr("title");	
						  
						  
						  $(this).hover(
										function(e){
											
											
											
											content = (settings.content != "") ? settings.content : title;
											content = (settings.useElement != "") ? $("#" + settings.useElement).html() : content;
											//content = title;
											$(this).attr("title","");	
											if (content != "" && content != undefined){	
											$("body").append("<div id='"+ settings.tooltipId +"'>"+ content +"</div>");		
					$("#" + settings.tooltipId)
						.css("position","absolute")
						.css("top",(e.pageY - settings.yOffset) + "px")
						.css("left",(e.pageX + settings.xOffset) + "px")						
						.css("display","none")
						.fadeIn("fast");
											
											}
											},
										
										
										
										
												 
										function(){   
										
										$("#" + settings.tooltipId).remove();
										$(this).attr("title",title);
										
										
										
										
										
										}
										
										
										
										);
						  
						  
						  
						  if(settings.clickRemove == true){
							$(this).mousedown(function(e){
							$("#" + settings.tooltipId).remove();
							$(this).attr("title",title);
									});				
											}
		
						  
						  
						  });



 };   
})(jQuery);