JSBASE.widget.tooltip = function () {
		var newlayerdiv;
		var xOffset = 25;
		var yOffset = 0;
		
		return {
			spawn : function (position, html) {
				var cssPos;
				if(typeof(position) === 'object') {
					cssPos = "position: " + position.pos +  "; top: " + position.yCord + "px; left: " + position.xCord + "px;";
					cssPos += " z-index: 10;";
				}
				var node = document.createElement("div");
				//node.setAttribute("style", cssPos); <<-- THIS DOES NOT WORK IN IE - SO USE THIS ONE:
				node.style.cssText = cssPos;
				node.innerHTML = html;
				return node;
			},
			
			init : function(e) {
				JSBASE.DOM.prevDefault(e);
				var targ = JSBASE.DOM.getTarget(e);
				var html = JSBASE.DOM.closestSibling(targ, 1).innerHTML;
				var mousePos = JSBASE.DOM.getMousePos(e);
				var xPos = mousePos.xCord + xOffset;
				var yPos = mousePos.yCord + yOffset;
				newlayerdiv = JSBASE.widget.tooltip.spawn({xCord: xPos, yCord: yPos, pos: 'absolute'}, html);
				document.body.appendChild(newlayerdiv);
			},
			
			destroy : function(e) {
				JSBASE.DOM.prevDefault(e);
				newlayerdiv.parentNode.removeChild(newlayerdiv);
			}		
		}
	}();