var lastFlagSet = null;

$(document).ready(function () {
    //show its submenu
    var hoverIn = function () { $('ul', this).slideDown(100); };

    //hide its submenu
    var hoverOut = function () { $('ul', this).slideUp(100); };

    var focusIn = function () {
        var parent = $(this).parent();

        if ($("ul", parent).length > 0) {
            var newFlag = parent.attr('id');
            
            if (newFlag == lastFlagSet) {
                return;
            }

            $("#" + lastFlagSet + " > ul").slideUp(100);
            $("ul", parent).slideDown(100);
            lastFlagSet = newFlag;
        } else {
            $("#" + lastFlagSet + " > ul").slideUp(100);

        }
    };


    $('#menuElem li').hover(
        hoverIn,
        hoverOut
    );

    $("ul > li > a ").not("ul > li > ul > li > a").focus(focusIn);
});