Cohabitation lightbox et menu

Bonjour,

j'ai mis en place l'effet lightbox qui fonctionne dont les includes sont :
Code:

1 2 3 4 5 jquery.js prototype.js scriptaculous.js?load=effects,builder lightbox.js
j'ai ensuite voulu ajouter un menu horizontal qui fonctionne également dont les includes sont :
Code:

1 2 3 jquery.js menu.js
avec menu.js étant la simple fonction
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 $(document).ready(function(){ $("#menu div").each(function(){ $(this).mouseover(function(){ $(this).children("ul").slideDown("fast"); if($.browser.msie) { var hauteur = $(this).width(); $(this).children("ul").css({marginLeft:"-"+hauteur+"px"}); } $(this).prev().children("ul").fadeOut("fast"); $(this).siblings().children("ul").fadeOut("fast"); }); }); $("body").click(function(){ $("#menu div ul").fadeOut("fast"); }); });
Mon problème :
les pages dans lesquelles cohabitent les deux codes ne fonctionnent pas totalement et c'est soit l'un soit l'autre :

j'ai tenté de déplacer la fonction

Code:

document.observe('dom:loaded', function () { new Lightbox(); });

dans la fonction

Code:

$(document).ready

mais sans succès. Je n'arrive pas à comprendre pourquoi les deux bibliothèques ne cohabitent pas... d'autant qu'elles sont basées sur jquery.

Plus généralement, y'a-t-il des difficultés à utiliser des bibliothèques différentes et pourtant issues de jquery ?

merci pour vos réponses avisées