// JavaScript Document
<!--
// Jeff
// www.huntingground.freeserve.co.uk

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

data=[
["images/foto gruttman 1.jpg","Alt / Foto Gruttman","images/foto gruttman 1.jpg"],
["images/foto gruttman 2.jpg","Alt / Foto Gruttman","images/foto gruttman 2.jpg"],
["images/foto gruttman 3.jpg","Alt / Foto Gruttman","images/foto gruttman 3.jpg"],
["images/foto gruttman 4.jpg","Alt / Foto Gruttman","images/foto gruttman 4.jpg"],
["images/foto gruttman 5.jpg","Alt / Foto Gruttman","images/foto gruttman 5.jpg"],
["images/foto gruttman 6.jpg","Alt / Foto Gruttman","images/foto gruttman 6.jpg"],
["images/foto gruttman 7.jpg","Alt / Foto Gruttman","images/foto gruttman 7.jpg"],
["images/foto gruttman 8.jpg","Alt / Foto Gruttman","images/foto gruttman 8.jpg"],
["images/foto gruttman 9.jpg","Alt / Foto Gruttman","images/foto gruttman 9.jpg"],
["images/foto gruttman 10.jpg","Alt / Foto Gruttman","images/foto gruttman 10.jpg"],
["images/giardino_1.jpg","Alt / Giardino","images/giardino_1.jpg"],
["images/giardino_2.jpg","Alt / Giardino","images/giardino_2.jpg"],
["images/giardino_3.jpg","Alt / Giardino","images/giardino_3.jpg"],
["images/giardino_4.jpg","Alt / Giardino","images/giardino_4.jpg"],
["images/giardino_5.jpg","Alt / Giardino","images/giardino_5.jpg"],
["images/giardino_6.jpg","Alt / Giardino","images/giardino_6.jpg"],
["images/giardino_7.jpg","Alt / Giardino","images/giardino_7.jpg"],
["images/giardino_8.jpg","Alt / Giardino","images/giardino_8.jpg"],
["images/giardino_9.jpg","Alt / Giardino","images/giardino_9.jpg"],
["images/giardino_10.jpg","Alt / Giardino","images/giardino_10.jpg"],
["images/giardino_11.jpg","Alt / Giardino","images/giardino_11.jpg"],
["images/giardino_12.jpg","Alt / Giardino","images/giardino_12.jpg"],
["images/giardino_13.jpg","Alt / Giardino","images/giardino_13.jpg"],
["images/laghetto_01.jpg","Alt / Laghetto Interno","images/laghetto_01.jpg"],
["images/laghetto_02.jpg","Alt / Laghetto Interno","images/laghetto_02.jpg"],
["images/laghetto_03.jpg","Alt / Laghetto Interno","images/laghetto_03.jpg"],
["images/laghetto_04.jpg","Alt / Laghetto Interno","images/laghetto_04.jpg"],
["images/laghetto_05.jpg","Alt / Laghetto Interno","images/laghetto_05.jpg"],
["images/laghetto_06.jpg","Alt / Laghetto Interno","images/laghetto_06.jpg"],
["images/laghetto_07.jpg","Alt / Laghetto Interno","images/laghetto_07.jpg"],
["images/laghetto_08.jpg","Alt / Laghetto Interno","images/laghetto_08.jpg"],
["images/laghetto_09.jpg","Alt / Laghetto Interno","images/laghetto_09.jpg"],
["images/daku_1.jpg","Alt / Tetti verdi","images/daku_1.jpg"],
["images/daku_2.jpg","Alt / Tetti verdi","images/daku_2.jpg"],
["images/daku_3.jpg","Alt / Tetti verdi","images/daku_3.jpg"],
["images/daku_4.jpg","Alt / Tetti verdi","images/daku_4.jpg"],
["images/daku_5.jpg","Alt / Tetti verdi","images/daku_5.jpg"],
["images/daku_6.jpg","Alt / Tetti verdi","images/daku_6.jpg"],
["images/laghetto_esterno_1.jpg","Alt / Tetti verdi","images/laghetto_esterno_1.jpg"],
["images/laghetto_esterno_2.jpg","Alt / Tetti verdi","images/laghetto_esterno_2.jpg"],
["images/laghetto_esterno_3.jpg","Alt / Tetti verdi","images/laghetto_esterno_3.jpg"],
["images/laghetto_esterno_4.jpg","Alt / Tetti verdi","images/laghetto_esterno_4.jpg"],
["images/laghetto_esterno_5.jpg","Alt / Tetti verdi","images/laghetto_esterno_5.jpg"],
["images/laghetto_esterno_6.jpg","Alt / Tetti verdi","images/laghetto_esterno_6.jpg"],
["images/laghetto_esterno_7.jpg","Alt / Tetti verdi","images/laghetto_esterno_7.jpg"],
["images/laghetto_esterno_8.jpg","Alt / Tetti verdi","images/laghetto_esterno_8.jpg"],
["images/laghetto_esterno_9.jpg","Alt / Tetti verdi","images/laghetto_esterno_9.jpg"],
["images/laghetto_esterno_10.jpg","Alt / Tetti verdi","images/laghetto_esterno_10.jpg"],
["images/laghetto_esterno_11.jpg","Alt / Tetti verdi","images/laghetto_esterno_11.jpg"],
["images/laghetto_esterno_12.jpg","Alt / Tetti verdi","images/laghetto_esterno_12.jpg"],
["images/laghetto_esterno_13.jpg","Alt / Tetti verdi","images/laghetto_esterno_13.jpg"],
["images/laghetto_esterno_14.jpg","Alt / Tetti verdi","images/laghetto_esterno_14.jpg"],
["images/laghetto_esterno_15.jpg","Alt / Tetti verdi","images/laghetto_esterno_15.jpg"],
["images/laghetto_esterno_16.jpg","Alt / Tetti verdi","images/laghetto_esterno_16.jpg"],
["images/laghetto_esterno_17.jpg","Alt / Tetti verdi","images/laghetto_esterno_17.jpg"],
["images/laghetto_esterno_18.jpg","Alt / Tetti verdi","images/laghetto_esterno_18.jpg"],
["images/laghetto_esterno_19.jpg","Alt / Tetti verdi","images/laghetto_esterno_19.jpg"],
["images/laghetto_esterno_20.jpg","Alt / Tetti verdi","images/laghetto_esterno_20.jpg"],
["images/laghetto_esterno_21.jpg","Alt / Tetti verdi","images/laghetto_esterno_21.jpg"],
["images/laghetto_esterno_22.jpg","Alt / Tetti verdi","images/laghetto_esterno_22.jpg"],
["images/laghetto_esterno_23.jpg","Alt / Tetti verdi","images/laghetto_esterno_23.jpg"],
["images/laghetto_esterno_24.jpg","Alt / Tetti verdi","images/laghetto_esterno_24.jpg"],
["images/laghetto_esterno_25.jpg","Alt / Tetti verdi","images/laghetto_esterno_25.jpg"],
["images/laghetto_esterno_26.jpg","Alt / Tetti verdi","images/laghetto_esterno_26.jpg"],
["images/laghetto_esterno_27.jpg","Alt / Tetti verdi","images/laghetto_esterno_27.jpg"],
["images/laghetto_esterno_28.jpg","Alt / Tetti verdi","images/laghetto_esterno_28.jpg"],
["images/laghetto_esterno_29.jpg","Alt / Tetti verdi","images/laghetto_esterno_29.jpg"],
["images/laghetto_esterno_30.jpg","Alt / Tetti verdi","images/laghetto_esterno_30.jpg"],
["images/laghetto_esterno_31.jpg","Alt / Tetti verdi","images/laghetto_esterno_31.jpg"],
 // no comma at end of last index
]

imgPlaces=5 // number of images visible
imgWidth=120 // width of the images
imgHeight=100 // height of the images
imgSpacer=4 // space between the images

dir=0 // 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=50
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+"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==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=500,height=375') // use for specific size and positioned window
newin.focus()
}
}

// add onload="initHIS3()" to the opening BODY tag

// -->