Função com Effect.Parallel Scriptaculous não funciona corretamente pre

[duhpc]

Olá, tenho esta função para abrir uma caixa com informações sobre produtos em minha loja:

<script type="text/javascript">
 // display effect
    function displayEffect(){
     new Effect.Parallel([
  new Effect.SlideDown('popup_wrapper', { sync: true, scaleX:true }), 
  new Effect.Opacity('popup_wrapper', { sync: true, from: 0, to: 1 })
], { 
  duration: 0.5
  
});
     return;
    }
    
    function hideEffect() {
  new Effect.Parallel([
  new Effect.SlideUp('popup_wrapper', {  sync: true, scaleX:true }), 
  new Effect.Opacity('popup_wrapper', { sync: true, from: 1, to: 0 })
], { 
  duration: 0.3
});
  return;
    }

    
    Event.observe($('abrir_cesta'),'mouseover',displayEffect,false);
    Event.observe($('abrir_cesta'),'mouseout',hideEffect,false);

    Event.observe(window,'load',initializeElement,false);

</script>

tudo funciona perfeito, mais quando você passa o mouse duas vezes sobre o elemento que da inicio ao efeito antes que ele termine a exibição da primeira vez ele deixa de funcionar corretamente.

Pesquisei na web mais não encontrei nenhuma solução simples, oque precisa acontecer e que ao passar o mouse pela segunda vez o effeito não execute novamente ao menos que já tenha terminado de exibir a primeira chamada.

Acho que estou soando meio confuso, mais quem já conhece scriptaculou e prototype deve saber deste problema.

se puderem me ajudar eu agradeço.