quando clicasse na imagem do móvel abrisse a box com os detalhes

[LucasCairesF 8]

Oi galera, segue meu código:

 

//Javascript
 
function detalhes (id){
$(".detalhes").click(function(){
$("#detalhes").fadeIn(200)
})}
 
//Php
 

 
<?
$sql = "SELECT * FROM valor_bbh LIMIT 99999999999";
$res = mysql_query($sql) or die(mysql_error());
 
$i=0;
while($row=mysql_fetch_array($res)){   if($i%3==0){   echo "<tr>";   
}
?>
 
// Local onde apareceria
 

<div id="detalhes" style="display:none; z-index:999999999999999999;">
<div id="fundo" style="width:100%; height:100%; left:0; top:0; position:absolute; background:rgba(000,000,000,0.80)"></div>
<div id="detalhado">
Nome: <?php
$string = "$row[name]";
$string = strip_tags($string);
 $mob = $string;
 $max = 39; $str = "$mob";        
               echo substr_replace($str, (strlen($str) > $max ? '...' : ''), $max);
 ?>
</div>
</div>


 

 

Bom é o seguinte eu gostaria que quando clicasse na imagem do móvel abrisse a box com os detalhes... Eu consegui fazer pra abrir a box mas quando clica no móvel sempre abre os detalhes do primeiro móvel! Se clico no ultimo abre os detalhes do primeiro, e assim vai! Alguem me ajuda?

[LucasCairesF 8]

Depois de uma madrugada quebrando cabeça achei meu erro '-' e alterei o meu js e coloquei o seguinte

function detalhado(id){
$("#detalhes").html('');
$("#detalhes").load("detalhes.php?id="+id);
}