Probléme de lien avec Jquery dans un while.

Bonjour,

J'ai un souci avec le toolkit de jquery. Je m'explique, je fait un tableau avec des infos d'un BDD. La première colonne ne change pas, c'est toujours le même nom. Sur ce nom, je fait un Href vide avec le #, afin d'ouvrir une infobulle cliquable. Je premier lien du tableau fonctionne, mais pas les autres...

Voici le code CSS :

<style type="text/css" media="all">

#window
{
	position: absolute;
	left: 200px;
	top: 100px;
	width: 510px;
	height: 320px;
	overflow: hidden;
	display: none;
}
#windowTop
{
	height: 30px;
	overflow: 30px;
	background-image: url(images/window_top_end.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	cursor: move;
}
#windowTopContent
{
	margin-right: 13px;
	background-image:url(images/window_top_start.png);
	background-position:left top;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #6caf00;
}
#windowMin
{
	position: absolute;
	right: 25px;
	top: 10px;
	cursor: pointer;
}
#windowMax
{
	position: absolute;
	right: 25px;
	top: 10px;
	cursor: pointer;
	display: none;
}
#windowClose
{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
#windowBottom
{
	position: relative;
	height: 300px;
	background-image: url(images/window_bottom_end.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#windowBottomContent
{
	position: relative;
	height: 300px;
	background-image: url(images/window_bottom_start.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 13px;
}
#windowResize
{
	position: absolute;
	right: 3px;
	bottom: 5px;
	cursor: se-resize;
}
#windowContent
{
	position:absolute;
	top: 25px;
	left: 10px;
	width: auto;
	height: auto;
	overflow: auto;
	margin-right: 10px;
	border: 1px solid #6caf00;
	height: 275px;
	width: 485px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
}
#windowContent *
{
	margin: 10px;
}
.transferer2
{
	border: 1px solid #6BAF04;
	background-color: #B4F155;
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;
}
</style>

Et voici mon morceau de code PHP/HTML :

    <tr bgcolor="<? echo switchcolor();?>" align="center">
      	<td bordercolor="#333333" align="center" bgcolor="#333333" valign="middle">
        	<a href="#" id="windowOpen"><? echo $residence;?></a>
        </td>
        <td bordercolor="#333333" align="center"><? echo $row[2];?></td>
        <td bordercolor="#333333" align="center"><? echo $row[3];?></td>
        <td bordercolor="#333333" align="center"><? echo $row[4];?></td>
        <td bordercolor="#333333" align="center"><? echo $row[5];?></td>
        <td bordercolor="#333333" align="center"><? echo $row[6];?></td>
        <td bordercolor="#333333" align="center"><? echo $row[7];?></td>
        <td bordercolor="#333333" align="center"><? echo $total_surf;?></td>
        <td bordercolor="#333333" align="center"><? echo $row[8];?></td>
        <td bordercolor="#333333" align="center"><? echo $row[9];?> et <? echo $row[10];?></td>
        <td bordercolor="#333333" align="center"><? echo $row[11];?></td>
        <td bordercolor="#333333" align="center"><? echo $row[12];?></td>
        <td bordercolor="#333333" align="center"><? echo $total_prix;?></td>
        <td bordercolor="#333333" align="center"><? echo $row[13];?></td>
        <td bordercolor="#333333" align="center"><? echo $sd;?></td>
        <td bordercolor="#333333" align="center"><? echo $defisc;?></td>
        <td bordercolor="#333333" align="center"><? echo $loyer;?></td>
        <td bordercolor="#333333" align="center" bgcolor="#333333"><a href="<? echo $dl_doc;?>">&nbsp;&nbsp;Documents&nbsp;&nbsp;</a></td>
    </tr>
<?
}
?>
<div id="window" align="center">
	<div id="windowTop">
		<div id="windowTopContent"><? echo $residence;?></div>
		<img src="images/window_min.jpg" id="windowMin" />
		<img src="images/window_max.jpg" id="windowMax" />
		<img src="images/window_close.jpg" id="windowClose" />
	</div>
	<div id="windowBottom">
    	<div id="windowBottomContent">&nbsp;</div>
    </div>
	<div id="windowContent">
    	<p><img src="abstract.jpg"/></p>
		<a href="#"> Telechargement Doc 1 </a> | <a href="#"> Telecharger Doc 2 </a> | <a href="#"> Telecharger Doc 3 </a> | <a href="#"> Telecharger Doc 4 </a> 
    </div>
	<img src="images/window_resize.gif" id="windowResize" />
</div>

Grand merci pour votre aide...

Neobreiz