//function to handle general menu hover states.
$(document).ready(function() {    
    $('ul.menu.menu-main li').hover(
        function() {
            var currentMenuItem = $(this);
            currentMenuItem.addClass('hover');
            currentMenuItem.children('a').addClass('hover');
            currentMenuItem.children("ul").show();
        },
        function() {
            var currentMenuItem = $(this);
            currentMenuItem.removeClass('hover');
            currentMenuItem.children('a').removeClass('hover');
            currentMenuItem.children("ul").hide();        
        }
    );
});