roll-over script not working
<p>I am trying to make a mouse roll-over. i.e when user places the pointer on the image mouse over event is triggered and the next image from the array comes over.But nothing is happening when i am running this script :</p>

<pre><code>window.onload = startRollOver;

var pictures = new  Array("1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7.jpg","8.jpg");
var i = 0;

function startRollOver() {
document.getElementById("picture").src.onmouseover = createRollOver();
}

function createRollOver() {
if(i&lt;=7)
   return pictures[i++];
 if(i&gt;7) {
    i=0;
    return pictures[i];
 }
}
</code></pre>

<p>Where am i going wrong ?</p>
