window.addEvent('domready', function(){

// THIS CODE DOES WHAT I WANT IT TO DO...although each nav link will NEED to be in its own div
// change $('move') to $('NAME OF BUTTON DIV') and adjust the margin-top values to whatever they need to be...possibly 'background-position'
// MUST USE THIS mootools.js file
	
		$$(".nav").addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 150,
				transition: Fx.Transitions.Sine.easeIn // This could have been also 'bounce:out'
			}).tween('margin-top', '0');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {
				duration: 300
				}).tween('margin-top', '10px');
		}
	});
});