window.addEvent('domready', function() {
	
		 $$('#menuHorizontal .menu a').each(function(el) {
		var fx = new Fx.Style(el ,'background-position', {
		duration: 500,
		unit: '%',
		transition: Fx.Transitions.linear
		});

		var fx2 = new Fx.Style(el ,'background-position', {
		duration: 500,
		unit: '%',
		transition: Fx.Transitions.linear
		});

		 el.addEvent('mouseenter', function(){
		 fx.start("0 0","100 100" );
		 fx2.stop();
		 });

		 el.addEvent('mouseleave', function(){
		 fx2.start(
		 "100 100","0 0"
		 );
		 fx.stop();
		 });
		 
		});
		 
	
	
	/* example b:  right left */
	/*$$('#menuHorizontal .menu a').each(function(el) {


	var fx = new Fx.Styles(el, {duration:500, wait:false});
 
	el.addEvent('mouseenter', function(){
		fx.start({
			'background-position':'-450px 0'  // -150px 0 
		});
	});
 
	el.addEvent('mouseleave', function(){
		fx.start({
			'background-position':'0 0'
		});
	});

});*/

	
});