var AdditionalHTML = '';

    if (self.innerWidth)
    {
    	frameWidth = self.innerWidth;
    	frameHeight = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth)
    {
    	frameWidth = document.documentElement.clientWidth;
    	frameHeight = document.documentElement.clientHeight;
    }
    else if (document.body)
    {
    	frameWidth = document.body.clientWidth;
    	frameHeight = document.body.clientHeight;
    }   


function ShowBigImage(ImagePath,name)
{
 
 
 
  if (self.innerWidth)
    {
    	frameWidth = self.innerWidth;
    	frameHeight = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth)
    {
    	frameWidth = document.documentElement.clientWidth;
    	frameHeight = document.documentElement.clientHeight;
    }
    else if (document.body)
    {
    	frameWidth = document.body.clientWidth;
    	frameHeight = document.body.clientHeight;
    }         
    
    var y = 0;

    if (navigator.appName != "Microsoft Internet Explorer")
        y = pageYOffset;
    else
        y = document.documentElement.scrollTop;


   
  //alert(ImagePath);
  
  var ImageBackground = document.getElementById('viewer');
  var ImageViewer     = document.getElementById('image');



    
  if(ImageBackground)
  {  
    ImageBackground.style.top  = '0px';
    ImageBackground.style.left = '0px';
    
    ImageBackground.style.width = frameWidth + 'px';

    if(document.documentElement.scrollHeight)
      ImageBackground.style.height = document.documentElement.scrollHeight +'px';
    else
      ImageBackground.style.height = document.body.offsetHeight+'px';
      
    ImageBackground.style.display = '';
    
   }

 

  if(ImageViewer)
  {
    ImageViewer.style.top  = y + (frameHeight - 128) /2 +'px';
    ImageViewer.style.left = (frameWidth-128) /2 + 'px';  
  /*
    if(AdditionalHTML != '')
    {
      name = '<div style="float:left">'+name+'</div><div style="float:right">';
      for(i=0;i < AdditionalHTML)
    }*/
  
    ImageViewer.innerHTML = '<img src="img/loader2.gif" id="loader"> <table id="Vtable" style="visibility:hidden;"><tr> <td style="width:10px; height:10px;"><img src="img/c1.gif" alt=""/></td><td style="background:#ffffff;"></td> <td style="width:10px; height:10px;"><img src="img/c2.gif" alt="" /></td></tr><tr><td style="background:#ffffff;"></td> <td style=" text-align:center; vertical-align:middle; width:500px; height:400px; background:#ffffff;"><img style="border: solid 1px #9c9c9c; cursor:pointer;" onclick="HideBigImage();" onload="Update(this)" src="'+ImagePath+'" alt="" /></td> <td style="background:#ffffff;"></td></tr> <tr><td style="background:#ffffff;"></td><td style="background:#ffffff; color:#AD0700; font-size:11px; font-weight:bold; margin-top:1px; text-align:left; width:500px; height:30px; vertical-align:middle;">'+name+'</td><td style="background:#ffffff;"></td></tr> <tr><td style="width:10px; height:10px;"><img src="img/c3.gif" alt=""/></td><td style="background:#ffffff;"></td> <td style="width:10px; height:10px;"><img src="img/c4.gif" alt="" /></td></tr> </table>';
    ImageViewer.style.display = '';
  }

  //document.body.style.overflow = 'hidden';
  //document.documentElement.scrollTop = y;
  
  ImageBackground.style.visibility = '';
  ImageViewer.style.visibility = '';  


 

}

function Update(object)
{

//document.body.style.overflow = 'hidden';

  object = document.getElementById('Vtable');
    
    var y = 0;

    if (navigator.appName != "Microsoft Internet Explorer")
        y = pageYOffset;
    else
        y = document.documentElement.scrollTop;

  object.style.display = '';
  document.getElementById('loader').style.visibility= 'hidden';
  document.getElementById('loader').style.display= 'none';
  //document.documentElement.scrollTop = y;
  
  var ImageViewer     = document.getElementById('image');  
  ImageViewer.style.top  =  y + (frameHeight - object.offsetHeight)/2 + 'px';
  ImageViewer.style.left =  (frameWidth - object.offsetWidth )/2 + 'px';
  object.style.visibility = '';

  //document.body.style.overflow = 'hidden';
   

}

function HideBigImage()
{

  var ImageBackground = document.getElementById('viewer');
  var ImageViewer     = document.getElementById('image');
  
  if(ImageBackground)
    ImageBackground.style.display = 'none';

  if(ImageViewer)
    ImageViewer.style.display = 'none';

// document.body.style.overflow = 'show';
  document.body.style.overflow = '';

}