var moreInfoDiv;
var moreInfoText;
var fade;
var fading;
var timer = 10;

function openMoreInfo(){
  moreInfoDiv = document.getElementById('moreInfoContainer');
  moreInfoText = document.getElementById('moreInfoTextArea');
  fade = 0;
  moreInfoDiv.style.opacity = fade;
  moreInfoDiv.style.filter = "alpha(opacity=" + fade + ")";
  moreInfoDiv.style.visibility = "visible";
  fading = 5;
  setTimeout("fader()", timer);
  }
  
function setTopMargin(){
  if(moreInfoText.offsetHeight >= 470){
    moreInfoText.style.overflowY = "scroll";
    }
  else{
    moreInfoText.style.marginTop = (470 - moreInfoText.offsetHeight) / 2 + 'px';
    }
  }

function closeMoreInfo(){
  moreInfoDiv.style.visibility = "hidden";
  }
  
function fader(){
  if(fade > 0){
    setTopMargin();
    }
  fade = fade + fading;
  moreInfoDiv.style.opacity = fade / 100;
  moreInfoDiv.style.filter = "alpha(opacity=" + fade + ")";
  if(fade < 100){
    setTimeout("fader()", timer);
    }
  }