var fadingmenu = {
	
	initialize: function () {
	
		var fademenu = $$("#menu_top .menu");
		var fx = new Fx.Elements(fademenu, {wait: false, duration: 300});
		
		var menucolor = {};
		
		menucolor[0] = "69193b";
		menucolor[1] = "96b02e";
		menucolor[2] = "2e3149";
		menucolor[3] = "f1ae17";
		menucolor[4] = "990509";
		menucolor[5] = "dd4950";
		
		var bodybgColor = $(document.body).effect('background-color', {wait: false, duration: 1000});
		
		switch (window.location.hash) {
			case "#home":
				var bodybgColorFix = $(document.body).effect('background-color', {wait: false, duration: 1});
				bodybgColorFix.start(menucolor[0]);
				$(document.body).setStyle('background-color', menucolor[0]);
				var menubgColor = $('menu1').effect('background-color', {wait: false});
				//var dropmenubgColor = $('menu_top').effect('background-color', {wait: false});
				menubgColor.start(menucolor[0]);
				//dropmenubgColor.start(menucolor[0]);
			break;
			case "#wir-stellen-uns-vor":
				var bodybgColorFix = $(document.body).effect('background-color', {wait: false, duration: 1});
				bodybgColorFix.start(menucolor[1]);
				
				$(document.body).setStyle('background-color', menucolor[1]);		
				var menubgColor = $('menu2').effect('background-color', {wait: false});
				menubgColor.start(menucolor[1]);
	
			break;
			case "#unsere-leistungen":
				var bodybgColorFix = $(document.body).effect('background-color', {wait: false, duration: 1});
				bodybgColorFix.start(menucolor[2]);
				
				$(document.body).setStyle('background-color', menucolor[2]);
				var menubgColor = $('menu3').effect('background-color', {wait: false});
				menubgColor.start(menucolor[2]);
			break;
			case "#unsere-referenzen":
				var bodybgColorFix = $(document.body).effect('background-color', {wait: false, duration: 1});
				bodybgColorFix.start(menucolor[3]);
				
				$(document.body).setStyle('background-color', menucolor[3]);		
				var menubgColor = $('menu4').effect('background-color', {wait: false});
				menubgColor.start(menucolor[3]);
			break;
			case "#kontakt-und-anfahrt":
				var bodybgColorFix = $(document.body).effect('background-color', {wait: false, duration: 1});
				bodybgColorFix.start(menucolor[4]);
				
				$(document.body).setStyle('background-color', menucolor[4]);
				var menubgColor = $('menu5').effect('background-color', {wait: false});
				menubgColor.start(menucolor[4]);
			break;
			default:
				var bodybgColorFix = $(document.body).effect('background-color', {wait: false, duration: 1});
				bodybgColorFix.start(menucolor[0]);
				
				$(document.body).setStyle('background-color', menucolor[20]);
				var menubgColor = $('menu1').effect('background-color', {wait: false});
				menubgColor.start(menucolor[0]);
			break;
		}
		
		fademenu.each(function(menu, i) {
			menu.addEvent("mouseover", function(e) {
				var o = {};
				
				o[i] = menu.effect('background-color', {wait: false});
				o[i] = {'background-color': [menu.getStyle("background-color"), menucolor[i]]}
				
				fademenu.each(function(other, j) {
					if(i != j) {
						
						o[j] = other.effect('background-color', {wait: false}); 			
						o[j] = {'background-color': '757086'}
					}
				});
				
				fx.start(o);
				bodybgColor.start(menucolor[i]);
				
					
			});
			
		});
		$("menu_top").addEvent("mouseout", function(e) {		
			var o = {};
			fademenu.each(function(menu, i) {
				o[i] = {'background-color': '757086'}
				
				switch (window.location.hash) {
					case "#home":
						o[0] = {'background-color': menucolor[0] }
						bodybgColor.start(menucolor[0]);
					break;
					case "#wir-stellen-uns-vor":
						o[1] = {'background-color': menucolor[1] }
						bodybgColor.start(menucolor[1]);
					break;
					case "#unsere-leistungen":
						o[2] = {'background-color': menucolor[2] }
						bodybgColor.start(menucolor[2]);
					break;
					case "#unsere-referenzen":
						o[3] = {'background-color': menucolor[3] }
						bodybgColor.start(menucolor[3]);
					break;
					case "#kontakt-und-anfahrt":
						o[4] = {'background-color': menucolor[4] }
						bodybgColor.start(menucolor[4]);
					break;
					
					default:
						o[0] = {'background-color': menucolor[0]}
						bodybgColor.start(menucolor[0]);
					break;
				}
			});
			fx.start(o);
		});
	}
}