Fading Background Images
<p>I'm using a simple script to change the background image of my website every X seconds. What I'd like to do is incorporate some sort of fade animation or a transition from one image to the next. What is the best way to achieve this?</p>

<p>I'm not very good with Javascript so PLEASE, bear with me. :)</p>

<pre><code>&lt;script type="text/javascript"&gt;
    var images = ['bg1.png', 'bg2.png', 'bg3.png'];
    var curImage = 0;
    function switchImage()
    {
        curImage = (curImage + 1) % images.length
        document.body.style.backgroundImage = 'url(images/' + images[curImage] + ')'
    }
    window.setInterval(switchImage, 5000);
&lt;/script&gt;
</code></pre>

<p>I read over and over and dont understand please so please someone give me a working code so i can copy and paste and get rid of this annoying job.
example here <a href="http://preferredmerchantservices.net/" rel="nofollow">http://preferredmerchantservices.net/</a></p>
