// dynamically add mouseover events to menu items
document.observe('dom:loaded', function(event) {
    $$('#nav li').each(function(e) {
        e.onmouseover = function() {
            $(this).addClassName('over');
        };
        
        e.onmouseout = function() {
            $(this).removeClassName('over');
        };
    });
});