var nav = {

  over: function(){
    if (!this.hasClass('here')) {
      var img = this.getElement('img');
      img.setProperty('src', img.getProperty('src').replace('.gif','_on.gif'));
    }
  },

  out: function(){
    if (!this.hasClass('here')) {
      var img = this.getElement('img');
      img.setProperty('src', img.getProperty('src').replace('_on.gif','.gif'));
    }
  },

  oversub: function(){
    var img = this.getElement('img');
    $('nav2').setStyle('left', (img.getLeft().toInt() - $('nav1').getLeft().toInt()) + 12 + 'px');
    $each($('nav2').getElements('li'), function(el){
      if (el.hasClass(img.getProperty('id'))) {
        el.setStyle('display', 'block');
      } else {
        el.setStyle('display', 'none');
      }
    });
  },

  outsub: function(){
    $each($('nav2').getElements('li'), function(el){
      el.setStyle('display', 'none');
    });
  }  
  
};

var General = {

  submit: function(form, response) {
    $(response).set('html', '<img src="/images/loading.gif" alt="Please wait..." />');
    $(form).set('send', {url: '/handler', onSuccess: function(html) { $(response).set('html', html); }});
    $(form).send();
    return false;
  }

};

window.addEvent('domready', function(){
  $each($('nav1').getElements('li'), function(el){
    el.addEvent('mouseover', nav.over);
    el.addEvent('mouseover', nav.oversub);
    el.addEvent('mouseout', nav.out);
  });
  $each($('nav2').getElements('li'), function(el){
    el.addEvent('mouseover', nav.over);
    el.addEvent('mouseout', nav.out);
  });
  $('neck_wrap').addEvent('mouseleave', nav.outsub);
});