function showBox() {  

    var width = document.documentElement.clientWidth + document.documentElement.scrollLeft;

    var layer = document.createElement('div');
    layer.style.zIndex = 1000;
    layer.id = 'layer';
    layer.style.position = 'absolute';
    layer.style.top = '0px';
    layer.style.left = '0px';
    layer.style.height = document.documentElement.scrollHeight + 'px';
    layer.style.width = width + 'px';
    layer.style.backgroundColor = '#000000';
    layer.style.opacity = '.8';
    layer.style.filter += ("progid:DXImageTransform.Microsoft.Alpha(opacity=80)");
    document.body.appendChild(layer);  
    
    var div = document.createElement('div');
    div.style.zIndex = 1001;
    div.id = 'box';
    div.style.position = (navigator.userAgent.indexOf('MSIE 6') > -1) ? 'absolute' : 'fixed';
 div.style.top = '20%';
    div.style.left = '50%';
   	div.style.margin = '-100px 0 0 -325px';
    div.style.height = '400px';
    div.style.width = '610px';
    div.style.backgroundColor = 'white';
    div.style.border = '1px solid #9D9990';
    div.style.padding = '10px';
    document.body.appendChild(div);  
    
    var a = document.createElement('a');
   
    a.href = 'javascript:void(0)';
   a.style.color= '#000000';
   a.style.textAlign = 'right';
a.style.fontSize= '11px';
a.style.float= 'right';
a.style.display= 'block';

    a.innerHTML= 'Sluiten X';
    
    a.onclick = function() 
    {
      document.body.removeChild(document.getElementById('layer'));
      document.body.removeChild(document.getElementById('box'));
    };
      
    div.appendChild(a);
    
    
    var p = document.createElement('p');
     p.innerHTML += document.getElementById('popup_detail').innerHTML;
    div.appendChild(p);
    
    
  }