data=[
    ["/public/images/defil/plat1.jpg","Raviolis pekinois grilles","/commander/articles/cat/1"],
    ["/public/images/defil/plat2.jpg","Raviolis aux crevettes","/commander/articles/cat/1"],
    ["/public/images/defil/plat3.jpg","Brochettes au poulet","/commander/articles/cat/8"],
    ["/public/images/defil/plat4.jpg","poulet au champinions noir","/commander/articles/cat/5"],
    ["/public/images/defil/plat5.jpg","Boeuf loc lac","/commander/articles/cat/6"],
    ["/public/images/defil/plat6.jpg","Raviolis frits","/commander/articles/cat/3"],
    ["/public/images/defil/plat7.jpg","Crabe farci","/commander/articles/cat/3"],
    ["/public/images/defil/plat8.jpg","Samoussa","/commander/articles/cat/3"],
    ["/public/images/defil/plat9.jpg","Beignet de crevette","/commander/articles/cat/3"],
    ["/public/images/defil/plat10.jpg","Potage thailandais aux crevettes a la citronnelle","/commander/articles/cat/2"],
    ["/public/images/defil/plat11.jpg","Nems aux crevettes","/commander/articles/cat/3"],
    ["/public/images/defil/plat12.jpg","Assortiment a la vapeur","/commander/articles/cat/1"]
    ]
imgPlaces=5 // number of images visible
imgWidth=180 // width of the images
imgHeight=120 // height of the images
imgSpacer=20 // 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=4
timer=""
speed=40
nextPic=0
initPos=new Array()
nowDivPos=new Array()
function initHIS3(){
    for(var i=0;i<imgPlaces+1;i++){
        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("area").appendChild(newImg)
    }
    containerEL=document.getElementById("defil")
    displayArea=document.getElementById("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= -200
    for(var i=0;i<imgPlaces+1;i++){
        currentImage=document.getElementById("pic_"+i)
        if(dir==0){
            imgPos+=200
            } // 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.title=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.title=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
    }
}

