<img id="himg1" style="display:none; position: absolute; margin: 0 auto;" src="/sl_1.jpg" />

<img id="himg2" style="display:none; position: absolute; margin: 0 auto;" src="/sl_2.jpg" />

<script type="text/javascript">

    var cnt = 2;

    var i = 1 + Math.floor(Math.random() * cnt);

     $('himg' + i).style.display = '';

  



    function renewQuote() {

        Effect.Fade('himg' + i, { duration: 2, delay: 0.0 }); 

   

        i = (i >= cnt) ? 1 : i + 1;

        Effect.Appear('himg' + i, { duration: 2, delay: 0.0 }); 

   

    }



    setInterval("renewQuote();", 4000);

</script>

    var cnt = 2;

    var i = 1 + Math.floor(Math.random() * cnt);

     $('himg' + i).style.display = '';

  



    function renewQuote() {

        Effect.Fade('himg' + i, { duration: 2, delay: 0.0 }); 

   

        i = (i >= cnt) ? 1 : i + 1;

        Effect.Appear('himg' + i, { duration: 2, delay: 0.0 }); 

   

    }



    setInterval("renewQuote();", 4000);