Moduł Slideshow i plik hover.js

[loograk]

Witam,

Po zainstalowaniu modułu slide show:
http://extensions.joomla.org/extensi...-showcase/8710 (http://extensions.joomla.org/extensions/news-display/articles-showcase/8710)
przestał działać na mojej stronie skrypt hover.js odpowiedzialny za poruszanie przycisków menu po najechaniu myszką. Jaka może być tego przyczyna i co zrobić aby skrypty hover.js oraz skrypty z modułu slide show nie kolidowały ze sobą?

Gdy jquery-1.3.2.min.js (z modułu slideshow) jest włączony nie działa hover.js

http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js

Zamieszczam mały fragment hover.js:

window.addEvent('domready', function() {

var list = $$('.sf-menu li li a');
list.each(function(element) {

var fx = new Fx.Styles(element, {duration:350, wait:false, transition: Fx.Transitions.Quad.easeInOut});

element.addEvent('mouseenter', function(){
fx.start({
'padding-left': 10,
'padding-top':10,
'padding-bottom':10

});
});

element.addEvent('mouseleave', function(){
fx.start({
'padding-left': 0,
'padding-top':0,
'padding-bottom':0
});
});
});
});

[loograk]

Poprawiłem skrypt hover.js, tak aby był zgodny z jquery i teraz działa. Mam tylko takie pytanie jeszcze. Czemu działa taki kod
$(document).ready(function(){

$(".moduletable_menu ul.menu li a, a.mainlevel").mouseover(function(){

$(this).animate({ paddingLeft: 10}, 300)
});
$(".moduletable_menu ul.menu li a, a.mainlevel").mouseout(function(){

$(this).animate({ paddingLeft: 0}, 300)
});

});


a taki:

$(document).ready(function(){

$('.moduletable_menu ul.menu li a, a.mainlevel').hover(function() {
$(this).animate({
paddingLeft: 10
}, 300, function() {
});
});


nie działa?