﻿
$j(document).ready(
    function() {
        $j('.hoverClass').hover(
            function(event) {
                document.getElementById($j(this).attr('ref')).style.visibility = 'visible';
                document.getElementById($j(this).attr('ref')).style.top = getYPosition(event) - 20 + 'px';
                document.getElementById($j(this).attr('ref')).style.left = '445px';
            },
            function() {
                document.getElementById($j(this).attr('ref')).style.visibility = 'hidden';
            }
        )
    }
)
function getYPosition(e) 
{
    var posy = 0;
    if (!e) var e = window.event;
    if (e.pageX)
    {
        posy = e.pageY;
    }
    else if (e.clientY)
    {
        posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
    }
    return posy;
}