var Noxon = {};
	Noxon.Tooltip = Class.create();
	Noxon.Tooltip.prototype = {
		initialize: function(target, text) {
			this.target = target;
			this.text = text;
			
			this.target.title = "";
			this.target.observe('mouseover',function(evt) { this.over(evt) }.bind(this));
						
			if(!$('NoxonTooltip')) {			
				$$('body')[0].insert('<div id="NoxonTooltip" style="position:absolute; width:253px; top:0px; left:0px; text-align: left; display:none;"><div style="background: url(./media/img/div.help.gif) top; padding: 4px 7px 0px 27px;"><p style="margin: 0;"></p></div><div style="background: url(./media/img/div.help.gif) bottom; height: 6px;"></div></div>');
				$('NoxonTooltip').observe('mouseout',function(evt) { this.out(evt) }.bind(this));	
			}			
			
		},
		over : function(evt) {		
			var help = $('NoxonTooltip');
				help.select('p')[0].update(this.text);
				help.setStyle({
					top : this.target.positionedOffset()[1]-4+'px',
					left : this.target.positionedOffset()[0]-3+'px'
				});
				help.show();			
		},
		out : function(evt) {
			$('NoxonTooltip').hide();
		}
	};
Event.observe(document, 'dom:loaded', function() {
	$$('a.help').each(function(elm) {
		new Noxon.Tooltip(elm, elm.title);
	});
});