Java - efecto extraño, pequeño ajuste en este codigo ,gracias

Hola amigos veran tengo el siguiente codigo en el que funciona todo bien a falta de un pequeño ajuste les explico:

el codigo es un javascript que hace aparecer mediante un face in el contenido de un div (capa) se mantiene unos segundos y desaparece con face out

el contenido de dicho div es un php que hace aparecer una foto de manera aleatoria con "rand".


Hasta ahi todo bien, el problema es que cuando aparece el contenido mediante face in aparece una foto aleatoria (hasta ahi bien), pero despues esta desaparace de golpe y aparece la siguiente aleatoria y luego hace el face out para desvanecerse .

y claro entre face in y face out solo debe aparecer 1 sola foto aleatoria no dos. espero me haya explicado bien.

y vuelta a repetir el proceso.

aqui pongo el codigo, de ante mano muchas gracias y felicidades por el foro.

--------------------------------------------------------------------------------------------

<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>

<script>

var auto_refresh = setInterval(
function()
{
$('#loaddiv').fadeOut(2000).load('reload.php').fadeIn(2000);}, 5000);

</script>


-----------------------------------------------------------------------------------------------
<div id="loaddiv">

<?php

include("lib/mini_conex.php");
$link=Conectar();

?>



<?php

$sql = mysql_query("SELECT id,img FROM productos ORDER BY RAND() LIMIT 2",$link);

if (mysql_num_rows($sql) > 0)
{

while($row = mysql_fetch_array($sql))

$id = $row['id'].$img = $row['img'];

echo " <a href='perfil_user.php?id=$id' > <img src = '$img' style='height:40px'/> </a> ";

}

?>


</div>