//Расчет превью идет из расчета 500х500 пикселов
 var dx, dy = 500;

function toggle_text(id)
{
  var elDiv = document.getElementById('text'+id);
  var elA = document.getElementById('a'+id);
  if('block' == elDiv.style.display)
  {
	  elDiv.style.display = 'none';
	  elA.innerText = 'подробнее...';
  }
  else
  {
	  elDiv.style.display = 'block';
  	elA.innerText = 'скрыть...';
  }
}

function getClientWidth()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight()
{
  //return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
  return document.documentElement.clientHeight;
}

function getBodyScrollTop()
{
  return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
}

function getBodyScrollLeft()
{
	return self.pageXOffset || (document.documentElement && document.documentElement.scrollLeft) || (document.body && document.body.scrollLeft);
}

function cursorX()
{
  var x = 0;
  var e;
  if (!e) e = window.event;
  if (e.pageX)
  {
    x = e.pageX;
  }
  else if (e.clientX)
  {
    x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
  }
  return x;
}

function cursorY()
{
  var y = 0;
  var e;
  if (!e) e = window.event;
  if (e.pageY)
  {
    y = e.pageY;
  }
  else if (e.clientY)
  {
    y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
  }
  return y;
}

function showPrev(id)
{
  var divPrev = window.document.getElementById('prv'); //Слой в котором будет отображаться большая картинка
  var elImg = window.document.getElementById('prvImg');
  var elSrc = window.document.getElementById('im'+id);
  divPrev.className = 'prevon';
  var y = cursorY();
  var x = cursorX();
  //divPrev.style.top = y > (dy + 10)?y-dy-10+getBodyScrollTop():y+10;//parseInt((getClientHeight()-500)/2)+getBodyScrollTop();
  q = getClientHeight()/dy;
  divPrev.style.top = getBodyScrollTop()/q + (y-y/q) + 10;
  divPrev.style.left = x + 10;
  //divPrev.style.left = getClientWidth()-x-5 > dx?x+5:x-dx-5;//parseInt((getClientWidth()-500)/2)+getBodyScrollLeft();
  elImg.src = elSrc.src;
}

function hidePrev(id)
{
  var elDiv = document.getElementById('prv');
  //elImg.width = 60;
  //elImg.height = 60;
  elDiv.className = 'prevoff';
}