[bserg]

Добрый вечер. Возник вопрос, как сделать задержку выбора при переходе в меню. Если переходить с категории "Встраиваемая техника" в "Вытяжки", то при переходе мышка наводится на категорию "Малая бытовая техника" и получается, что раскрывается уже новый список. (во вложении видно)
Сайт где это можно посмотреть http://mirbt.com/

Как можно сделать задержку при переходе по меню, т.е. если мы навели мышкой на "Встраиваемая техника" и потом в выпадающих категориях хотим выбрать "Вытяжки" и курсором проводим через категорию "Малая бытовая техника", то не нам сразу не надо раскрывать подкатегории из "Малая бытовая техника".

Пробовал вставлять setTimeout не получается, может что-то не так делаю.

Файл js находится тут: http://www.mirbt.com/js/home.js

Вот код:

var mnu_aClose = function(event) {
        menuTimeout = setTimeout( function() {
            $j(".menu-overlay-a").remove();
    		$j('.aside').find('ul.node').css('display', 'none');
        }, 100);
}

$j(document).ready(function(){
	// При наведении на категорию, выводим подкатегории
    $j('.aside .menu-expander li a').mouseover(function() {
        if (menuTimeout!=null) clearTimeout(menuTimeout);
        var max = 0;
		var nlevel = parseInt($j(this).parents('ul').attr('level')) + 1;
		$j('.aside .menu-expander ul.level'+nlevel).css('display', 'none');
		var ul = $j(this).parent().find('ul:first');
		ul.css('top', -($j(this).parent().position().top+4)+'px');
        ul.css('display', 'block');
        var lis = $j(".aside .menu-expander .level1 li");
        var uls = $j(".aside .menu-expander ul");
        var ww = 0;
        for (var i=0;i<lis.length;i++) {
                if ($j(lis[i]).outerHeight()>max) max=$j(lis[i]).outerHeight();
        }
        for (var i=0;i<uls.length;i++) {
            if ($j(uls[i]).css("display")=="block") ww+=$j(uls[i]).outerWidth();
        }
        //$j(".aside .menu-expander").css({width: ww+"px", height: max+"px"});

		 if ($j(this).parents(".opera").length>0) {
            $j($j(this).parent().find("ul")[0]).find("li.service .tl").css({height: (-10+$j($j(this).parent().find("ul")[0]).outerHeight())+"px"});
            $j($j(this).parent().find("ul")[0]).find("li.service .tr").css({height: (-10+$j($j(this).parent().find("ul")[0]).outerHeight())+"px"});
        }


	});

    $j(".aside .menu-expander li").mouseenter(function() {
            if ($j(".menu-overlay-a").length==0) $j("<div class='menu-overlay-a'></div>").appendTo(document.body);
    });

	// закрытие подкатегорий, если убираем мышку с категории
	$j('.aside .menu-expander').add(".aside").bind("mouseleave click", mnu_aClose);
    $j('.menu-overlay-a').bind("mousemove", mnu_aClose);

});

Заранее спасибо за ответ.