﻿function imageshow(img) {
    closeimageshow();
    var newdiv = document.createElement('div');

    newdiv.setAttribute("id", "imageshow");
    var offset = getOffset(img);
    var style = "position:absolute;left:" + offset.left + "px;top:" +offset.top + "px;z-index:1000;border:solid 1px gray"
    
    newdiv.setAttribute("style", style);
    var newimg = document.createElement('img');
    newimg.setAttribute("src", img.getAttribute("src"));
    newdiv.appendChild(newimg);
    newdiv.onclick = closeimageshow;
    var bod = document.getElementById("parentdiv");
    bod.appendChild(newdiv);
}
function closeimageshow()
{
    var bod = document.getElementById("parentdiv");
    var newdiv = document.getElementById("imageshow");
    if (newdiv != null) {
        bod.removeChild(newdiv);
    }
}
function getOffset(obj) {

    var left, top;
    left = top = 0;
    if (obj.offsetParent) {
        do {
            left += obj.offsetLeft;
            top += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }

    return { top: top, left: left };
}

