[profi555]

Имеется такой скрипт:

var _tOut;
var _delay = 100;
var _index = 1;
function myImage(_src) {
var _image = new Image;
_image.src = _src;
this._image = _image;
}
var imagesArray = new Array (
new myImage('images/1.gif'),
new myImage('images/2.gif'),
new myImage('images/3.gif'),
new myImage('images/4.gif'),
new myImage('images/5.gif'),
new myImage('images/6.gif'),
new myImage('images/7.gif'),
new myImage('images/8.gif')
)
function change(_img, _src) {
document.images[_img].src = _src.src;
_index++;
if (_index >= imagesArray.length) {
 _index = 0;
}
}
function doRotate() {
change("rotatingHouse", imagesArray[_index]._image);
_tOut = setTimeout("doRotate()", _delay);
}
function startRotate() {
_tOut = setTimeout("doRotate()", _delay);
}
function stopRotate() {
clearTimeout(_tOut);
}

в HTML:

<TABLE cellSpacing=0 cellPadding=0 width=237 border=0>
             <TR>
               <TD align=middle><A onmouseover="javascipt: startRotate();"
                 onmouseout="javascipt: stopRotate();"
                 href="#"><IMG height=138 alt=""
                 src="images/1.gif" width=130
                 border=0 name=rotatingHouse></A></TD></TR>
</TABLE>

Смысл такой: наводишь мышку - получается анимация.

Как сделать таких несколько независимых анимаций на одной странице?!?
(может присвоить id или еще как)

пример анимации: http://opt-time.ru/proba/index.html

Пытался сделать на DIV'ах - работает либо один, либо другой.. либо вообще пропадают. Увлекаюсь этим буквально несколько дней, поэтому прошу помощи)

Заранее благодарен..