setTimeout(activate, 500);


var bigdiv = null;
var shownsrc = null;

function activate() {
    var imgs = document.getElementsByTagName("IMG");
    for (var i = 0; i < imgs.length; i++) {
        var img = imgs[i];
        if (img.className && img.className.indexOf("screenshot") >= 0) {
            new toggler(img);            
        }
    }
}



function delayedHideBig() {
    setTimeout(hideBig, 20);
}

function hideBig() {
    if (bigdiv) {
        document.body.removeChild(bigdiv);
        bigdiv = null;
    }
}



function showBig(timg) {
    shownsrc = timg.src;
    var captxt = ""; // timg.getAttribute("caption");
   
   
   
    var bigsrc = shownsrc.replace("-sml", "");
     
    hideBig();
   
    bigdiv = document.createElement("div");
   
    var img = document.createElement("img");
    img.src = bigsrc;
    bigdiv.appendChild(img);
    
    
    
    bigdiv.style.position = "fixed";
    bigdiv.style.textAlign = "center";
    bigdiv.style.top = "50px";
    bigdiv.style.left = "20px";
    bigdiv.style.backgroundColor =  "#f8f0d0";
    bigdiv.style.border = "1px solid #808080";
    bigdiv.style.padding = "16px";
    bigdiv.onclick = delayedHideBig;
    bigdiv.style.cursor = "pointer";
  
    document.body.appendChild(bigdiv);
}



function toggler(img) {
    var myimg = img;   
    myimg.style.cursor = "pointer";
    
    img.onclick = function() {
        if (bigdiv && shownsrc == myimg.src) {
            hideBig();
            
        } else {
           showBig(myimg);
        }
    }
}