Javascript code interfering with each other

[dragonfly7]

I have javascript slideshow code and drop-down menus that are interfering with each other. The slideshow is working but the drop-downs are not. Can anyone help with this?

<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
<style type="text/css" media="screen">
	@import url("./dropdown1.css");
	@import url("./dropdown2.css");
</style>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
<script src="scripts/mootools-1.2.1-core-yc.js" type="text/javascript"></script>
<script src="scripts/mootools-1.2-more.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.js" type="text/javascript"></script>

[WolfShade]

I’m going to assume (based upon the fact that the first loaded script name begins with “mm_”) that you are trying to combine a DreamWeaver JS snippet for drop-down menus with a MooTools gallery.

Either ditch the DW snippet and find a MooTools method of menu drop-down, or kick MooTools to the curb and use something else for your other stuff.

While it is possible to use different “libraries” for things such as you are trying to do, you generally have to resort to hack-ish coding in order to get them to play well with each other.

Just my $0.03482 worth.