// JavaScript Document
$(document).ready(function(){
		
	/**Main Menue Animation**/
	var clickcolor = "#fdc20b";
	var mouseovercolor = "#333333";
	var mouseoutcolor = "#ffffff";
	var mainbutton = $("a[name^=mb]");
	var mbs = new Array();
	var a = 0;	
		
	
	var y = function(){
		for (var i = a; i<mainbutton.length;) {
			$(mainbutton[i]).bind("mousedown mouseup", function(evt){
				if (evt.type == "mousedown") {
					$(mainbutton[i]).css("color", clickcolor);
					$("a[name^=mb]:not(a[name^=mb"+(i + 1)+"])").css("color", mouseoutcolor);
					for (var b = 0; b < mainbutton.length; b++) {
						mbs[b] = "off";
					}
					mbs[i] = "on";
					
					var attr_mb = $(mainbutton[i]).attr("name");
					var t = attr_mb.indexOf(".")-2;
					var x = attr_mb.substr(2,t);
					var d;
					for (var c = 0; c < mainbutton.length; c++){
						if (x == $(mainbutton[c]).attr("name").substr(2, t)) {
							d = c; break;
						}
					}
					if ($(mainbutton[i]).attr("name").indexOf(".") > -1){
						mbs[d]="on";
						$(mainbutton[d]).css("color", clickcolor);
						}
				}
				
				if (evt.type == "mouseup") {
					if (mbs[i] == "on") $(mainbutton[i]).css("color", clickcolor);
					$(mainbutton[i]).blur();
				}
				if (evt.type == "mouseover") {
					if (mbs[i] == "on") {
						$(mainbutton[i]).css("color", clickcolor);
						
					}
					else 
						$(mainbutton[i]).css("color", mouseovercolor);
				}
				
				if (evt.type == "mouseout") {
					if (mbs[i] == "on") $(mainbutton[i]).css("color", clickcolor);
					else $(mainbutton[i]).css("color", mouseoutcolor);
				}	
				return mbs;
			});
		a++; y();
		return $(mainbutton[i]);
		}
	}
	 y();	
		
	
	 
	/**Main Menue Animation Ende###########################################**/
});/**Query Funktion ENDE**/