/*
	There's a slight jog on the text caused by animating two separate elements.
	We'll turn this off for now.
*/
YAHOO.util.Event.onDOMReady(function() {
	var navElements = YAHOO.util.Selector.query('#navigation li.inactive');
		
	YAHOO.util.Dom.batch(navElements, function(el) {
		YAHOO.util.Event.on(el, 'mouseover', function() {
			var liAttributes = {
				marginTop: { to:-5 }
			};
			var hrefAttributes = {
				paddingTop: { to:16 }
			};
			var animA = new YAHOO.util.Anim(el.firstChild, hrefAttributes, 0.2);
			var animB = new YAHOO.util.Anim(el, liAttributes, 0.2);
			animA.animate();
			animB.animate();
			
		});
	
		YAHOO.util.Event.on(el, 'mouseout', function(ev) {
			var liAttributes = {
				marginTop: { to:0 }
			};
			var hrefAttributes = {
				paddingTop: { to:11 }
			};
			var animA = new YAHOO.util.Anim(el.firstChild, hrefAttributes, 0.2);
			var animB = new YAHOO.util.Anim(el, liAttributes, 0.2);
			animA.animate();
			animB.animate();
		});
	});
});