// JavaScript Document

window.addEvent('domready', function(){
	var mainnav1 = $('mainnav1').getElements('a');
	
	mainnav1.addEvent('mouseenter', slideDown);
	mainnav1.addEvent('mouseleave', slideUp);
	
	function slideDown() {
		var slideDownAnim = this.effects({duration: 200});
		slideDownAnim.set({'padding-bottom': [10, 7]});
		slideDownAnim.start({'padding-top': [9, 12]});
	}
	
	function slideUp() {
		var slideUpAnim = this.effects({duration: 200});
		slideUpAnim.start({'padding-top': [12, 9]});
	}
});