var menu = {
  '#menu-secondary': function(element) {
    var activeLink = (document.getElementsBySelector('#menu-secondary a.active'))[0];
    element.className = (!!activeLink ? 'active' : '');
  },

  '#menu-secondary a': function(element) {
    var activeWrapper = document.getElementsBySelector('#menu-secondary')[0];
    var activeLink = (document.getElementsBySelector('#menu-secondary a.active'))[0];
    addEvent(element, 'mouseover', function(event) {
      activeWrapper.className = 'active';
      if (!!activeLink) activeLink.className = '';
    });
    addEvent(element, 'mouseout', function(event) {
      if (!!activeLink) {
        activeLink.className = 'active';
      }
      else {
        activeWrapper.className = '';
      }
    });
  }
};

Behaviour.register(menu);
