One Script beating the other

Hello. my name is Bobby C. I am completely new to using Java. I have a page with working lightboxes. Last night I added a java drop down menu and the lightboxes stopped working. Cutting the menu java out lets the lightbox work. Without the lightbox the menu works. I am not sure if this is a z-index battle or the fact that I am trying to have two script functions on the same page. I have taken the code and moved it all around trying to get them both working with no luck. After looking around for a couple days with no idea what all the code means, I came here. There is a ton of information online, but you need to be able to read it. @#$%^&* means nothing to me. I am attaching my mess of a head tag in hopes that someone could give me a better chance of getting this to function. Java script is very interesting to me and I am picking up quite a bit just messing with this one project. Thanks in advance for any help received.

<head>
<script type="text/javascript">
$(document).ready(function() {
$("ul#jDropDown").jDropDown({
'effect' : '',
'notMenu' : '.home', // exclude menu (.home in examples)
'duration' : {
'fadeIn' : 300,
'fadeOut' : 60,

'slideIn' : 300,
'slideOut' : 60
}
});
});
</script>

<script type="text/javascript" src="../js/jquery-1.5.js"></script>
<script type="text/javascript" language="javascript" src="js/dropdown.class.js"></script>
<script type="text/javascript" language="javascript" src="js/layout.class.js"></script>


<link rel="stylesheet" media="screen" type="text/css" href="css/colorpicker.css" />
<script type="text/javascript" src="colorpiker/js/colorpicker.js"></script>

<title>Projects</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link href="projects_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection"/>


<link rel="stylesheet" href="css/menu.css" type="text/css"/>




<link rel="stylesheet" href="engine/css/vlightbox1.css" type="text/css" />

<link rel="stylesheet" href="engine/css/vlightbox2.css" type="text/css" />

<link rel="stylesheet" href="engine/css/vlightbox3.css" type="text/css" />

<link rel="stylesheet" href="engine/css/vlightbox4.css" type="text/css" />

<link rel="stylesheet" href="engine/css/vlightbox5.css" type="text/css" />

<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />

<script src="../js/jquery-1.5.js" type="text/javascript"></script>

<script src="engine/js/visuallightbox.js" type="text/javascript"></script>

<script src="engine/js/vlbdata.js" type="text/javascript"></script>


</head>