function previewShadowInit()
{
	/* Вставляем затемняющий слой */
	var shadow = document.createElement('div');
	shadow.className = 'previewBlocker previewShadow';
	shadow.id = 'previewShadow';
	document.body.appendChild(shadow);
	shadow.style.display = 'none';

	/* Вставляем блокирующий слой */
	var blocker = document.createElement('div');
	blocker.className = 'previewBlocker';
	blocker.id = 'previewBlocker';
	document.body.appendChild(blocker);
	blocker.style.display = 'none';

	if (blocker.addEventListener) { // DOM2
		blocker.addEventListener('click', previewHide, false);
	} else if (blocker.attachEvent) { // IE5+
		blocker.attachEvent('onclick', previewHide);
	}
}

function previewShadowShow()
{
	var D = document;

	var docWidth = Math.max(
		Math.max(D.body.scrollWidth, D.documentElement.scrollWidth),
		Math.max(D.body.offsetWidth, D.documentElement.offsetWidth),
		Math.max(D.body.clientWidth, D.documentElement.clientWidth));
	var docHeight = Math.max(
		Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
		Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
		Math.max(D.body.clientHeight, D.documentElement.clientHeight));

	var shadow = document.getElementById('previewShadow');
	shadow.style.width = docWidth + "px";
	shadow.style.height = docHeight + "px";
	shadow.style.top = "0px";
	shadow.style.left = "0px";
	shadow.style.display = "block";
	shadow.style.position = "absolute";

	var blocker = document.getElementById('previewBlocker');
	blocker.style.width = docWidth + "px";
	blocker.style.height = docHeight + "px";
	blocker.style.top = "0px";
	blocker.style.left = "0px";
	blocker.style.display = "block";
	blocker.style.position = "absolute";
}

function previewShadowHide()
{
	var shadow = document.getElementById('previewShadow');
	shadow.style.display = "none";

	var blocker = document.getElementById('previewBlocker');
	blocker.style.display = "none";
}

function previewInit()
{
	/* Вставляем всплывающий слой */
	var box = document.createElement('div');
	box.id = 'previewBox';
//	box.onclick = 'return previewHide();';
	var boxIn = document.createElement('div');
	boxIn.id = 'previewBoxIn';
	var boxInIn = document.createElement('div');
	boxInIn.id = 'previewBoxInIn';

	if (box.addEventListener) { // DOM2
		box.addEventListener('click', previewHide, false);
	} else if (box.attachEvent) { // IE5+
		box.attachEvent('onclick', previewHide);
	}

	document.body.appendChild(box);
	box.appendChild(boxIn);
	boxIn.appendChild(boxInIn);
}

function previewShow(src, width, height)
{
  previewShadowShow();

  var pop = document.getElementById('previewBox');
  var imageneer = document.getElementById('previewBoxInIn');

  y = (window.scrollY) ? window.scrollY : document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
  ElWidth = (window.scrollWidth) ? window.scrollWidth : document.documentElement.scrollWidth;
  ElWidth = (ElWidth-width)/2;
  if (ElWidth < 0) ElWidth = 0;
  ElHeight = (600-height)/2;
  if (ElHeight < 0) ElHeight = 0;
  pop.style.top = (y + ElHeight) + 'px';
  pop.style.left = ElWidth + 'px';
  pop.style.display = 'block';

  imageneer.innerHTML = '<img src = "' + src + '" />';
  return false;
}

function previewHide()
{
 previewShadowHide();

  var pop = document.getElementById('previewBox');
  pop.style.display = 'none';
}

if (window.addEventListener) { // DOM2
	window.addEventListener('load', previewInit, false);
	window.addEventListener('load', previewShadowInit, false);
} else if (window.attachEvent) { // IE5+
	window.attachEvent('onload', previewInit);
	window.attachEvent('onload', previewShadowInit);
}