//------------------------------------------------------------------------------
//  Some handy extra JavaScript functions
//------------------------------------------------------------------------------
var browserType;

if( document.layers ){ browserType = "nn4" }
if( document.all ){ browserType = "ie" }
if( window.navigator.userAgent.toLowerCase().match("gecko") ){ browserType= "gecko" }


//------------------------------------------------------------------------------
//  function hide()
//------------------------------------------------------------------------------
function hide()
{
  if( browserType == "gecko" ){ document.div_zoom = eval('document.getElementById("div_zoom")'); }
  else if( browserType == "ie" ){ document.div_zoom = eval('document.getElementById("div_zoom")'); }
  else{ document.div_zoom = eval('document.layers["div_zoom"]'); }
  document.div_zoom.style.visibility = "hidden";
}
//------------------------------------------------------------------------------


//------------------------------------------------------------------------------
//  function show( img )
//------------------------------------------------------------------------------
function show( img )
{
  if( browserType == "gecko" )
  {
    document.div_zoom = eval('document.getElementById("div_zoom")');
    document.img_zoom = eval('document.getElementById("img_zoom")');
  }
  else if( browserType == "ie" )
  {
    document.div_zoom = eval('document.getElementById("div_zoom")');
    document.img_zoom = eval('document.getElementById("img_zoom")');
  }
  else
  {
    document.div_zoom = eval('document.layers["div_zoom"]');
    document.img_zoom = eval('document.images["img_zoom"]');
  }

  document.img_zoom.src = img.src.substring( 0, img.src.length-5 ) + '.jpg';
  document.div_zoom.style.width  = 1*document.img_zoom.width;
  document.div_zoom.style.height = 1*document.img_zoom.height + 20;

  document.div_zoom.style.left = "50%"
  document.div_zoom.style.top = "50%"
  var div_left = document.div_zoom.offsetLeft;
  var div_top = document.div_zoom.offsetTop;

  var scrOfX = 0;
  var scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' )
  {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  }
  else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) )
  {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  }
  else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) )
  {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }  


  document.div_zoom.style.left = (div_left - document.div_zoom.offsetWidth/2) + "px";
  document.div_zoom.style.top  = (div_top - document.div_zoom.offsetHeight/2 + scrOfY) + "px";
  document.div_zoom.style.visibility = "visible";

}
//------------------------------------------------------------------------------