$(document).ready(function() {
    $('#MenuBar1 > .li-fg').hover(function() {
        $('#MenuBar1 > .li-fg > ul').each(function() {
            $(this).hide();
        });
        if ($(this).find('ul').size() == 0)
            return;

        $(this).find('ul').show();

        var w = 0;
        $(this).find('ul > li').each(function() {
            w += $(this).outerWidth();
        });

        $(this).find('ul').width(w);

        var l = $(this).position().left - w / 2 + $(this).outerWidth() / 2;

        if ($(this).parent().position().left > l)
            l = $(this).parent().position().left;

        if (l + w > $(this).parent().position().left + $(this).parent().outerWidth())
            l = $(this).parent().position().left + $(this).parent().outerWidth() - w;

        $(this).find('ul').css('left', l + 'px');
    },
        function() {
            $(this).find('ul').hide();
        });
});