window.addEvent('domready',function(){
  var vMenu = $$('ul.vertmenu li');
  vMenu.each(function(l,i){
    var lSize = l.getSize();
    var bg = new Element('div',{'styles':{
      'display':'block',
	  'opacity': 0,
      'position':'absolute',
      'height':lSize.size.y+'px',
      'width':lSize.size.x+'px',
      'margin-top':-lSize.size.y + 1 +'px'
      }});
      bg.addClass('vMenuBg');
      
      (l.getFirst()).setStyles({'position':'relative','z-index':20});
      bg.setStyles({'z-index':10});
      bg.injectInside(l);
      
      var fx = new Fx.Styles(bg,{duration:300, transition: Fx.Transitions.Quad.easeInOut});
      l.addEvent('mouseenter',function(){
        bg.setStyles({'display':'block','opacity':1});
        });
      l.addEvent('mouseleave',function(){
        fx.start({'opacity':0});
        });
  });
});