var selectedMenu = null;
var showing, hiding;
var mHeights = [];
Sys.Application.add_init(function()
{
    var menuHeaders = NS.UI.getElementsByClassName("menuHeader", '');

    for (var i = 0; i < menuHeaders.length; i++)
    {
        $addHandler(menuHeaders[i], 'click', menuHeaderClick);
        var con = $get(menuHeaders[i].id.substring(1,2));
        mHeights[con.id] = Sys.UI.DomElement.getBounds(con).height;
        if (i != initSelectedMenu)
        {
            con.style.padding = '0px';
            con.style.height = '1px';
        }
        else
            selectedMenu = con;    
    }
});

function menuHeaderClick(sender)
{
  if (selectedMenu != null)
  {
     hiding = selectedMenu;
     hideContent();
  }   
  if (selectedMenu != null && selectedMenu.id == sender.target.id.substring(1,2))
     selectedMenu = null;
  else
  {   
      selectedMenu = $get(sender.target.id.substring(1,2));
      showing = selectedMenu;
      showContent ();
  }
}

function hideContent()
{
    //var height = Sys.UI.DomElement.getBounds(hiding).height;
    hiding.style.padding = '0px';
//    if (height > 1)
//      height -= 10;
//    if (height < 1)
//      height = 1;  
    hiding.style.height = '1px';
//    if (height > 1)
//       setTimeout(hideContent, 20);
}
function showContent()
{
    var mheight = mHeights[showing.id];
    showing.style.padding = '10px';
    var height = Sys.UI.DomElement.getBounds(showing).height;
    if (height < mheight)
      height += 10;
    if (height > 500)
        height = mheight;  
    if (height > mheight)
      height = mheight;  
    showing.style.height = height.toString() + 'px';
    if (height < mheight)
       setTimeout(showContent,10); 
    window.scrollTo(0, showing.id * 40 + 200);   

}