main.js

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
    if (scroll > 50) {
        $(".menu-bar").addClass("menu-bar-scroll");
    } else {
        $(".menu-bar").removeClass("menu-bar-scroll");
    }
});

(function(){
    var menu_bar = $(".menu-bar ul");
    var menu_active = menu_bar.find("li.active");
    $(".menu-bar ul").hover(
        function(){
            menu_active.removeClass("active");
        },
        function(){
            menu_active.addClass("active");
        }
    );
})();