$(function () {
    //$('td[id$=tdProducts]').mouseover(function () { OpenDiv('tdProducts', 'divProductsNavigationPopup', 0); });
    //$('td[id$=tdProducts]').mouseout(function () { CloseTime(); });

    $('td[id$=tdQuality]').mouseover(function () { OpenDiv('tdQuality', 'divQuality', 0); });
    $('td[id$=tdQuality]').mouseout(function () { CloseTime(); });

    var myheartbeat = setTimeout("MyHeartBeat()", 120 * 1000);
});

var timeout = 50;
var closetimer = 0;
var savetd = 0;
var savediv = 0;

/* Keep you logged in */
function MyHeartBeat() {
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        url: "/code/MasterPages/Default_Server.aspx/HeartBeat",
        data: "{}",
        success: function (msg) {
            //alert(msg);
        },
        error: function (xhr, ajaxOptions, thrownError) {
            //alert('Error during heartbeat: ' + xhr.statusText + ' ' + thrownError);
        }
    });
    var myheartbeat = setTimeout("MyHeartBeat()", 120 * 1000);
}

function OpenDiv(td, div, xoffset) {
    CancelCloseTime();
    if (savediv) savediv.css('visibility', 'hidden');
    //if (savetd) savetd.className = 'tab';
    if (savetd) savetd.removeClass('TabHover').addClass('Tab');

    //var tblHeader = $('table[id$=tblMainNav]');
    var tblHeader = $('table.MainNavBar');
    var q = tblHeader.position();

    var mytd = $('td[id$=' + td + ']');
    var p = mytd.position();

    $('div[id$=' + div + ']').css('visibility', 'visible');
    $('div[id$=' + div + ']').css('left', p.left + xoffset);
    //$('div[id$=' + div + ']').css('top', 110);
    $('div[id$=' + div + ']').css('top', q.top + tblHeader.height());

    //mytd.className = 'tabhover';
    mytd.addClass('TabHover').removeClass('Tab');
    //savetd = mytd;
    savetd = $('td[id$=' + td + ']');
    savediv = $('div[id$=' + div + ']');
}
function CloseTime() {
    closetimer = window.setTimeout(CloseDiv, timeout);
}
function CloseDiv() {
    if (savediv) savediv.css('visibility', 'hidden');
    //if (savetd) savetd.className = 'tab';
    if (savetd) savetd.removeClass('TabHover').addClass('Tab');
}
function CancelCloseTime() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}