$(document).ready(function() {
	xOffset = -20;
	yOffset = 20;		
	
	var elements = new Array("a", "input", "img", "div", "area", "span", "li", "tr");
	for (e = 0; e < elements.length; e++) {
		$(elements[e]).each(function() {
			$(this).hover(function(e) {
				if (this.title) {
					this.t = this.title;
					this.title = "";
					$("body").append("<div id=\"tooltip\">" + this.t + "</p>");
					$("#tooltip").css({
						padding: "4px",
						position: "absolute",
						backgroundColor: "#282828",
						color: "#FFFFFF",
						top:(e.pageY - xOffset) + "px",
						left: (e.pageX + yOffset) + "px",
						display: "none"
					});
					$("#tooltip").fadeIn("fast");
				}
			}, function() {
				if (this.t) {
					this.title = this.t;		
					$("#tooltip").remove();
				}
			});	
			$(this).mousemove(function(e) {
				if (this.t) {
					$("#tooltip").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px");
				}
			});
		});
	}	
});