var oldMenuDivName = '';
var newMenuDivName = '';
var maxHeight = 200;
var newMenuDiv;
var oldMenuDiv;
var speed = 20; // in milliseconds
var oldHeight = 0;
var newHeight = 0; 
var done = 1;
var adjuster = -5;
var count = 0;
var menuTimer; 
var menuCounter = 8;
var pixelIncrease = 17;

function openerMe(newMenu) {
 if(done) {
  oldMenuDivName = newMenuDivName;
  newMenuDivName = newMenu.id + "details";
  newMenuDiv = document.getElementById(newMenuDivName);
  if(oldMenuDivName) {
   oldMenuDiv = document.getElementById(oldMenuDivName);
  }
  oldHeight = newHeight;
  newHeight = 0; 
  count = adjuster;
  done = 0;
  menuTimer = window.setInterval('repeatOpener()', speed)
 }
 else {
  alert("wait a second ...");
 }
}

function repeatOpener() {
 count++;
 var pixelChange = pixelIncrease - count;
 if(pixelChange < 1) {
  pixelChange = 1;
 }
 var stillGoing = 0;
 newHeight += pixelChange;
 oldHeight -= pixelChange; 
 if(oldHeight > 0) {
  stillGoing++;
 }
 else {
  oldHeight = 0;
 }
 if(newHeight < maxHeight) {
  stillGoing++;
 }
 else {
  newHeight = maxHeight;
 }
 if(oldMenuDivName) {
  oldMenuDiv.style.height = oldHeight + "px";
 }
 newMenuDiv.style.height = newHeight + "px";
 if(stillGoing == 0) {
  window.clearInterval(menuTimer);
  done = 1;
 } 
}
 
function hideMenus() {
 var i;
 for(i = 0; i < menuCounter; i++) {
  var j = i + 1;
  var el = document.getElementById("menu" + j + "details"); 
  el.style.height = "0";
 }
 openerMe(document.getElementById("menu1"));
}