// braucht das JS mootools.js

window.addEvent('domready', function() {
	
  // content einblenden bei seitenaufruf
  var el1 = $('content');
  
  $('content').setStyle('opacity', '0');
  
	$('content').addEvent('domready', function(e) {
		//e.stop();
		el1.set('tween', {duration: 800});
		el1.fade(1.0);
	});
  
  
  
  
  // .block farbe ändern bei mouseover !!!!!funktioniert noch nicht
  var allElems = document.getElementsByTagName('*');
  for (var i = 0; i < allElems.length; i++) {
    var thisElem = allElems[i];
    if (thisElem.className && thisElem.className == 'block') {
      var el2 = thisElem;
    }
  }
    
	$$(el2).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'background-color': '#f6f6f6'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				'background-color': '#ffffff'
			});
		}
	});
	
});