/*
 * Cornelia Ernst
 *
 *   JS - Javascript
 *   Modul: Effekte
 */


/*** Bildeffekte ***/
var bilder = $$('a .effekt') ; 	// Elemente identifizieren

bilder.each( function( item) { 		// Event-handler hinzufuegen

	$(item).observe( 'mouseover', menuToMouseOver) ;
	$(item).observe( 'mouseout',  menuToMouseOut) ;
});

	// MouseOver (Bild aktivieren)
	function menuToMouseOver( event) {
	
	  var element = Event.element( event) ;		// Element identifizieren
	  event.stop() ;  							// Event-toggeling anhalten

	  if( element.down() != null) { 			// wenn das ausloesende Element nicht das Bild sondern der Link 	
	  	element = element.down() ; 				// ist, dann eins runter in der Hierarchie gehen (zum Bild)
	  }

	  var tmp = element.src.split( '.jpg') ;	// Pfad zerlegen, um Dateinamen zu ermitteln
	  element.src = tmp[0] + "_light.jpg" ;		// Pfad zum aktivierten Bild setzen
	}

	// MouseOut (Bild wiederherstellen)
	function menuToMouseOut( event) {
	
	  var element = Event.element( event) ;
	  event.stop() ; 

	  if( element.down() != null) { element = element.down() ; }

	  var tmp = element.src.split( '_light.jpg') ;		// Pfad zerlegen, um Dateinamen zu ermitteln
	  element.src = tmp[0] + ".jpg" ;					// Pfad zum normalen Bild setzen
	}