I'm working on a web site and on the home page I have included a javascript "Image scroller" taken from this web site: The Huntingground
This works fine in Firefox, Opera and Chrome but not in IE9. I know that IE9 has lots of issues but I would like to get this page to work on all browsers if possible. (I do tend to design for Firefox as that is the browser that I prefer) The page can be found HERE. I have also attached the script code. I would appreciate any help that I can get to solve this issue.

Thanks in advance

Code JavaScript:
<script type="text/javascript">
 
<!--
// Jeff
// [url]www.huntingground.freeserve.co.uk[/url]
 
// ********** User Defining Area **********
 
data=[
["../images/b11.jpg","","../images/b11.jpg"],
["../images/b12.jpg","","../images/b12.jpg"],
["../images/b13.jpg","","../images/b13.jpg"],
["../images/b14.jpg","","../images/b14.jpg"],
["../images/b15.jpg","","../images/b15.jpg"],
["../images/b16.jpg","","../images/b16.jpg"],
["../images/b17.jpg","","../images/b17.jpg"],
["../images/b18.jpg","","../images/b18.jpg"],
["../images/b19.jpg","","../images/b19.jpg"],
["../images/b20.jpg","","../images/b20.jpg"],
["../images/b21.jpg","","../images/b21.jpg"],
["../images/b22.jpg","","../images/b22.jpg"],
["../images/b23.jpg","","../images/b23.jpg"],
["../images/b24.jpg","","../images/b24.jpg"],
["../images/b25.jpg","","../images/b25.jpg"] // no comma at end of last index
]
 
imgPlaces=9 // number of images visible
imgWidth=190 // width of the images
imgHeight=125 // height of the images
imgSpacer=5 // space between the images
 
dir=1 // 0 = left, 1 = right
 
newWindow=1 // 0 = Open a new window for links 0 = no  1 = yes
 
// ********** End User Defining Area **********
 
moz=document.getElementById&&!document.all
 
step=1
timer=""
speed=45
nextPic=0
initPos=new Array()
nowDivPos=new Array()
 
function initHIS3(){
 
for(var i=0;i<imgPlaces+1;i++){ // create image holders
newImg=document.createElement("IMG")
newImg.setAttribute("id","pic_"+i)
newImg.setAttribute("src","")
newImg.style.position="absolute"
newImg.style.width=imgWidth+"px"
newImg.style.height=imgHeight+"px"
newImg.style.border=0
newImg.alt=""
newImg.i=i
newImg.onclick=function(){his3Win(data[this.i][2])}
document.getElementById("display_area").appendChild(newImg)
}
 
containerEL=document.getElementById("his3container")
displayArea=document.getElementById("display_area")
pic0=document.getElementById("pic_0")
 
containerBorder=(document.compatMode=="CSS1Compat"?0:parseInt(containerEL.style.borderWidth)*2)
containerWidth=(imgPlaces*imgWidth)+((imgPlaces-1)*imgSpacer)
containerEL.style.width=containerWidth+(!moz?containerBorder:"")+"px"
containerEL.style.height=imgHeight+(!moz?containerBorder:"")+"px"
 
displayArea.style.width=containerWidth+"20px"
displayArea.style.clip="rect(0,"+(containerWidth+"px")+","+(imgHeight+"px")+",0)"
displayArea.onmouseover=function(){stopHIS3()}
displayArea.onmouseout=function(){scrollHIS3()}
 
imgPos= -pic0.width
 
for(var i=0;i<imgPlaces+1;i++){
currentImage=document.getElementById("pic_"+i)
 
if(dir==0){imgPos+=pic0.width+imgSpacer} // if left
 
initPos[i]=imgPos
if(dir==0){currentImage.style.left=initPos[i]+"px"} // if left
 
if(dir==1){ // if right
document.getElementById("pic_"+[(imgPlaces-i)]).style.left=initPos[i]+"px"
imgPos+=pic0.width+imgSpacer
}
 
if(nextPic==data.length){nextPic=0}
 
currentImage.src=data[nextPic][0]
currentImage.alt=data[nextPic][1]
currentImage.i=nextPic
currentImage.onclick=function(){his3Win(data[this.i][2])}
nextPic++
}
 
scrollHIS3()
}
 
timer=""
function scrollHIS3(){
clearTimeout(timer)
for(var i=0;i<imgPlaces+1;i++){
currentImage=document.getElementById("pic_"+i)
 
nowDivPos[i]=parseInt(currentImage.style.left)
 
if(dir==0){nowDivPos[i]-=step}
if(dir==1){nowDivPos[i]+=step}
 
if(dir==0&&nowDivPos[i]<= -(pic0.width+imgSpacer) || dir==1&&nowDivPos[i]>containerWidth){
 
if(dir==0){currentImage.style.left=containerWidth+imgSpacer+"px"}
if(dir==1){currentImage.style.left= -pic0.width-(imgSpacer*2)+"px"}
 
if(nextPic>data.length-1){nextPic=0}
 
currentImage.src=data[nextPic][0]
currentImage.alt=data[nextPic][1]
currentImage.i=nextPic
currentImage.onclick=function(){his3Win(data[this.i][2])}
 
nextPic++
 
}
else{
currentImage.style.left=nowDivPos[i]+"px"
}
 
}
timer=setTimeout("scrollHIS3()",speed)
 
}
 
function stopHIS3(){
clearTimeout(timer)
}
 
function his3Win(loc){
if(loc==""){return}
if(newWindow==0){
location=loc
}
else{
//window.open(loc)
newin=window.open(loc,'win1','left=430,top=340,width=550,height=350') // use for specific size and positioned window 
newin.focus()
}
}
 
// add onload="initHIS3()" to the opening BODY tag
 
// -->
</script>