Один и тот же код с разными значениями на одной странице при прокрутке

Question

Я не показываю весь код, он интегрирован с пользовательскими тегами cms, но вот основная проблема. У меня есть следующий код прокрутки:

$(function(){
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top < 174) $(".nav-wrap").css({top: '0', position: 'relative'}),
             $("#cssmenu > ul ul#cm-cur").addClass( "cm-cur" ); //making dropdown ul menu visible

        else $(".nav-wrap").css({top: '0px', position: 'fixed'}),
             $("#cssmenu > ul ul#cm-cur").removeClass( "cm-cur" ); // hide dropdown ul menu when scroll
    });
});

И следующий:

$( "#cssmenu > ul li.active#drop" ).mouseout(function() {
    t = setTimeout(function(){ 
        $("li.cur-page#drop").css({background: '#EDF1F7'});
        }, 2000);
});

И я пытаюсь дважды вставить второй код в первый, используя разные значения:

$(function(){
    $(window).scroll(function() {
       var top = $(document).scrollTop();
       if (top < 174) $(".nav-wrap").css({top: '0', position: 'relative'}),
            $("#cssmenu > ul ul#cm-cur").addClass( "cm-cur" ), //making dropdown ul menu visible
            $( "#cssmenu > ul li.active#drop" ).mouseout(function() {
                t = setTimeout(function(){ 
                    $("li.cur-page#drop").css({background: '#EDF1F7'});
                    }, 2000);
            });

       else $(".nav-wrap").css({top: '0px', position: 'fixed'}),
            $("#cssmenu > ul ul#cm-cur").removeClass( "cm-cur" ), // hide dropdown ul menu when scroll
            $( "#cssmenu > ul li.active#drop" ).mouseout(function() {
                t = setTimeout(function(){ 
                    $("li.cur-page#drop").css({background: 'none'}),
                    $("#cssmenu > ul li ul#cm-cur").removeClass( "cm-cur" ); // after menu hovered, this dropdown ul disapeares, but with delay
                    }, 2000);
            });
    });
});

Не работает