var Menu =

{

  _open: null,

 

  _bindMenuTrigger: function(e)

  {

    Event.observe(e, 'click', this.toggleMenu.bindAsEventListener(this));

    var sub = e.next();

    if(sub && !e.hasClassName('selected'))
      sub.hide();
	else if(e.hasClassName('selected'))
		this._open = sub;
  },

 

  toggleMenu: function(e)

  {

    var target = Event.element(e);

    var sub = target.next();

    if(sub && !sub.visible())

    {

      var oe = $A([new Effect.BlindDown(sub, {sync: true})]);

      if(this._open)
      {
        this._open.previous().removeClassName('selected');
        oe.push(new Effect.BlindUp(this._open, {sync: true}));
	  }

      new Effect.Parallel(oe, {duration: .4});

      this._open = sub;
      this._open.previous().addClassName('selected');
    }

  },

 

  init: function()
  {
    $$('.menuTrigger').each(this._bindMenuTrigger.bind(this));
  }
}


Event.onDOMReady(function()
{
	setTimeout(Menu.init.bind(Menu), 10);
});