I'm trying to plug lightbox 2 into my new website and it just isn't working. It's an art portfolio sight with painting images. Here is some sample html
(The head)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns="http://www.w3.org/1999/xhtml">
<title>Josh Bishop</title>

<meta http-equiv="Content-Type"
content="text/html; charset=utf-8"/>
<link href="style2.css" rel="stylesheet" type="text/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>


(and now the link to the image)

<a href="gallery/Dingle Harbor.jpg" width="400" height="309" rel="lightbox"><img src="gallery/tn_dingle harbor.jpg" width="200" height="154"
alt="plein air painting from Dingle harbor"/></a>

The link from tn to the actual image works fine, but lightbox isn't activating.
obviously there is some sort of conflict in the script, but I am VERY new to web design and I can't find it. Any help?? Thanks very much