Salve!
Sto provando a installare un overlay sulle immagini del mio sito prendendolo da qui:
http://flowplayer.org/tools/demos/overlay/index.html

Ma non riesco a capire dove sbaglio!
Il js l'ho scaricanto e quindi non dovrebbe presentare errori. Ho seguito la guida sul sito e ho impostato la pagina in questo modo:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<script src="js/jquery.tools.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/overstyle.css"/>
</head>

<body>

[img]immagini/blog/blog_dream_img.png[/img]
[img]immagini/blog/blog_geisha_img.png[/img]


<div class="simple_overlay" id="mies1">

	
	[img]immagini/blog/blog_dream_img.jpg[/img]

	
	<div class="details">
		<h3>Bla1</h3>
		<h4>Bla1Bla1</h4>
		

Bla1Bla1Bla1</p>
  </div>

</div>


<div class="overlay" id="mies2">

	
	[img]immagini/blog/blog_geisha_screen.jpg[/img]

	
	<div class="details">
		<h3>Bla2</h3>
		<h4>Bla2Bla2</h4>
		

Bla2Bla2Bla2</p>
  </div>

</div>

<script type="text/javascript">
$(document).ready(function() {
$("img[rel]").overlay();
});

</script>

</body>
</html>
Qualcuno mi illumina per cortesia?