// MooTools Funktionalitäten
window.addEvent("domready", function(){
	////////////////////////////////
	// Haupt- und Unternavigation //
	////////////////////////////////
	$$("ul.nav-text-vertical").setStyles({ // erstmal alle unternavis ausblenden
	    visibility: 'hidden',
	    opacity: 0
	});
	
	var navSpeed = 500;
	$$("ul.nav-tasten li").addEvents({
		"mouseenter": function(){
			$(this).getElement('a').addClass('hover');
			var children = $(this).getChildren("ul.nav-text-vertical");
			children.set("tween", { duration: navSpeed }).fade("in");
		},
		"mouseleave": function(){
			var children = $(this).getChildren("ul.nav-text-vertical");
			children.set("tween", { duration: navSpeed }).fade("out");
			$(this).getElement('a').removeClass('hover');
		}
	});
	
	//////////////////////
	// Bilder im Footer //
	//////////////////////
	var footerSpeed = 200;
	$$("#footer-images div.img-footer").addEvents({
		"mouseover": function(){
			$(this).getElement('.img-footer-big').set("tween", { duration: navSpeed }).fade("in");
			var myFx = new Fx.Morph($(this).getElement("div.img-footer-r").getElement("a.img-footer-a-grey"), {duration: footerSpeed});
			myFx.start({'opacity': 0});
		},
		"mouseout": function(){
			$(this).getElement('.img-footer-big').set("tween", { duration: navSpeed }).fade("out");
			var myFx = new Fx.Morph($(this).getElement("div.img-footer-r").getElement("a.img-footer-a-grey"), {duration: footerSpeed});
			myFx.start({'opacity': 1});
		}
	});
		
	
	$(document.body).getElements("#footer-images div.img-footer div.img-footer-r a").addEvents({ // klick auf die thumbnails unterbinden
		"click": function(event){
			event.preventDefault();
		}
	});
	

});