var mouseX = 0;
var mouseY = 0;
//TODO : set proper y offset
var tablePopupSettings = { xOffset: 280, yOffset: 710 };
var mouseMoveActive = false;

$().mousemove(function(e) {
    if (!mouseMoveActive) return;

    updateTablePosition(e);
});


function tableRowHover(rowId) {
    $("#resultRow_" + rowId).hover(
			    function(e) {
			        $("#tablePopUp").html($("#popUpContent_" + rowId).html());
			        mouseMoveActive = true;
			        updateTablePosition(e);
			        $("#tablePopUp").show();
			    },
			    function() {
			        mouseMoveActive = false;
			        $("#tablePopUp").hide();
			    });
}

function updateTablePosition(e) {
    mouseX = e.pageX;
    mouseY = e.pageY;
    if ($("#tablePopUp").length) {
        $("#tablePopUp").css("top", mouseY - tablePopupSettings.yOffset);
        $("#tablePopUp").css("left", mouseX - tablePopupSettings.xOffset);
    }
}