document.observe('dom:loaded', function(){
	var tooltip = null;
	var title = null;
	
	var showTooltip = function(text, top, left){
		if (! tooltip){
			tooltip = new Element('div', {'class': 'tooltip', 'style': 'display: none; position: absolute; z-index: 999;'}  );
			$(document.body).insert({
				bottom: tooltip
			});
		}
		
		tooltip.update(text);
		tooltip.setStyle({
			'top': (top + 5)+'px',
			'left': (left + 20)+'px'
		});
		tooltip.show();
	};
	
	var hideTooltip = function(){
		tooltip.hide();
	};
	
	$$('.t3xtooltip').each(function(elm){
		elm.observe('mouseover', function(event){
			title = this.getAttribute('title');
			this.title = '';
			showTooltip(title, event.pointerY(), event.pointerX());
		}.bindAsEventListener(elm));
		
		elm.observe('mouseout', function(event){
			hideTooltip();
			this.title = title;
		}.bindAsEventListener(elm));
		
	});
	
});