function accordion(el) {
  el = el.parentNode;
    var visible = $('visible');
    var eldown = $E('ul',el);
    
    if (visible == el) {
      $(eldown).style.display='none';
      $E('span', el).removeClass('activeParent');
      visible.id='';
      return;
    }
    
    if (visible) {
      var elup = $E('ul', visible);
      $(elup).style.display='none';
      $E('span', visible).removeClass('activeParent');
      visible.id='';
    }
    $(eldown).style.display='block';
    el.id='visible';
    $E('span', el).addClass('activeParent');
}

// switch container label span class on mouseover & mouseout
// Note: can't use down() cos of mootools in Maxigallery
window.addEvent('domready', function() {
  $$('#menu span').each(function(e){
    e.addEvent('mouseover', function() { 
      e.addClass('hover');
    });
    e.addEvent('mouseout', function() {
      e.removeClass('hover');
    });
  });  
});