mootools accordion and menu matic conflict

[omerbutt]

hi i am making a page SEE HERE where i am using menu matic and slideshow , i need to use mootools accordion and when i try to put in this code the menu and slide show both stop working except the accordion is working fine ,

<script src="http://jashanbanquet.omaraslam.com/assets/js/mootools/accordion.js"></script>
    <script type="text/javascript">
        window.addEvent('domready', function() {
        var accordion = new Accordion('h3.atStart', 'div.atStart', {
                opacity: false,
                onActive: function(toggler, element){
                    toggler.setStyle('color', '#ff3300');
                },
 
                onBackground: function(toggler, element){
                    toggler.setStyle('color', '#222');
                }
            }, $('accordion'));
            });        
    </script>
 

all 3 are using mootools but i dont know why when i insert the accordion , it starts conflicting , although i a using jquery too at the same time but that never bothered ,
actually it is the file accordion.js that when included the slide show and menu matic stop working , when i say menu matic stop working i mean it does not render the menu properly if you hover the about link in the menu you will see the drop down menu opens but it is distorted and itis not giving me any errors :S which is annoying , can any boy help ,
regards,
Omer Aslam

[omerbutt]

solved , i used the latest version for mootools 1.2.5