window.addEvent('domready', function() {
    var menu = $('main-menu').getElement('.products a');
    var submenu = menu.getParent().getElement('.submenu');
    menu.addEvent('mouseenter', function() {
        submenu.setStyle('display', 'block')
        menu.addClass('on');
    });
    menu.addEvent('mouseleave', function() {
        submenu.setStyle('display', 'none');
        menu.removeClass('on');
    });
    submenu.addEvent('mouseenter', function() {
        submenu.setStyle('display', 'block')
        menu.addClass('on');
    });
    submenu.addEvent('mouseleave', function() {
        submenu.setStyle('display', 'none');
        menu.removeClass('on');
    });
});