/*
 * 	Easy Tooltip 1.0 - jQuery plugin
 *	written by Alen Grakalic	
 *	http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin
 *
 *	Copyright (c) 2009 Alen Grakalic (http://cssglobe.com)
 *	Dual licensed under the MIT (MIT-LICENSE.txt)
 *	and GPL (GPL-LICENSE.txt) licenses.
 *
 *	Built for jQuery library
 *	http://jquery.com
 *
 */
 
(function($) {

	$.fn.easyTooltip = function(options){
	  
		// default configuration properties
		var defaults = {	
			xOffset: 10,		
			yOffset: 25,
			tooltipId: "easyTooltip",
			clickRemove: false,
			toolTipMove: false,
			anchorElement1: "",
	        anchorElement2: "",
			anchorElement3: "",
			content: "",
			useElement: ""
		}; 
			
		var options = $.extend(defaults, options);  
		var content;
				
		this.each(function() {  				
			var title = $(this).attr("title");				
			$(this).hover(function(e){											 							   
				content = (options.content != "") ? options.content : title;
				content = (options.useElement != "") ? $("#" + options.useElement).html() : content;
				$(this).attr("title","");
				
				if (options.anchorElement1 != ""){
					if (content != "" && content != undefined){			
						//$("body").append("<div id='"+ options.tooltipId +"'>"+ content +"</div>");
						$(options.anchorElement3).after("<div id='"+ options.tooltipId +"'>"+ content +"</div>");
						
						var anchorObject = $(options.anchorElement1);
						var anchorObjectOffset = anchorObject.offset();

						var anchorObject2 = $(options.anchorElement2);
						var anchorObjectWidth = anchorObject2.width();	

						$("#" + options.tooltipId)
							.css("position","absolute")
							.css("float","left")
							//.css("top",(anchorObjectOffset.top - 50) + "px")
							.css("top",(anchorObjectOffset.top - 100) + "px")
							//.css("left",(anchorObjectOffset.left + 10) + "px")
							//.css("left",(anchorObjectWidth + 825) + "px")
							.css("margin-left",(anchorObjectWidth - 30) + "px")
							.css("display","none")
							.fadeIn("fast")
					}
				}
				else
				{
					if (content != "" && content != undefined){			
						$("body").append("<div id='"+ options.tooltipId +"'>"+ content +"</div>");		
						$("#" + options.tooltipId)
							.css("position","absolute")
							.css("top",(e.pageY - options.yOffset) + "px")
							.css("left",(e.pageX + options.xOffset) + "px")						
							.css("display","none")
							.fadeIn("fast")
					}
				}
			},
			function(){	
				$("#" + options.tooltipId).remove();
				$(this).attr("title",title);
			});
			if(options.toolTipMove){
				$(this).mousemove(function(e){
					$("#" + options.tooltipId)
						.css("top",(e.pageY - options.yOffset) + "px")
						.css("left",(e.pageX + options.xOffset) + "px")					
				});	
			}	
			if(options.clickRemove){
				$(this).mousedown(function(e){
					$("#" + options.tooltipId).remove();
					$(this).attr("title",title);
				});				
			}
		});
	  
	};

})(jQuery);