function showElement(url)
{
  //
  var layer = document.getElementById('images');
  
  if(layer)
  {
    layer.innerHTML = '<img onload="repositionElement()" onclick="hideElement()" src="'+url+'" alt="" style="border:solid 1px #9f7d40; cursor:pointer" title="Click to close image" />';
    layer.style.top = 0+'px';
    layer.style.left = 0+'px';
    repositionElement();
    layer.style.display = '';
    layer.style.visibility = '';
    
    //alert(layer);
  }
  

}


function hideElement()
{
  //alert(url);
  var layer = document.getElementById('images');
    
  if(layer)
  {
    layer.style.visibility = 'hidden';
    layer.style.display = 'none';
  }        
}  


function repositionElement()
{

var layer = document.getElementById('images');

    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;

  layer.style.left = (frameWidth - layer.offsetWidth) /2 + 'px';
  layer.style.top = y + (frameHeight - layer.offsetHeight) /2 + 'px';

}