Tooltips = {
	init: function () {
		var tooltip = DOM.createElements({
			tag: "div",
			attributes: {
				id: "tooltip"
			},
			style: {
				display: "none",
				position: "absolute",
				top: "0px",
				left: "0px"
			}
		});
		var tooltipText = DOM.createElements("Tooltip Text");
		tooltip.appendChild(tooltipText);
		document.body.appendChild(tooltip);
		
		var tooltipArrow = DOM.createElements({
			tag: "div",
			attributes: {
				className: "arrow"
			},
			style: {
				position: "absolute",
				top: "0px",
				left: "10px"
			}
		});
		
		tooltip.appendChild(tooltipArrow);
		
		var elements = DOM.getElementsByAttribute(document.body, "title");
		for (var i = 0; i < elements.length; i++) {
			var element = elements[i];
			
			(function() {
				var title = element.getAttribute("title");
				
				Event.add(element, "mousemove", function(e) {
					var position = Dimension.getMousePosition(e);
					
					tooltip.style.display = "block";
					tooltip.style.top = (position.y - tooltip.offsetHeight - 15) + "px";
					tooltip.style.left = (position.x - 18) + "px";
					tooltipArrow.style.top = 
							(tooltip.offsetHeight 
								- parseInt(DOM.getStyle(tooltip, "borderTopWidth"))
									- parseInt(DOM.getStyle(tooltip, "borderBottomWidth"))) + "px";
					tooltipText.nodeValue = title;
				});
			})();
			
			Event.add(element, "mouseout", function(e) {
				tooltip.style.display = "none";
			});
			
			element.title = "";
		}
	}
};