Mulitple jquery plugins at once not working

Mulitple jquery plugins at once not working

Hi, i am trying to use both the lightbox plugin ( http://www.huddletogether.com/projects/lightbox2/ )

and a fade in/out effect ( http://hv-designs.co.uk/2010/01/13/learn-how-to-add-a-jquery-fade-in-and-out-effect/ )

at once on a set of thumbnail pictures in a website.    [you can see the site as it is so far here www.revelrythieves.com/aphotic/photos]

For some reason, only one or the other will work.


My <head> currently looks like this:

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

<!-- TemplateBeginEditable name="title" -->
<title>Revelry Thieves | Aphotic EP out now</title>
<!-- TemplateEndEditable -->

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


<!-- fade in/out jquery -->
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>


<!-- lightbox jquery/css -->
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


<!-- mouse over for menu -->
<script language="Javascript"> <!-- javascript for hover on menu -->
<!--
//Slide Show script (this notice must stay intact)
//For this and more scripts
//visit java-scripts.net or http://wsabstract.com

if (document.images) {
     news = new Image
     newsHover = new Image
     news.src = 'images/navigation/news.png'
     newsHover.src = 'images/navigation/news_hover.png'
     
     live = new Image
     liveHover = new Image
     live.src = 'images/navigation/live.png'
     liveHover.src = 'images/navigation/live_hover.png'
     
     band = new Image
     bandHover = new Image
     band.src = 'images/navigation/band.png'
     bandHover.src = 'images/navigation/band_hover.png'
     
     discography = new Image
     discographyHover = new Image
     discography.src = 'images/navigation/discography.png'
     discographyHover.src = 'images/navigation/discography_hover.png'
     
     photos = new Image
     photosHover = new Image
     photos.src = 'images/navigation/photos.png'
     photosHover.src = 'images/navigation/photos_hover.png'
     
     videos = new Image
     videosHover = new Image
     videos.src = 'images/navigation/videos.png'
     videosHover.src = 'images/navigation/videos_hover.png'
     
     myspace = new Image
     myspaceHover = new Image
     myspace.src = 'images/navigation/myspace.png'
     myspaceHover.src = 'images/navigation/myspace_hover.png'     
 }
//-->
</script>


</head>


I'm not amazing at coding tbh, just kind of taught myself.

Is there something wrong with like the ordering of the <script> things, or something else? I really dont really know enough about jquery to work it out myself...

Thanks
Ben