/* Web Design and Programming by Cube Connection Ltd, Copyright 2007 - www.CubeConnection.co.uk */
/* With a little help from http://www.dynamicdrive.com/ */
function showzoomimage(strImage){
  stdDocBodyType=(document.compatMode=="CSS1Compat")? document.documentElement : document.body; //ref to common "body" across doctypes
  var zoomdiv=document.getElementById("zoomimage");
  var loaddiv=document.getElementById("loading");
  
  if(zoomdiv.style.visibility=="visible")
    closeimage(zoomdiv);

  loaddiv.innerHTML='<img src="/images/icons/loading.gif" align="absmiddle" /> loading image...';
  centerimage(loaddiv);
  
  zoomdiv.innerHTML='<img src="'+strImage+'" /><div id="zoomclose"><img src="/images/icons/close_window.gif" /></div>';
  myimage=zoomdiv.getElementsByTagName("img")[0]; //get the new image
  myimage.onload=function() { //once loaded, hide loading image and display zoom image
    loaddiv.style.visibility="hidden";
    centerimage(zoomdiv);
  }
}

function centerimage(divobj) {
  var scrollbarwidth=16;
  var ie=document.all && !window.opera;
  var wint=(ie)? stdDocBodyType.scrollTop : window.pageYOffset;
  var winl=(ie)? stdDocBodyType.scrollLeft : window.pageXOffset;
  var docw=(ie)? stdDocBodyType.clientWidth : window.innerWidth-scrollbarwidth;
  var doch=(ie)? stdDocBodyType.clientHeight: window.innerHeight;
  var dochtotal=(stdDocBodyType.offsetHeight>stdDocBodyType.scrollHeight)? stdDocBodyType.offsetHeight : stdDocBodyType.scrollHeight; //Document scroll height
  var divobjw=divobj.offsetWidth; //div zoomimage element width
  var divobjh=divobj.offsetHeight; //div zoomimage element height
  var divobjt=(doch>divobjh)? wint+doch/2-divobjh/2 : wint+10; //Top of div centered in page of if higher then 10px down
  divobjt=(divobjt<155)? 155+"px" : divobjt+"px";
  divobj.style.left=Math.round((docw/2)-(divobjw/2))+"px"; //Center div element horizontally
  divobj.style.top=Math.floor(parseInt(divobjt))+"px";
  divobj.style.visibility="visible";
}

function closeimage(divobj) {
  divobj.style.visibility="hidden";
  divobj.innerHTML="";
}