Event.observe(window, "load", function(){
document.body.insert("<div id=\"tooltip\"></div>");
$('tooltip').setStyle({
	opacity: '0.85',
	zIndex: 9999
});
$$("[rel*=tooltip]").each(function(n){
	n.observe("mouseover", function(e){
		var x = Event.pointerX(e);
		var y = Event.pointerY(e);
		$('tooltip').setStyle({
			top: (y+10)+"px",
			left: (x+10)+"px",
			display: 'block'
		});
		if(+n.getAttribute('alt').split(/\|/).length > 1)
			$('tooltip').update("<h3>"+n.getAttribute('alt').split(/\|/)[0]+"</h3><p>"+n.getAttribute('alt').split(/\|/)[1]+"</p>");
		else{
			$('tooltip').update("<p>"+n.getAttribute('alt').split(/\|/)[0]+"</p>");
		}
	});
	n.observe("mousemove", function(e){
		var x = Event.pointerX(e);
		var y = Event.pointerY(e);
		$('tooltip').setStyle({
			top: (y+10)+"px",
			left: (x+10)+"px"
		});
	});
	n.observe("mouseout", function(e){
		$('tooltip').style.display = 'none';
	});
});
});