function doMenu()
{
    var menu = jQuery('ul#nav');
    var menuUl = menu.find('ul');
        menuUl.each(function(index, element)
        {
            var ul = jQuery(element);
                /* center menu horizontally
                ul.css(
                {
                    'left' : ((ul.parent().offset().left) - (ul.width() / 2) + (ul.parent().width() / 2))+ 'px'
                });
                */
                ul.parent().mouseenter(function()
                {
                    ul.fadeIn();
                });
                ul.parent().mouseleave(function()
                {
                    ul.fadeOut();
                });
        });
}

jQuery(document).ready(function()
{
    doMenu();
});

jQuery(window).resize(function() 
{
    doMenu();
});