jQuery Clash with other javascript?

jQuery Clash with other javascript?

Hi,

So I'm trying to create a simple overly but I think i'm doing something wrong with the ordering of my javascript or something, the page is http://blackpaint.co.uk/BlackPaint09/of ... index.html

here is the overlay by itself (working version) http://blackpaint.co.uk/BlackPaint09/Jq ... elete.html

which is this:

<script src="cdn.jquerytools.org 1.0.2 jquery.tools.min.js"></script>
<script src="../../Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("button[rel]").overlay();
});
</script>

<link href="../css/overlay-minimal.css" rel="stylesheet" type="text/css" />

</head>

<body>
<button type="button" rel="#overlay">Open overlay</button>

<div class="overlay" id="overlay">
Overlay test
</div>
</body>
</html>




Anybody know where i've gone wrong?
Thank you