مشکل کد گالری من در IE6 و IE7 چیه؟

[Core_i6]

یه برنامه ی ساده نوشتم برای یک گالری که از دو تا دکمه ی "تصویر قبلی" و "تصویر بعدی" تشکیل میشه و کاربر با کلیک رو این دکمه ها به تصویر قبل و تصویر بعد هدایت میشه به علاوه ی اینکه شماره ی تصویر بعد هم نشون داده میشه
مشکل اینجاست که این برنامه در IE8 ، Chrome 5 و Firefox 3.6.8 به خوبی و بدون مشکل کار می کنه.
ولی در IE6 و IE7 به خوبی کار نمی کنه. مشکل اینجاست که وقتی برای اولین بار روی دکمه "تصویر بعدی" کلیک می کنم، تصویر بعدی به همراه شمارش به خوبی نشون داده میشه، ولی بری بار دوم که کلیک می کنم، هیچ اتفاقی نمی افته و تصویر و شمارش تغییر نمی کنه.
میخواستم علت مشکل از کجاست و چگونه میشه رفعش کرد؟

کد javascript مربوط به دکمه "تصویر بعدی" :


function next() {
var index = 0;

var imageList = Array("image117.jpg",
"image118.jpg",
"image119.jpg",
"image120.jpg",
"image121.jpg");

var placeHolder = document.getElementById("placeHolder");
var src = placeHolder.getAttribute("src");
for (var i=0; i< imageList.length;i++) {
if ( imageList[i] == src ) {
index = i;
}}
var nextIndex = index + 1;
if ( nextIndex >= imageList.length) {
nextIndex = 0;
}
placeHolder.setAttribute("src",imageList[nextIndex]);

var imageNum = document.getElementById("imageNum");
imageNum.firstChild.nodeValue = (nextIndex + 1) + "/" + imageList.length;
}کد html مربوط به بخش اصلی گالری :


<a href="#" title="تصویر بعدی" class="right-button" onclick="next(); return false;"></a>
<div id="imgframe">
<p id="imageNum" > 1/5 </p>
<img id="placeHolder" src="image117.jpg"" /><br/>
</div>
<a href="#" title="تصویر قبلی" class="left-button" onclick="back(); return false;"></a>