window.addEvent('domready', function(){
			var menuHeadItems = $$('#B_write .MenuHeadItem');
			
			menuHeadItems.each(function(item, i){
				var slider = new Fx.Slide(item, { duration: 900, transition: Fx.Transitions.Elastic.easeOut });
				
				// Выдвигаем элементы с прогрессивной задержкой.
				slider.hide().toggle.delay(i * 100, slider);
			});
			    var menuHeadItems = $$('#B_write .MenuHeadItem');
          
          menuHeadItems.each(function(item, i){
            var morph = new Fx.Morph(item, { duration: 900, transition: Fx.Transitions.Elastic.easeOut, link: 'cancel' });
            
            // Для каждого пункта меню стартуем анимацию с прогрессивной задержкой 100i ms.
            // Анимируется два параметра: opacity и margin-left. Таким образом элемент "выезжает"
            // слева одновременно с изменением прозрачности до 1.
            morph.start.delay(i * 100, morph, {
               'padding-left': 22
            });
            
            item.addEvents({
              // При наведении курсора мыши отодвигаем элемент и делаем его темнее.
              'mouseenter': function(){
                morph.start({
                  'padding-left': 32
                  
                });
              },
              // При уведении курсора мыши возвращаем элемент в исходное состояние.
              'mouseleave': function(){
                morph.start({
                  'padding-left': 22
                  
                });
              }
            });
          });

			
		});