// Browser Window Size and Position
// copyright Stephen Chapman, 3rd Jan 2005, 8th Dec 2005
// you may copy these functions but please keep the copyright notice as well
function pageWidth() {return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?       document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;} function pageHeight() {return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;} function posLeft() {return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;} function posTop() {return typeof window.pageYOffset != 'undefined' ?  window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;} function posRight() {return posLeft()+pageWidth();} function posBottom() {return posTop()+pageHeight();}

    function showImage(img) {
      var imageWidth = 800;
      var left = (pageWidth()/2) - (imageWidth/2)
      var top = posTop() + 10;
      var bp = document.getElementById("bp");
      bp.innerHTML = "" +
                     "<a href='#' onClick='return hideImage();'>" +
                     "<img src=\"" + img.href + "\" class='big_photo' />" + 
                     "</a>" +
                     "<div class='sm'> " + 
                     "<br />" +
                     "<a href='#' onClick='return hideImage();' class='sm'>close</a>" +
                     "</div>" +
                     "";
      bp.style.left = left + "px";
      bp.style.top = top + "px";
      bp.style.visibility = "visible";
      bp.style.display = "block";
      return false;
    }

    function hideImage() {
      var bp = document.getElementById("bp");
      bp.style.visibility = "hidden";
      bp.style.display = "none";
      return false;
    }

  function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }

  function dark(id) {
    //document.getElementById("highZPhoto").style.position = "fixed";

    var hz = document.getElementById(id);
    var bd = document.getElementById("blank_div");
    var x = findPosX(hz);
    var y = findPosY(hz);

//alert(id + " is " + x + "," + y);

    hz.style.position = "fixed";
    hz.style.top = y + "px";
    hz.style.left = x + "px";

    if(bd) {
      bd.style.height=(hz.offsetHeight-10) + "px";
      //alert(bd.style.height);
      bd.style.width=hz.offsetWidth + "px";
      bd.style.display="";
    }
    document.getElementById("darkBackgroundLayer").style.display = "inline";
  }

  function light(id) {
    document.getElementById("darkBackgroundLayer").style.display = "none";

    // change high z to be back in place
    var hz = document.getElementById(id);
    hz.style.position = "";

    // change blank div
    var bd = document.getElementById("blank_div");
    if(bd)
      bd.style.display="none";
  }