var TAGroupTimeoutId;

function showTAGroup(e, delay) {
    clearTimeout(TAGroupTimeoutId);
    TAGroupTimeoutId = setTimeout("$('#tagrouppanel').slideDown('normal');", delay);
}

function hideTAGroup(e, delay) {
    if (($(e.relatedTarget).parents().index($('#tagroupcontainer')) == -1) && ($(e.relatedTarget).parents().index($('#tagrouptab')) == -1) && (e.relatedTarget.id != "tagrouptab")) {
        clearTimeout(TAGroupTimeoutId);
        TAGroupTimeoutId = setTimeout("$('#tagrouppanel').hide()", delay);
    }
}

$(document).ready(function () {

    // TA Group widget actions
    $('#tagrouptab').mouseover(function (event) {
        showTAGroup(event, 500);
    });

    $('#tagrouptab').mouseout(function (event) {
        hideTAGroup(event, 100);
    });

    $('#tagrouppanel').mouseover(function (event) {
        showTAGroup(event, 500);
    });

    $('#tagrouppanel').mouseout(function (event) {
        hideTAGroup(event, 500);
    });

    // hide the TA Group widget on page load	
    $('#tagrouppanel').hide();

});