var evTarget = null;
var defTarget = null;
var delay = 1000;
var dropLineContainerID = '#DIVMenuDropLine';
var menuContainerID = '#DIVNavigator';

var timerID = null;

$(document).ready(function() {
    defTarget = $(menuContainerID + ' > ul > li.selected').find(':first');
    defTarget.addClass("selected");

    var restore = function() {
        evTarget.removeClass("selected");
        $(dropLineContainerID + ' ul').appendTo(evTarget);

        defTarget.find('ul').appendTo($(dropLineContainerID));
        defTarget.addClass("selected");

        timerID = null;
    }

    $(menuContainerID + ' > ul > li').hover(function() {
        if (evTarget != this) {
            if (evTarget != null) {
                if (timerID != null) clearTimeout(timerID);
                restore();
            }
            // Set selection

            // Keep
            $(this).find("ul")
                        .hover(function() {
                            if (timerID != null) clearTimeout(timerID);
                        },
                        function() {
                            if (timerID != null) clearTimeout(timerID);
                            timerID = setTimeout(function() { restore(); }, delay);
                        })
                        .appendTo($(dropLineContainerID));

            evTarget = $(this);
            evTarget.addClass("selected");
        }
    },
            function() {
                if (timerID != null) clearTimeout(timerID);
                timerID = window.setTimeout(function() { restore(); }, delay);
            });
});