var MenuController = Class.create({
  
  initialize:function()
  {
    $$('#nav-main li').each(function(liElement) {
      liElement.observe('mouseenter', this.mouseEnter.bind(this));
      liElement.observe('mouseleave', this.mouseLeave.bind(this));
/*
      if (liElement.down('ul'))
        liElement.down('a').observe('click', this.mouseClicked.bind(this));
*/
    }.bind(this));
  },
  
  mouseEnter:function(mouseEvent) {
    var el = mouseEvent.element();
    if (el.tagName == 'A')
      el = el.up('li');
    
    el.addClassName('sfhover');
    
    //if (el.className == 'expanded cms-first other-info-section sfhover')
      
  },
  
  mouseLeave:function(mouseEvent) {
    var el = mouseEvent.element();
    if (el.tagName == 'A')
      el = el.up('li');
    
    el.removeClassName('sfhover');
  },
  
  mouseClicked:function(mouseEvent) {
    mouseEvent.stop();
    
    if (mouseEvent.element().up('li').hasClassName('sfclicked')) {
      mouseEvent.element().up('li').removeClassName('sfclicked');
      mouseEvent.element().up('li').up('ul').removeClassName('sfhoverdisabled');
    } else {
      mouseEvent.element().up('li').addClassName('sfclicked');
      mouseEvent.element().up('li').up('ul').addClassName('sfhoverdisabled');
    }
  }
});

var menuController = false;
document.observe('dom:loaded', function() {
  menuController = new MenuController();
});