var win = null;

var useLayer = true;

var loadingImageUrl = "/art/arrows.gif";

var preload = new Image();
preload.src = loadingImageUrl;

function showImage( imgsrc, width, height, title )
{
  if( useLayer && typeof( def_layer ) != "undefined" && getwindowwidth() > width && getwindowheight() > height )
  {
    showImageLayer( imgsrc, width, height, title )
  }
  else
  {
    showImageWindow( imgsrc, width, height, title )
  }
}

function showImageWindow( imgsrc, width, height, title )
{
  if( win != null && !win.closed )
  {
    win.close();
  }

  win = window.open( "", "IMAGEPOP", "width=" + width + ",height=" + height );

  win.document.open( "text/html" );

  win.document.write( '<html><head><title>' +
                      title +
                      '</title><style type="text/css">body{background:white;margin:0px}</style></head><body onload="self.focus()"><img onclick="self.close()" src="' +
                      imgsrc +
                      '" title="' +
                      title + ' (click to close)"/></body></html>' );

  win.document.close();

  return false;
}

function showImageLayer( imgsrc, width, height, title )
{
  closeImageLayer();

  var imageLayer = getElt( "imageLayer" );

  if( imageLayer == null )
  {
    imageLayer = document.createElement( "div" );
    imageLayer.id = "imageLayer";

    imageLayer.style.position   = "absolute";
    imageLayer.style.display    = "none";
    imageLayer.style.overflow   = "hidden";
    imageLayer.style.border     = "1px solid #000000";
    imageLayer.style.zIndex     = "10";

    document.body.appendChild( imageLayer );
  }

  imageLayer.style.background = "#000000 url('" + loadingImageUrl + "') no-repeat 50% 50%";
  imageLayer.innerHTML = '<img onclick="closeImageLayer()" style="visibility:hidden" onload="showImageLayerImage()" src="' +
                         imgsrc +
                         '" title="' +
                         title + ' (click to close)" width="' + width + '" height="' + height + '"/>' +
                         '<img onclick="closeImageLayer()" src="/art/closePopupSm.gif" title="click to close" style="position:absolute;top:0px;right:0px;"/>' +
                         '<div style="background:#e0e0e0;font-weight:bold;padding:4px 2px 4px 2px;border-top:1px solid #000000">' +
                         title +
                         '</div>';

  imageLayer.style.width = width + "px";
  imageLayer.style.top  = ( Math.max( 0, getwindowheight() - height ) / 4 + getpagescrolly() ) + "px";
  imageLayer.style.left = ( Math.max( 0, getwindowwidth()  - width  ) / 2 + getpagescrollx() ) + "px";

  backLayer( imageLayer );

  imageLayer.style.display = "";
}

function showImageLayerImage()
{
  var imageLayer = getElt( "imageLayer" );

  if( imageLayer != null )
  {
    imageLayer.style.background = "transparent";
    imageLayer.firstChild.style.visibility = "visible";
  }
}

function closeImageLayer()
{
  var imageLayer = getElt( "imageLayer" );

  if( imageLayer != null )
  {
    imageLayer.style.display  = "none";

    unBackLayer( imageLayer );
  }
}
