(function($){
	$.fn.tooltip = function(options) {
		// default value
		var defaults = {
			xOffset: 30,
			yOffset: 10
		};
		// set offset
		var setting = $.extend(defaults, options);
		// foreach selector
		this.each(function() {
			var target = this;

			$(target).hover(
				function(e){
					$(target).data('t', $(target).attr('title'));
					//$(target).attr('title', null);
					this.title = "";
					$("body").append('<p id="tooltip">'+ $(target).data('t') +"</p>");
					$("#tooltip")
					.css({
						top: (e.pageY - setting.xOffset) + "px",
						left: (e.pageX + setting.yOffset) + "px",
						position: 'absolute',
						border: '1px solid #333',
						background: '#ccc',
						padding: '4px 8px',
						color: '#333',
						zIndex: 1025,
						display: 'none'
					})
					.fadeTo(300, 0.7);
			    },
				function(){
			    	$(target).attr('title', $(target).data('t'));
					$("#tooltip").remove();
			    }
		    );
			$(target).mousemove(
				function(e){
					$("#tooltip")
					.css("top",(e.pageY - setting.xOffset) + "px")
					.css("left",(e.pageX + setting.yOffset) + "px");
				}
			);
		});
		return this;
	};
})(jQuery);