Window.onDomReady(function(){

$$('.menu1').each(function(e){


		var menuwidth = new Fx.Style(e, 'width', {wait: false, duration: 100, transition: Fx.Transitions.Circ.easeOut});
	
		
        e.addEvent('mouseover', function(){
			menuwidth.start('60px');
		});
		
		
		e.addEvent('mouseout', function(){  
			menuwidth.start('40px');

		});
	});
	
	$$('.menu2').each(function(e){


		var menuwidth = new Fx.Style(e, 'width', {wait: false, duration: 300, transition: Fx.Transitions.Circ.easeOut});
	
		
        e.addEvent('mouseover', function(){
			menuwidth.start('130px');
		});
		
		
		e.addEvent('mouseout', function(){  
			menuwidth.start('40px');

		});
	});
	
	$$('.menu3').each(function(e){


		var menuwidth = new Fx.Style(e, 'width', {wait: false, duration: 300, transition: Fx.Transitions.Circ.easeOut});
	
		
        e.addEvent('mouseover', function(){
			menuwidth.start('180px');
		});
		
		
		e.addEvent('mouseout', function(){  
			menuwidth.start('60px');

		});
	});	
		$$('.menu4').each(function(e){


		var menuwidth = new Fx.Style(e, 'width', {wait: false, duration: 400, transition: Fx.Transitions.Circ.easeOut});
	
		
        e.addEvent('mouseover', function(){
			menuwidth.start('130px');
		});
		
		
		e.addEvent('mouseout', function(){  
			menuwidth.start('80px');

		});
	});	
		$$('.menu5').each(function(e){


		var menuwidth = new Fx.Style(e, 'width', {wait: false, duration: 100, transition: Fx.Transitions.Circ.easeOut});
	
		
        e.addEvent('mouseover', function(){
			menuwidth.start('115px');
		});
		
		
		e.addEvent('mouseout', function(){  
			menuwidth.start('70px');

		});
	});	
		$$('.menu8').each(function(e){


		var menuwidth = new Fx.Style(e, 'width', {wait: false, duration: 200, transition: Fx.Transitions.Circ.easeOut});
	
		
        e.addEvent('mouseover', function(){
			menuwidth.start('90px');
		});
		
		
		e.addEvent('mouseout', function(){  
			menuwidth.start('30px');

		});
	});	
		$$('.menu6').each(function(e){


		var menuwidth = new Fx.Style(e, 'width', {wait: false, duration: 300, transition: Fx.Transitions.Circ.easeOut});
	
		
        e.addEvent('mouseover', function(){
			menuwidth.start('180px');
		});
		
		
		e.addEvent('mouseout', function(){  
			menuwidth.start('40px');

		});
	});	
					$$('.menu7').each(function(e){


		var menuwidth = new Fx.Style(e, 'width', {wait: false, duration: 300, transition: Fx.Transitions.Circ.easeOut});
	
		
        e.addEvent('mouseover', function(){
			menuwidth.start('100px');
		});
		
		
		e.addEvent('mouseout', function(){  
			menuwidth.start('50px');

		});
	});	

	
});