function ViewImage(pic, desc, e) {
    var pos = getMousePos(e);
    var content = '<img src="' + pic + '" alt="' + desc + '" style="border: solid 1px black" />';
    var imgHolder = document.getElementById('divTakeAwayImageViewer');
    imgHolder.innerHTML = content;
    imgHolder.style.left = (parseInt(pos[0]) + 25) + 'px';
    imgHolder.style.top = (parseInt(pos[1]) + 25) + 'px';
    imgHolder.style.visibility = 'visible';
}

function HideImage() {
    var imgHolder = document.getElementById('divTakeAwayImageViewer');
    imgHolder.innerHTML = '';
    imgHolder.style.left = -500 + 'px';
    imgHolder.style.top = -500 + 'px';
    imgHolder.style.visibility = 'hidden';
}

function getMousePos(e) {
    var posx = 0;
    var posy = 0;

    if (!e) var e = window.event;

    if (e.pageX || e.pageY) {
        posx = e.pageX;
        posy = e.pageY;
    }
    else if (e.clientX || e.clientY) {
        posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
        posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
    }

    pos = new Array(2);
    pos[0] = posx;
    pos[1] = posy;
    return pos;
}