// Tooltips für Bilder mit Title

Event.observe(window, 'load', function() { 

	$$('.tx-powermail-pi1 img[title]').invoke('observe', 'mouseover', function(evt){
	  var element = evt.findElement('img'), text = element.getAttribute('title');
	  var alttext = element.getAttribute('alt');
	  var tooltip = new Element('div', {'class':'tooltip'}).update(text);
	  element.setAttribute('title',''); element.setAttribute('betitle', text);
	  element.setAttribute('alt',''); element.setAttribute('bealt', alttext);
	  // element.positionedOffset().first() +
	  myOffset = element.cumulativeOffset();
	  tooltip.addClassName('tooltip');
	  tooltip.setStyle({'left': (myOffset.left + 30 )+'px', 'top': (myOffset.top +30)+'px'});
	  $(document.body).insert({'bottom': tooltip});
	}).invoke('observe', 'mouseout', function(evt){
	  var element = evt.findElement('img'), text = element.getAttribute('betitle');
	  var alttext = element.getAttribute('bealt');
	  element.removeAttribute('betitle'); element.setAttribute('title', text);
	  element.removeAttribute('bealt'); element.setAttribute('alt', alttext);
	  // if (element.next().hasClassName('tooltip')) element.next().remove();

	  $$('.tooltip').each(function(eli) {
			eli.style.display = 'none';
			eli.remove();
		});
	});


});