// -------------------------------------------------
// Flyout
// -------------------------------------------------

var _lastMenu;

function containsDOM(container, containee) {
    var isParent = false;
    do {
        if ((isParent = container == containee))
            break;
        containee = containee.parentNode;
    }
    while (containee != null);
    return isParent;
}

function checkMouseEnter(element, evt) {
    if (element.contains && evt.fromElement) {
        return !element.contains(evt.fromElement);
    }
    else if (evt.relatedTarget) {
        return !containsDOM(element, evt.relatedTarget);
    }
}

function checkMouseLeave(element, evt) {
    if (element.contains && evt.toElement) {
        return !element.contains(evt.toElement);
    }
    else if (evt.relatedTarget) {
        return !containsDOM(element, evt.relatedTarget);
    }
}


function flyout_over(id, className) {
    var newMenu = '#flyoutSub' + id;
    if (_lastMenu != null) {
        
        if (_lastMenu != newMenu) $(_lastMenu).fadeOut("slow");
        _lastMenu = null;
    }

    if (_lastMenu != newMenu) {
        $('#MenuChannel #flyoutSub' + id + ':hidden').slideDown("normal");
        _lastMenu = newMenu;
    }
}

function flyout_out(o, evt) {
    if (checkMouseLeave(o, evt)) {
        $('#MenuChannel .flyout').fadeOut("slow");
        _lastMenu = null;
    }
}

$(document).ready(function() {
    $("#MenuChannel .flyout .level2").hover(function() {
    //over
        
        subid = $(this).attr("subid");
        $("#MenuChannel .flyout .level2 #" + subid).fadeIn("normal");
    },
    function() {
    //out
    subid = $(this).attr("subid");
    //$("#MenuChannel .flyout .level2 #" + subid).fadeOut("fast");
    $("#MenuChannel .flyout .level2 #" + subid).css("display","none");
    });
});