function show(url)
{
    var e = document.getElementById("pic");
    
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0; 
    var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || 0;
    
    var code = "<div id=\"viewer\" class=\"fullscreen\" style=\"top: " + scrollTop + ";\">"; // style=\"width: " + window.document.body.clientWidth + "px; height: 100%\" >";
    
   
    code += "<div class=\"center\">";
    code += "<img src=\"" + url + "\">";
    code += "</div>";
    code += "<div class=\"bottombutton\">";
    code += "<a href=\"#\" onclick=\"hide();\">sluiten</a>";
    code += "</div>";
    code += "</div>";
    
    e.innerHTML = code;
    e.style.visibility = 'visible';
}

function hide()
{
    var e = document.getElementById("pic");
    e.style.visibility = 'hidden';
}