// -- scripts, baby, scripts -- //
// -- courtesy of Matt Castonguay at http://www.apply-templates.com/en/blog?title=Centering an element in javascript -- //

function getViewPaneSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //FF and others
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth
      || document.documentElement.clientHeight ) ) {
    //IE
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth
      || document.body.clientHeight ) ) {
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return [ myWidth, myHeight ];
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft
      || document.body.scrollTop ) ) {
    //FF and others
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft
      || document.documentElement.scrollTop ) ) {
    //IE6
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

function centerElement(elementId) {
    var div = document.getElementById(elementId);
    var w = div.offsetWidth;
    var h = div.offsetHeight;
    var dimensions = getViewPaneSize();
    var scrollOffset = getScrollXY();
        var offsetTop = parseInt((((dimensions[1] - h) / 2) + scrollOffset[1]));
        if (offsetTop <= 0) {
            offsetTop = 50;
        }
    div.style.left = ((((dimensions[0] - w) / 2) + scrollOffset[0]) + "px");
    div.style.top = offsetTop + "px";
}

function bioPop(id)	{
   document.getElementById(id).style.display='block';
   centerElement(id);
}

function closer(id)	{
   document.getElementById(id).style.display='none';
}

// -- end scripts -- //