/** 
 * Dynamic Menu Tree JQuery Code
 *
 * 20081027-gintenc: introducing js-file for menu fadein/fadeout javascript-code
 *
 */

$(document).ready(function() {
	$('.nav_left_levelX li').hover(
		function() {
			var myself = $(this);
			
			// clear preset timeouts and fade out all other menus on same level (brothers and sisters)
			myself.parent().children().each(function menuHoverInvalidate(index, domElement) {
				if ( domElement.waittimeout != null ) {
					clearTimeout(domElement.waittimeout);
					domElement.waittimeout=null;
				}

				// fade out all other menus on same level (except myself)
				if ( myself.index(domElement) == -1 ) {
					$(domElement).children('.nav_left_levelX').fadeOut(1);
				}
			});

			// show submenu of current element
			myself.children('.nav_left_levelX').fadeIn(150);
		},
		function() {
			var myself = this;
			var subMenu = $(myself).children('.nav_left_levelX');
			// only queue fadeout if there is a submenu-ul '.nav_left_levelX' available
			if ( subMenu.length > 0 ) {
				// if there is a submenu-list-ul then queue the fadeout
				myself.waittimeout = setTimeout(function(){
					subMenu.fadeOut(150);
					myself.waittimeout=null;
				}, 1000);										
			}
		}
	);
});