var openMenu, timeout, timeout2, defaultMenu, defaultItem;

Event.observe(window, 'load', function() {
	itemBlue($(defaultItem));

	// Farbe wechseln bei mouseover
    $$('img.img_menu').each( function(s) {
        Event.observe(s, 'mouseover', function() {
			itemBlue(s);
            if(s != $(defaultItem))
            	itemRed($(defaultItem));
        });
        Event.observe(s, 'mouseout', function() {
			itemRed(s);
            itemBlue($(defaultItem));
        });
    });

    // Untermenüs
    $$('#menu li.withSubmenu').each( function(li) {
    	// Untermenü von li anzeigen
        Event.observe(li, 'mouseover', function() {
			$$('#' + li.identify() + ' ul').each( function(ul) {
				openMenu = ul;
				showMenu(ul);
			});
        });
    	// Untermenü von li mit Timeout ausblenden (Zeit lassen für Mausbewegung)
        Event.observe(li, 'mouseout', function() {
			$$('#' + li.identify() + ' ul').each( function(ul) {
				timeout = window.setTimeout("hideAll()", 300);
				timeout2 = window.setTimeout("showDefault()", 300);
			});
        });
    });

    // Untermenü bei mouseover nicht ausblenden
	$$('#menu li.withSubmenu ul').each( function(ul) {
		Event.observe(ul, 'mouseover', function() {
			if(openMenu == ul) {
				clearTimeout(timeout);
			}
		});
	});
});
menu_raeume_b
function itemBlue(s) {
	if(s) {
        // Menü-Item in blau anzeigen
        var src = s.src;
        var on = src.lastIndexOf("_r");
        if (on != -1 && src.length == on+6) {
            s.src = src.substring(0,on) + "_b" + ".gif";
        }

		// Elternelement rot
        if(s.up('li', 1) != undefined) {
			var parent = $(s).up('ul').previous('a').down('img');
			itemBlue(parent);
		}
    }
}

function itemRed(s) {
	if(s) {
        // Menü-Item in rot anzeigen
        var src = s.src;
        var on = src.lastIndexOf("_b");
        if (on != -1 && src.length == on+6) {
            s.src = src.substring(0,on) + "_r" + ".gif";
        }

		// Elternelement rot
        if(s.up('li', 1) != undefined) {
			var parent = $(s).up('ul').previous('a').down('img');
			itemRed(parent);
		}
    }
}

// ul einblenden
function showMenu(ul) {
	hideAll();
	clearTimeout(timeout);
	clearTimeout(timeout2);
	ul.setStyle('display: block');
}
function hideAll() {
	// Alle ul-Untermenüs ausblenden
	$$('#menu li.withSubmenu ul').each( function(ul) {
		ul.setStyle('display: none');
	});
}
// Untermenü von aktueller Seite immer anzeigen
function showDefault() {
	if(defaultMenu != undefined) {
		showMenu($(defaultMenu));
		itemBlue($(defaultItem));
	}
}