var Ui = {

  load: function()
  {
    this.loadNavigation();
  },
  
  loadNavigation: function()
  {
    var navLinks = $$('#navigation li');
    for(var ll=0; ll<navLinks.length; ll++)
    {
      Event.observe($(navLinks[ll]), 'mouseover', Ui.navigationOver.bindAsEventListener(this,$(navLinks[ll])), false);
      Event.observe($(navLinks[ll]), 'mouseout', Ui.navigationOut.bindAsEventListener(this,$(navLinks[ll])), false);
    }
  },
  
  navigationOver: function(e,obj)
  {
    $(obj).addClassName('over');
  },
  
  navigationOut: function(e,obj)
  {
    $(obj).removeClassName('over');
  }
  
}

Event.observe(window, 'load', function() { Ui.load(); });