function HoverOn(event, imgControl, divFlyout, divY, divX) {
    var objMenu = document.getElementById(divFlyout);
    var objImage = document.getElementById(imgControl);
    var cursor = getPosition(event);

    if (objMenu.style.display == "none" || objMenu.style.display == "") {
        objMenu.style.width = "250px";

        objMenu.style.top = cursor.y - (divY / 2) + "px";   //must add "px" to end or only IE can read it
        objMenu.style.left = objImage.offsetParent.offsetLeft + objImage.offsetLeft + objImage.width + 20 + "px";
        objMenu.style.display = "inline";
    }
}

function HoverOff(divFlyout) {
    var objMenu = document.getElementById(divFlyout);

    objMenu.style.display = "none";
}

function getPosition(e) {
    e = e || window.event;
    var cursor = { x: 0, y: 0 };
    if (e.pageX || e.pageY) {
        cursor.x = e.pageX;
        cursor.y = e.pageY;
    }
    else {
        var de = document.documentElement;
        var b = document.body;
        cursor.x = e.clientX +
            (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
        cursor.y = e.clientY +
            (de.scrollTop || b.scrollTop) - (de.clientTop || 0);
    }

    return cursor;
}