// JavaScript Document

var menuHeight = 0;
var openTime = 500;
var openMenu = '';


function showSubMenu(index)
{
  var nID = "sub" + "Menu" + index;
  
  if(openMenu == nID)
    nID = '';
   
  menuHeight = document.getElementById("sub" + "Menu" + index+"_").offsetHeight;
  
  setTimeout("animate(" + new Date().getTime() + "," + openTime + ",'"
      + openMenu + "','" + nID + "')", 33);
 
  openMenu = nID;
}

function animate(finState, remaining, closeID, openID)
{  
  var newState = new Date().getTime();
  var pastState = newState - finState;
 
  var opening = (openID == '') ? null : document.getElementById(openID);
  var closing = (closeID == '') ? null : document.getElementById(closeID);
 

  if(remaining <= pastState)
  {
   
    if(opening != null)
       opening.style.height = 'auto';

   
    if(closing != null)
    {
      //closing.style.display = 'none';
      closing.style.height = '0px';
    }
    return;
  }
 
  remaining -= pastState;
  var newHeight = Math.round((remaining/openTime) * menuHeight);

  if(opening != null)
  {
    if(opening.style.display != 'block')
      opening.style.display = 'block';
	  opening.style.height = (menuHeight - newHeight) + 'px';
  }
 
  if(closing != null)
    closing.style.height = newHeight + 'px';

  setTimeout("animate(" + newState + "," + remaining + ",'"
      + closeID + "','" + openID + "')", 33);
}