/*
Simple JS tooltips
@author Andrew Bredow
*/
// Tooltip class
var ToolTip = Class.create({
	tip : Object,
	removedImgAlt : false,
	init : function(element) {
		element.observe('mouseover', this.showTip.bindAsEventListener(this));
		element.observe('mouseout', this.hideTip.bindAsEventListener(this));
		
		// create the tooltip
		this.tip = new Element('div');
		this.tip.addClassName('tt_popup');
		this.tip.setStyle({ display : 'none', position : 'absolute' });
		this.tip.innerHTML = element.rel;
		element.insert(this.tip);
		return true;
	},
	showTip : function(e) {
		
		this.tip.setStyle({top : Event.pointerY(e)+'px', left : Event.pointerX(e)+'px' });
		this.tip.show();
	},
	hideTip : function(e) {
		this.tip.hide();		
	}
});

Event.observe(document, 'dom:loaded', function(){
	if ($$('.tooltip')) {
		// tooltips should be anchors
		var i = 0;
		$$('.tooltip').each(function(el) {
			var name;
			if (!el.id) {
				name = 'tooltip';
			}else {
				name = el.id;
			}
			name += i++;
			name = new ToolTip;
			name.init(el);	
		});
	}
});