tengo el siguiente codigo php, que genera una grilla con imagenes, necesito hacer lo siguiente, una vez seleccionada una de las imagenes de la grilla, esta debe quedar seleccionada, algo que indique que fue esa imagen la que seleccioné, una vez que seleccione otra debe volver a su estado original.
<?PHP
include("conexion.php");
$codid=$_GET['id'];
$codfoto=$_GET['cod'];
$SQL= "SELECT * FROM categorias WHERE catid=".$codid;
$resultado=mySQL_query($SQL)or die("Error de consulta: ".$SQL);
$registro=mySQL_fetch_array($resultado);
$SQL2= "SELECT * FROM productos WHERE catid=".$codid;
$resultado2=mySQL_query($SQL2)or die("Error de consulta: ".$SQL2);
$registro2=mySQL_fetch_array($resultado2);
$SQL3= "SELECT * FROM productos WHERE idprod=".$codfoto;
$resultado3=mySQL_query($SQL3)or die("Error de consulta: ".$SQL3.mySQL_error());
$registro3=mySQL_fetch_array($resultado3);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Grilla</title>
<link href="classes_menu.css" rel="stylesheet" type="text/css">
<script>
//funcion para desvanecer la imagen
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all) return
if (object != "[object]"){
setTimeout("nereidFade("+object+","+destOp+","+
rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=
setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"
+destOp+","+rate+","+delta+")",rate);
}
}
</script>
</head>
<body style="padding-left:5px;" class="scrollsDiv">
<?PHP
echo"<table width=\"216\" border=\"0\" align=\"left\" cellpadding=\"3\" cellspacing=\"3\">";
$contador = 0;
echo "<tr width=\"300\">";
while($registro2=mySQL_fetch_array($resultado2)){
$contador+=1;
if($codid==1){
echo "<td><a onFocus=if(this.blur)this.blur() href=\"detalle.php?id=$registro2[catid]&cod=$registro2[idprod]\" target=\"rightFrame\" class=\"bordeimagen\"><img onMouseOver=nereidFade(this,50,30,5)
style=\"FILTER: alpha(opacity=100)\" onMouseOut=nereidFade(this,100,00,5) src= \"imagenes/imagenes_Optimizadas/moderno/chicas/$registro2[fotochica]\" width=\"54\" height=\"48\" style=\"border-color:#828282;\"></a></td>";
if($contador==4){
echo "</tr><tr>";
$contador=0;
}
}
if($codid==2){
echo "<td><a nFocus=if(this.blur)this.blur() href=\"detalle.php?id=$registro2[catid]&cod=$registro2[idprod]\" target=\"rightFrame\"><img onMouseOver=nereidFade(this,50,30,5)
style=\"FILTER: alpha(opacity=100)\" onMouseOut=nereidFade(this,100,00,5) src= \"imagenes/imagenes_Optimizadas/clasico/chicas/$registro2[fotochica]\" width=\"54\" height=\"48\" style=\"border-color:#828282;\"></a></td>";
if($contador==4){
echo "</tr><tr>";
$contador=0;
}
}
if($codid==3){
echo "<td><a onFocus=if(this.blur)this.blur() href=\"detalle.php?id=$registro2[catid]&cod=$registro2[idprod]\" target=\"rightFrame\"><img onMouseOver=nereidFade(this,50,30,5)
style=\"FILTER: alpha(opacity=100)\" onMouseOut=nereidFade(this,100,00,5) src= \"imagenes/imagenes_Optimizadas/rustico/chicas/$registro2[fotochica]\" width=\"54\" height=\"48\" style=\"border-color:#828282;\"></a></td>";
if($contador==4){
echo "</tr><tr>";
$contador=0;
}
}
}
mysql_free_result($resultado2);
echo"</table>";
?>
</body>
</html>