Fade mellem billeder fra DB

Er igang med at lave en hjemmeside hvor banneret skal fade mellem de forskellige bannere fra db dette er min tætteste løsning men den fader 2 gange på hver billedet,
PLEASE HELP

<script type="text/javascript">
//<![CDATA[
$(window).load(function(){
var $elements = $('#pic1, #pic2');

function anim_loop(index) {
    $elements.eq(index).fadeIn(1000, function() {
        var $self = $(this);
        setTimeout(function() {
            $self.fadeOut(1000);
            anim_loop((index + 1) % $elements.length);
        }, <?php echo $tid; ?>);
    });
}

anim_loop(0);
});//]]> 
</script>

      <?php
        $id = $_GET['id'];
       
    $billede_sql = "SELECT * FROM topbanner WHERE lang = $id ORDER BY sortnr ASC";
    $billede_result = mysql_query($billede_sql) or die(mysql_error());
 
 
      while ($billede_row = mysql_fetch_assoc($billede_result)) {
      $tal = $billede_row['sortnr'];
      $banner = $billede_row['banner'];
     
      echo "<div id='pic1'><img src='admin/banner_pic/$banner' class='img-responsive'></div>";
     
      echo "<div id='pic2'><img src='admin/banner_pic/$banner' class='img-responsive'></div>";

        }
?>