function centerElement(element)
{
 element.style.left=( (document.documentElement.clientWidth - element.width) / 2 ) - 5 + 'px';
 element.style.top=( (document.documentElement.clientHeight - element.height) / 2 ) + document.documentElement.scrollTop - 12 + 'px';
}

function zoomPhoto(src)
{
 var img = document.getElementById('zoomIMG');
 var holder = document.getElementById('zoom_holder');
 var overlay = document.getElementById('zoom_overlay');
 
 if(img==null)return;
 
 img.src = src;
 img.onload = function(){showPhoto();}
 //holder.style.paddingTop="160px";
 
 window.onresize = function(){hidePhoto();}
}

function showPhoto()
{
 var pageWidth = 0;
 var pageHeight = 0;
 
 pageWidth = $(document).viewport.getWidth();
 pageHeight = $(document.body).getHeight();


  
  var holder = document.getElementById('zoom_holder');
  var overlay = document.getElementById('zoom_overlay');
  
  
  if(holder!=null)
  {
   //holder.style.height = (pageHeight-160)+'px';
   holder.style.width = (pageWidth)+'px';
   holder.style.visibility = 'visible';
   holder.style.display = 'block';
   
   var top = ($(document.body).getHeight() - holder.offsetHeight) / 2 ;
   if(top < 0)
    top = 10;
   holder.style.top = top +'px';
   
   
   overlay.style.width = $(document).viewport.getWidth() +'px';
   overlay.style.height = $(document.body).getHeight() +'px';
   overlay.style.visibility = 'visible';
   overlay.style.display = 'block';
   $(overlay).setOpacity(0.8);  
     
  }
  else
  {
   hidePhoto();
  }
 //}
}

function hidePhoto()
{
 var bg = document.getElementById('zoom_overlay');
 if(bg!=null)
 {
  bg.style.visibility = 'hidden';
  bg.style.display = 'none';
 }  
 
 var holder = document.getElementById('zoom_holder');
 if(holder!=null)
 {
  holder.style.visibility = 'hidden';
  holder.style.display = 'none';   
 } 
 
 window.onresize = null;
}