Fade out, replace html and fade in randomly
<p>I created effect for my online user images but  I have some problems with this script. I have 9 images. 3 images are hidden. When one random image fade out i want to replace it with one of hidden images. I don't want to see same images in first 6 images.</p>

<p><a href="http://seninsayfan.net/user.html" rel="nofollow">http://seninsayfan.net/user.html</a></p>

<pre><code>$(document).ready(function() {
setInterval(function() {
 var pic = 1 + Math.floor(Math.random() * 6);
  var picture = 1 + Math.floor(Math.random() * 9);
$(".image-" + pic).each(function() {
$(this).fadeOut(500, function() {
     $(this).html($(".image-" + picture).html());
    });
$(this).fadeIn(500);
});
}, 1000);
});
</code></pre>

<p>Thanks All Masters</p>
