function openWindow(url)
{
 myWin = window.open(url, 'OriginalSizeImage', 'toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=520,height=400,left=20,top=20');
}

function previewImage(url, width, height)
{
  el = document.getElementById('imageDivImage');
  if (el != null)
  {
    el.src = url;

    el = document.getElementById('imageDiv');
    if (el != null)
    {
      el.style.top = (getScrollXY()[1] + 20) + "px";
      el.style.width = width;
      el.style.height = height;
      el.style.visibility = "visible";
    }
  }
}

function close()
{
  el = document.getElementById('imageDivImage');
  if (el != null)
  {
    el.src = "/grf/pixel.gif";

    el = document.getElementById('imageDiv');
    if (el != null)
      el.style.visibility = "hidden";
  }
}

function getScrollXY()
{
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' )
  {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  }
  else if (document.body && ( document.body.scrollLeft || document.body.scrollTop))
  {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  }
  else if (document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop))
  {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }

  return [scrOfX, scrOfY];
}