function OpenImg(url, width, height) {
  var posX = (screen.availWidth  - width)/2;
  var posY = (screen.availHeight - height)/2;
  image = window.open(url, 'image', "status=no, scrollbars=yes, resizable=yes, width="+width+", height="+height+", left=" + posX + ",top=" + posY);
}

function getElementPosition(elemid) {
  var offsetTrail = elemid;
  var offsetLeft  = 0;
  var offsetTop   = 0;
  while(offsetTrail) {
    offsetLeft += offsetTrail.offsetLeft;
    offsetTop  += offsetTrail.offsetTop ;
    offsetTrail = offsetTrail.offsetParent;
  }
  if( navigator.userAgent.indexOf("Mac") != -1 &&
      typeof(document.body.leftMargin) != 'undefined' ) {
    offsetLeft += document.body.leftMargin;
    offsetTop  += document.body.topMargin;
  }
  return {left:offsetLeft, top:offsetTop};
}

function ShowImagePreview(src, width, height, elem) {
  var imgpreview = document.getElementById('imgpreview');
  var position  = getElementPosition(elem);
  imgpreview.style.display = '';
  if( typeof(preloadBar) == 'undefined' ) {
    preloadBar = new Image();
    preloadBar.src = '/img/load.gif';
  }
  var img = document.getElementById('imgpreviewimg');
  var previmg = document.getElementById('rightdoor');
  previmg.style.display = 'none';
  img.src = src;
}

function HideDiv() {
  var imgpreview = document.getElementById('imgpreview');
  imgpreview.style.display = 'none';
  var img = document.getElementById('imgpreviewimg');
  img.src  = '/img/load.gif';
  var previmg = document.getElementById('rightdoor');
  previmg.style.display = '';
}