function initText(){
	
  $$('div.button_imageOne').each( function(div){
    appandTextSpan(div,"Löse die Aufgabe");
	})	
  $$('div.button_imageTwo').each( function(div){
    appandTextSpan(div,"Erstelle zuerst die Aufgabe und löse sie dann. Die Aufgaben und Lösungen können auch ausgedruckt werden..");
  })
  $$('div.button_imageThree').each( function(div){
    appandTextSpan(div,"Löse diese besonders schwere Aufgabe.");
  })
  $$('div.button_imageFour').each( function(div){
    appandTextSpan(div,"Erstelle zuerst diese besonders schwere Aufgabe und löse sie dann. Die Aufgaben und Lösungen können auch ausgedruckt werden.");
  })
}

function appandTextSpan(div,text){
	  overdiv = div;
	var tooltip = document.createElement('span');
	tooltip = $(tooltip);
	  overdiv.tooltip =tooltip;
    div.appendChild(overdiv.tooltip);
    overdiv.tooltip.update(text);
    overdiv.tooltip.hide();
    overdiv.observe('mouseover', showText);
    overdiv.observe('mouseout', hideText);
}

function showText(e) {
	Event.element(e).tooltip.show();
}

function hideText(e) {
  Event.element(e).tooltip.hide();
}

Event.observe(window, 'load', initText);