GospNavFix = Class.create();

GospNavFix.prototype = {
  initialize: function(supId) {
    this.supId = supId;
    this.lis = $('navH0').getElementsByTagName('li');
    for (var i = 0; i < this.lis.length; i++) {
      var el = this.lis[i];
      if (!Element.hasClassName(el, 'active')) {
        Event.observe(el, 'mouseover', this.topNavOver.bindAsEventListener(this, el));
        Event.observe(el, 'mouseout', this.topNavOut.bindAsEventListener(this, el));
        if (el.parentNode.id == 'navH0') {
          Element.addClassName(el.getElementsByTagName('li')[0], 'firstsub');
        }
      }
    }
  },
  topNavOver: function(event, el) {
    (el.id == this.supId) ? Element.addClassName(el, 'hoversup') : Element.addClassName(el, 'hover');
    if (Element.hasClassName(el, 'dropdown')) {
      Element.addClassName(el.getElementsByTagName('ul')[0], 'dropdownshow');
    }
  },
  topNavOut: function(event, el) {
    if (Element.hasClassName(el, 'hover') || Element.hasClassName(el, 'hoversup')) {
      if (Element.hasClassName(el, 'hover')) Element.removeClassName(el, 'hover');
      if (Element.hasClassName(el, 'hoversup')) Element.removeClassName(el, 'hoversup');
      if (Element.hasClassName(el, 'dropdown')) {
        Element.removeClassName(el.getElementsByTagName('ul')[0], 'dropdownshow');
      }
    }
  }
}

Event.observe(window,'load',function () {
  if ($('navH0')) { new GospNavFix('el_8'); }
});
