var links2img = []

function initLightbox() {
    var links = document.getElementsByTagName("a");
    for(var i = links.length; i--; ) {
        var imginside = links[i].getElementsByTagName("img");
        if (imginside.length == 1 ) {
            links2img.push(links[i])
            console.log(links[i]);
            links[i].onclick = openLightbox;
        }
    }
}

function openLightbox(e) {
    var lightbox = document.createElement('div');
    lightbox.style.width = "98%";
    lightbox.style.height = "98%";
    lightbox.style.padding = "1%";
    lightbox.style.position = "fixed";
    lightbox.style.top = "0";
    lightbox.style.left = "0";
    lightbox.style.display = "table";
    lightbox.style.zIndex = "999";
    lightbox.style.backgroundColor = "rgba(0, 0, 0, 0.7)";
    lightbox.addEventListener('click', function(){
        closeLightbox(lightbox);
    });

    var fig = document.createElement('figure');
    fig.style.display = "table-cell";
    fig.style.align = "center";
    fig.style.verticalAlign = "middle";

    var img = document.createElement('img');
    img.src = e.target.parentNode.href;

    fig.appendChild(img);
    lightbox.appendChild(fig);
    e.target.parentNode.appendChild(lightbox);

    return false;
}

function closeLightbox(t) {
    console.log(t);
    t.parentNode.removeChild(t);
    return false;
}

initLightbox();