function enableTooltips(){

	//create tooltipParent div
	var h = document.createElement("div");
	h.id = "tooltipParent";
	h.setAttribute("id", "tooltipParent");
	h.style.position = "absolute";
	document.getElementsByTagName("body")[0].appendChild(h);

	//loop thru everything and check for tip class
	$$('*').each(function(el) {

		if(el != null && el.className.indexOf('tip') > -1) {

			var t = el.getAttribute("title");
			if(t==null || t.length==0) return;

			t = t.replace(/(\s{1}\|{1}\s{1})/g, '<br />');
			el.removeAttribute("title");
			
			//creatae tooltip span element
			var tooltip = document.createElement("div");
			tooltip.className = "tooltip";
			tooltip.innerHTML = t;

			//asign this tooltip to the element
			el.tooltip = tooltip;
			
			
			addEvent(el, 'mouseover', function(el) {
				$('tooltipParent').appendChild(this.tooltip);
			});
			
			addEvent(el, 'mouseout', function(el) {
				var d = $('tooltipParent');
				if(d.childNodes.length>0) d.removeChild(d.firstChild);		
			});
			
			addEvent(el, 'click', function(el) {
				var d = $('tooltipParent');
				if(d.childNodes.length>0) d.removeChild(d.firstChild);	
			});
			
			addEvent(el, 'mousemove', function(el) {
				Locate(el);
			});
			

			
		}
		
	});

}


function Locate(e) {

	var posx=0,posy=0;
	if(e==null) e=window.event;
	if(e.pageX || e.pageY) {
		posx=e.pageX; posy=e.pageY;
	} else if(e.clientX || e.clientY) {
		if(document.documentElement.scrollTop) {
			posx=e.clientX+document.documentElement.scrollLeft;
			posy=e.clientY+document.documentElement.scrollTop;
		} else {
			posx=e.clientX+document.body.scrollLeft;
			posy=e.clientY+document.body.scrollTop;
		}
	}
	document.getElementById("tooltipParent").style.top=(posy-5)+"px";
	document.getElementById("tooltipParent").style.left=(posx+20)+"px";

}