imgPlaces=4 // number of images visible
imgWidth=144 // width of the images
imgHeight=96 // height of the images
imgSpacer=9 // space between the images

dir=0 // 0 = left, 1 = right

newWindow=0 // 0 = Open a new window for links 0 = no  1 = yes

// ********** End User Defining Area **********

moz=document.getElementById&&!document.all

step=1
timer=""
speed=16
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(filmstrip_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+"px"
    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==filmstrip_data.length){nextPic=0}

        currentImage.src=filmstrip_data[nextPic][0]
        currentImage.alt=filmstrip_data[nextPic][1]
        currentImage.i=nextPic
        currentImage.onclick=function(){his3Win(filmstrip_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>filmstrip_data.length-1){nextPic=0}
                currentImage.src=filmstrip_data[nextPic][0]
                currentImage.alt=filmstrip_data[nextPic][1]
                currentImage.i=nextPic
                currentImage.onclick=function(){his3Win(filmstrip_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=300,height=300') // use for specific size and positioned window
            newin.focus()
        }
}