Navigation = Class.create({
  element: null,

  initialize: function(element) {
    this.element = $(element);
    if (!this.element) return;

    this.build();
    this.setupObservers();
  },

  build: function() {
    this.element.select('.sub-navigation').each(function(element) {
      element.up('li').observe('mouseover', function() {
        element.setStyle({display: 'block'});
      });
      element.up('li').observe('mouseout', function() {
        element.hide();
      });
    });
  },

  setupObservers: function() {
  }

});