<!--
// ********** User Defining Area **********

data=[
["imgs/vins/farandole_rose_et_or.jpg","Rose et Or 2010","vin_rose_or.htm","700"],
["imgs/vins/farandole_rouge_et_or.jpg","Rouge et Or 2010","vin_rouge_or.htm","740"],
["imgs/vins/farandole_blanc_et_or.jpg","Blanc et Or 2010","vin_blanc_or.htm","720"],

["imgs/vins/farandole_prestige_rose.jpg","Prestige Rosé 2010","vin_prestige_rose.htm","730"],
["imgs/vins/farandole_prestige_rouge.jpg","Prestige Bouge 2009","vin_prestige_rouge.htm","760"],
["imgs/vins/farandole_prestige_blanc.jpg","Prestige Blanc 2010","vin_prestige_blanc.htm","710"] // no comma at end of last index
]


imgPlaces=5	// number of images visible
imgWidth=100	// width of the images
imgHeight=250	// height of the images
imgSpacer=0	// space between the images
speed=18	// vitesse de défilement
swait=1000	// attente avant lancement de la farandole
moz=document.getElementById&&!document.all
dir=0		// 0 = left, 1 = right
newWindow=0	// 0 = Open a new window for links 0 = no  1 = yes

// ********** End User Defining Area **********


step=1
timer=""
nextPic=0
initPos=new Array()
nowDivPos=new Array()
timer=""


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
	newImg.style.height=imgHeight
	newImg.style.border=0
	newImg.style.cursor="pointer"
	newImg.style.cursor="hand"
	newImg.alt=""
	newImg.i=i
	newImg.onclick=function(){his5Win(data[this.i][2],data[this.i][3])}		// le lien associé à l'image
	//newImg.onmouseover=function(){mouseOv(this,data[this.i][3])}	// l'image onmouseover
	//newImg.onmouseout=function(){mouseOu(this,data[this.i][0])}	// l'image onmouseout

  document.getElementById("display_area").appendChild(newImg)
 }

 containerEL=document.getElementById("farandole")
 displayArea=document.getElementById("display_area")
 pic0=document.getElementById("pic_0")

 containerBorder=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=(!moz?"rect(0,"+containerWidth+","+imgHeight+",0)":"rect(0,"+containerWidth+","+imgHeight+",0)")
 displayArea.onmouseover=function(){stopHIS5()}
 displayArea.onmouseout=function(){scrollHIS5()}
 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(){his5Win(data[this.i][2],data[this.i][3])}
	nextPic++
 }

 timer=setTimeout("scrollHIS5()",swait)
}



function mouseOv(img,t)
{
img.src=t;
}

function mouseOu(img,t)
{
img.src=t;
}

function goLeft()
{
 dir=0;
}

function goRight()
{
 dir=1;
}



function scrollHIS5()
{
 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(){his5Win(data[this.i][2],data[this.i][3])}
	  nextPic++
	}
	else
	{
		currentImage.style.left=nowDivPos[i]+"px"
	}
 }
 timer=setTimeout("scrollHIS5()",speed)
}


function stopHIS5()
{
 clearTimeout(timer)
}

function his5Win(loc, frameheight)
{
 if(loc==""){return}
 if(newWindow==0)
 {
	//top.location=loc
	parent.document.getElementById("iContenu").height=frameheight+"px";
	parent.iContenu.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()
 }
}

// add onload="initHIS3()" to the opening BODY tag
// -->