Javascript Colliding

Hi,

My knowledge of javascript is very minimal and I am trying to put a picture slideshow in along with my navigation bar calls some javascript. When one code is active the other doesn’t work and vice versa. What in the world is causing the conflict?

This is the small script located in the html page:

[code=html]<script type=”text/javascript”>
$(document).ready(function(){

$(“ul.subnav”).parent().append(“<span></span>”); //Only shows drop down trigger when js is enabled – Adds empty span tag after ul.subnav

$(“ul.topnav li span”).click(function() { //When trigger is clicked…

//Following events are applied to the subnav itself (moving subnav up and down)
$(this).parent().find(“ul.subnav”).slideDown(‘fast’).show(); //Drop down the subnav on click

$(this).parent().hover(function() {
}, function(){
$(this).parent().find(“ul.subnav”).slideUp(‘slow’); //When the mouse hovers out of the subnav, move it back up
});

//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
$(this).addClass(“subhover”); //On hover over, add class “subhover”
}, function(){ //On Hover Out
$(this).removeClass(“subhover”); //On hover out, remove class “subhover”
});

});
</script>[/code]

The other js file is located here: [URL=”http://thelocallister.com/NEW/slider/scripts/mootools-1.2.1-core-yc.js”]http://thelocallister.com/NEW/slider/scripts/mootools-1.2.1-core-yc.js[/URL]

Also in #JavaScript _↴