$(document).ready(function() {
    
    $('ul.main-nav li').mouseover(function() { 
        $(this).addClass('hover');
    });
    
    $('ul.main-nav li').mouseout(function() {
        $(this).removeClass('hover');
    });
    
    $('ul.sub-menu li').mouseover(function() { 
        $(this).addClass('hover');
    });
    
});