// $Id: tooltip.js 63 2009-02-19 12:21:07Z jelner $

window.addEvent('domready',function() {
	var areas = $$('area');
	if($chk(areas)) {
		areas.each(function(el) {
			//Die Browser zeigen teilweise trotzdem den title an! Grrrrr!
			el.setProperty('rel',el.getProperty('title'));
			el.setProperty('title','');
			el.addEvents({
				'mouseover': function(e) {
					var pos = new Event(e).stop().page;
					var title = el.getProperty('rel');
					if($chk(title)) {
						title = title
							.replace(/\r/g,'')
							.replace(/,? *\n/g,'<br /><br />')
							.replace(/,? *&#10;/g,'<br />');
						new Element('div',{
							'id': 'tooltip',
							'styles': {
								'top': (pos.y+20),
								'left': (pos.x+20)
							}
						})
						.set('html',title)
						.inject($$('body')[0]);
					};
				},
				'mouseout': function() {
					var tooltip = $('tooltip');
					if($chk(tooltip)) tooltip.destroy();
				},
				'click': function(e) {
					this.blur();
					new Event(e).preventDefault();
				}
			});
		});
	};
});