

function centralDiv(object)
{
  var docElem                 = document.documentElement;
  var objBody                 = document.body;
  var objImage                = document.createElement('img');
  var objOverlay              = document.createElement('div');
  var objDiv                  = document.createElement('div');

  objImage.src                = object.getAttribute('original');
  objImage.width              = object.getAttribute('orig_width');
  objImage.height             = object.getAttribute('orig_height');

  var intBodyWidth            = self.innerWidth || (docElem&&docElem.clientWidth) || objBody.clientWidth;
  var intBodyHeight           = self.innerHeight || (docElem&&docElem.clientHeight) || objBody.clientHeight;
	var intScrollX              = self.pageXOffset || (docElem&&docElem.scrollLeft) || objBody.scrollLeft;
	var intScrollY              = self.pageYOffset || (docElem&&docElem.scrollTop) || objBody.scrollTop;
  var intMarginLeft           = Math.round(intBodyWidth/2) - (objImage.width /2) + intScrollX;
  var intMarginTop            = Math.round(intBodyHeight/2) - (objImage.height /2) + intScrollY;	

  objOverlay.style.width      = (intBodyWidth - 20) + "px";
  objOverlay.style.height     = (intBodyHeight + intScrollY) + "px";
  objOverlay.id               = 'a_overlay';
  objOverlay.className        = 'a_overlay';
  objOverlay.style.position   = 'absolute';
  objOverlay.style.background = '#B996B2';
  objOverlay.style.zIndex     = '90';
  objOverlay.style.top        = '0px';
  objOverlay.style.left       = '0px';
  objOverlay.style.filter     = 'alpha(opacity=50)';
  objOverlay.style.opacity    = '.50';
  objOverlay.style.cursor     = 'pointer';
  objOverlay.onclick          = function(){closeImage(objDiv.id);}

  objDiv.id                   = 'vergroting';
  objDiv.style.width          = objImage.width + "px";
  objDiv.style.height         = objImage.height + "px";
  objDiv.style.position       = 'absolute';
  objDiv.style.top            = intMarginTop + "px";
  objDiv.style.left           = intMarginLeft + "px";
  objDiv.style.zIndex         = '100';
  objDiv.style.border         = '2px solid #752D66';
  objDiv.style.cursor         = 'pointer';
  objDiv.onclick              = function(){closeImage(objDiv.id);}

  objBody.appendChild(objOverlay);
  objDiv.appendChild(objImage);
  objBody.appendChild(objDiv);
}

//--------------------------------------------------------------------------

var imageId = null;

function closeImage(imageId) {removeById('a_overlay'); removeById(imageId);}

//--------------------------------------------------------------------------

var objBody = null;
var objRemove = null;

function removeById(strId) 
{
  objBody = window.parent.document.body; 
  objRemove = window.parent.document.getElementById(strId); 
  objBody.removeChild(objRemove);
}

//--------------------------------------------------------------------------