/* correct hover states for dropdown menus
========================================================= */

document.observe("dom:loaded", function() { 
  
  if ($('nav')) {
    $$('#nav ul li').each(function(element) {
      element.observe('mouseover', function(event) {
        this.addClassName('hover');
      }).observe('mouseout', function(event) {
        this.removeClassName('hover');
      });
    });
  };
  
  $('signup').observe('mouseover', function (e) { this.addClassName('hover'); });
  $('signup').observe('mouseout', function (e) { this.removeClassName('hover'); });
  
});