html onmouseover如何对多个div层中的图片自动播放

问题是这样的：我有多个div层，每个div层有若干张图片，我想实现图片自动播放，但是用了setInterval()和onmouseover(),onmouseout()等函数，却发现：
1每次鼠标要先移动到图片上，再离开图片，图片才会自动播放，而不是我一进入网页就自动播放每个div层的图片
2每次最多有一个div层中的图片会自动播放图片，其余的不会自动播放图片。
下面是我的代码

var picTimer; function play_pic(object) { var curIndex = 0; var timeInterval = 1000; var arr = new Array(); arr[0] = "1.jpg"; arr[1] = "2.jpg"; arr[2] = "3.jpg"; arr[3] = "4.jpg"; arr[4] = "5.jpg"; picTimer = setInterval(function() { var obj = object; if(curIndex == arr.length - 1) { curIndex = 0; } else { curIndex += 1; } obj.src = arr[curIndex]; } , timeInterval); } function stop_pic(object) { clearInterval(picTimer); }