function toggleAccount(a)
{
  a = Element.extend(a);
  id = a.id;
  content = $(id + '_content');
  Effect.toggle(content,'BLIND', {
    afterFinish: function() {
      a.toggleClassName('expanded');
    }
  });
  return false;
}

function collapseAll()
{
  $$('.toggler').each(function(el){
    el = Element.extend(el);
    id = el.id;
    content = $(id + '_content');

    Effect.BlindUp(content, {
      afterFinish: function() {
        el.removeClassName('expanded');
      }
    });
  })
  return false;
}

function expandAll()
{
  $$('.toggler').each(function(el){
    el = Element.extend(el);
    id = el.id;
    content = $(id + '_content');
    if ( ! content.visible())
    {
      Effect.BlindDown(content, {
        afterFinish: function() {
          el.addClassName('expanded');
        }
      });

    }

  })
  return false;
}


function loadSubNav(nav_id)
{
  $$('#topnav li').each( function(el){
    if (el.getAttribute('subnav') == nav_id)
    {
      el.addClassName('active');
    } else {
      el.removeClassName('active');
    }
  })
  $('subnavmenu').innerHTML = $('subnav_menu_' + nav_id).innerHTML;

  
}

function reloadSubNav()
{
  nav_id = $('nav_bar').getAttribute('subnav');
  if (nav_id)
  {
    loadSubNav(nav_id);
    $$('#topnav li').each( function(el){
      if (el.getAttribute('subnav') == nav_id) { el.addClassName('active'); }
    })
  }
}

function setDefaultSubNav(nav_id)
{
  $('nav_bar').setAttribute('subnav', nav_id);
  reloadSubNav();
}

var InitNav = function()
{
//  $$('#topnav li a').each(function(el){
//    el.onclick = function() { return false; }
//  });
  
  $$('#topnav li').each(function(el){
    el.onmouseover = function() {
      loadSubNav(el.getAttribute('subnav'));
    }
  });
  
  $('container').onmouseout = function() { reloadSubNav(); }
  $('header').onmouseout = function() { reloadSubNav(); }
  
}
Event.observe(window, 'load', InitNav );