
function pageLoad()
{
  Rollovers.load();
}

var Rollovers = {

  load: function()
  {
    this.__findRollovers();
  },
  
  __findRollovers: function()
  {  
    $$('#navigation li div').each(
      function(element)
      {
        //Observe a mouse over event
        Event.observe(element, 'mouseover', Rollovers.__mouseOver.bindAsEventListener(this,element) );
        Event.observe(element, 'mouseout', Rollovers.__mouseOut.bindAsEventListener(this,element) );
      }
    );
    
    $$('.rollover').each(
      function(element)
      {
        //Observe a mouse over event
        Event.observe(element, 'mouseover', Rollovers.__mouseOver.bindAsEventListener(this,element) );
        Event.observe(element, 'mouseout', Rollovers.__mouseOut.bindAsEventListener(this,element) );
      }
    );
  },
  
  __mouseOver: function(e,obj)
  {
    $(obj).addClassName('hover');
  },
  
  __mouseOut: function(e,obj)
  {
    $(obj).removeClassName('hover');
  }
  
}


Event.observe(window, 'load', function() { pageLoad(); });
