[jQuery] Superfish > superfish.js + prototype.js + scriptaculous.js

[rui gomes]

Hi,
I´m using the superfish vertical menu with an ajax (scriptaculous
+prototype) application and the superfish was working just fine,
before add this application.

Now, when i do a mouseover the 2st level menu, just appears and
disappears !??

here´s the link:
http://marteleira.com

[code]
<link href="css/global.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/vertical.css"
media="screen">
<script type="text/javascript" src="js/jquery-1.2.3.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/bgiframe.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script src="js/lib/prototype.js" type="text/javascript"></script>
<script src="js/src/scriptaculous.js" type="text/javascript"></script>
<script type="text/javascript">
        function highlightCalendarCell(element) {
                $(element).style.border = '1px solid #d91a84';
        }

        function resetCalendarCell(element) {
                $(element).style.border = '1px solid #2C2C2C';
        }

        function startCalendar(month, year) {
                new Ajax.Updater('calendarInternal', 'rpc.php', {method: 'post',
postBody: 'action=startCalendar&month='+month+'&year='+year+''});
        }

        function showEventForm(day) {
                $('evtDay').value = day;
                $('evtMonth').value = $F('ccMonth');
                $('evtYear').value = $F('ccYear');

                displayEvents(day, $F('ccMonth'), $F('ccYear'));

                if(Element.visible('addEventForm')) {
                        // do nothing.
                } else {
                        Element.show('addEventForm');
                }
        }

        function displayEvents(day, month, year) {
                new Ajax.Updater('eventList', 'rpc.php', {method: 'post', 
postBody:
'action=listEvents&&d='+day+'&m='+month+'&y='+year+''});
                if(Element.visible('eventList')) {
                        // do nothing, its already visble.
                } else {
                        setTimeout("Element.show('eventList')", 300);
                }
        }

        function addEvent(day, month, year, body) {
                if(day && month && year && body) {
                        // alert('Add Event\nDay: '+day+'\nMonth: 
'+month+'\nYear: '+year
+'\nBody: '+body);
                        new Ajax.Request('rpc.php', {method: 'post', postBody:
'action=addEvent&d='+day+'&m='+month+'&y='+year+'&body='+body+'',
onSuccess: highlightEvent(day)});
                        $('evtBody').value = '';
                } else {
                        alert('There was an unexpected script error.\nPlease 
ensure that
you have not altered parts of it.');
                }

                // highlightEvent(day);
        } // addEvent.

        function highlightEvent(day) {
                Element.hide('addEventForm');
                $('calendarDay_'+day+'').style.background = '#<?= $eventColor 
?>';
        }

        function showLoginBox() {
                Element.show('loginBox');
        }

        function showCP() {
                Element.show('cpBox');
        }

        }
</script>
<script type="text/javascript">
<!--
$(document).ready(function(){
        $(".nav")
        .superfish({
                animation : { opacity:"show",height:"show"}
        })
});
//-->
</script>
[/code]

Regards,
ps - it´s very urgent! and thanks!