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

var list = $$('#idListl li');
list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:500, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'margin-left': 100,
			 width:200
		});
			
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'color': '#336699',
			'margin-left': 0,
			'width':300
		});
		
	});
 
});


var list = $$('#idListr li');
list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:500, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'margin-left': 0,
			 width:200
		});
			
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'color': '#336699',
			'width':300
		});
		
	});
 
});

});