// This script uses Mootools Fx.Slide to add sliding controls to the Nav Bar used on all pages of the site.
window.addEvent('domready', function(){
  var navArray = new Array('partscenter', 'service', 'downloads', 'archives', 'manuals');

  // Build an associative array to store all Fx.Slide variables
  for(i=0; i<navArray.length; i++) {
    navArray[navArray[i]] = new Fx.Slide(navArray[i], {duration: 'normal', link: 'cancel'}).hide();
  }

	$('service-title').addEvents({
		'mouseenter': function(e){
      e.stop();
      navArray['service'].slideIn();
		},
		'mouseleave': function(e){
      e.stop();
      navArray['service'].slideOut();
		}
  });

	$('manuals-title').addEvents({
		'mouseenter': function(e){
      e.stop();
      navArray['manuals'].slideIn();
		},
		'mouseleave': function(e){
      e.stop();
      navArray['manuals'].slideOut();
		}
  });
	
	$('downloads-title').addEvents({
		'mouseenter': function(e){
      e.stop();
      navArray['downloads'].slideIn();
		},
		'mouseleave': function(e){
      e.stop();
      navArray['downloads'].slideOut();
		}
  });
	
	$('archives-title').addEvents({
		'mouseenter': function(e){
      e.stop();
      navArray['archives'].slideIn();
		},
		'mouseleave': function(e){
      e.stop();
      navArray['archives'].slideOut();
		}
  });
	
	$('partscenter-title').addEvents({
		'mouseenter': function(e){
      e.stop();
      navArray['partscenter'].slideIn();
		},
		'mouseleave': function(e){
      e.stop();
      navArray['partscenter'].slideOut();
		}
  });
});