Почему этот ролловер не отображает новое изображение?

Question

У меня есть изображение, на котором код вызывает функцию JavaScript, которая должна изменить источник изображения на другое изображение. Вот код

Переменные:

var Simage = new Array() 
Simage[0] = new Image() 
Simage[0].src = "JavaScript.jpg"  
Simage[1] = new Image()
Simage[1].src = "JAVASCRIPT.png"
Simage[2] = new Image()
Simage[2].src = "JS.png"

Перечисленные выше переменные хранят источники изображений

HTML:

<img src="JavaScript.jpg" id="rollover" onmouseover="Roll(Simage[2])" onmouseout="Roll(Simage[1])" width="225" height="196">

Функция:

function Roll(i) {
document.getElementById("rollover").src = i;
}

При наведении мыши изображение меняется, но изображение остается пустым, как будто код не может найти новый источник изображения. Однако над ним у меня есть слайд-шоу с рабочим изображением, в котором используются те же переменные / источники изображений. Я предполагаю, что проблема с параметрами. Помогите?