vs5Arr=[

['img_slideshow/piccole/1.jpg','img_slideshow/piccole/1.jpg',"img_slideshow/1.jpg"],
//ripeto l'inserimento foto 1.jpg per farla vedere anche sulla slideshow
['img_slideshow/piccole/1.jpg','img_slideshow/piccole/1.jpg',"img_slideshow/1.jpg"],
/*** ***/
['img_slideshow/piccole/2.jpg','img_slideshow/piccole/2.jpg',"img_slideshow/2.jpg"],
['img_slideshow/piccole/3.jpg','img_slideshow/piccole/3.jpg',"img_slideshow/3.jpg"],
['img_slideshow/piccole/4.jpg','img_slideshow/piccole/4.jpg',"img_slideshow/4.jpg"],
['img_slideshow/piccole/5.jpg','img_slideshow/piccole/5.jpg',"img_slideshow/5.jpg"],
['img_slideshow/piccole/6.jpg','img_slideshow/piccole/6.jpg',"img_slideshow/6.jpg"],
['img_slideshow/piccole/7.jpg','img_slideshow/piccole/7.jpg',"img_slideshow/7.jpg"],
['img_slideshow/piccole/8.jpg','img_slideshow/piccole/8.jpg',"img_slideshow/8.jpg"],
['img_slideshow/piccole/9.jpg','img_slideshow/piccole/9.jpg',"img_slideshow/9.jpg"],
['img_slideshow/piccole/10.jpg','img_slideshow/piccole/10.jpg',"img_slideshow/10.jpg"],
['img_slideshow/piccole/11.jpg','img_slideshow/piccole/11.jpg',"img_slideshow/11.jpg"],
['img_slideshow/piccole/12.jpg','img_slideshow/piccole/12.jpg',"img_slideshow/12.jpg"],
['img_slideshow/piccole/13.jpg','img_slideshow/piccole/13.jpg',"img_slideshow/13.jpg"],
['img_slideshow/piccole/14.jpg','img_slideshow/piccole/14.jpg',"img_slideshow/14.jpg"],
['img_slideshow/piccole/15.jpg','img_slideshow/piccole/15.jpg',"img_slideshow/15.jpg"],
['img_slideshow/piccole/16.jpg','img_slideshow/piccole/16.jpg',"img_slideshow/16.jpg"],
['img_slideshow/piccole/17.jpg','img_slideshow/piccole/17.jpg',"img_slideshow/17.jpg"],
['img_slideshow/piccole/18.jpg','img_slideshow/piccole/18.jpg',"img_slideshow/18.jpg"],
['img_slideshow/piccole/19.jpg','img_slideshow/piccole/19.jpg',"img_slideshow/19.jpg"],
['img_slideshow/piccole/20.jpg','img_slideshow/piccole/20.jpg',"img_slideshow/20.jpg"],


]


dir=1 // 0 = up 1 = down
speed=2
imageSize=0  // %
fixedWidth=200 // set a fixed width
fixedHeight=130 // set a fixed height
dualFade=0 // 0 = fades in, 1 = fades out then in

biggest=0
ieBorder=0
sv3Timer=null

lastN=0
count=0
fading=0
fadeStep = 2
fadeSpeed=10
minFadeValue=0

preload=new Array()
for(var i=1;i<vs5Arr.length-1;i++){
preload[i]=new Image()
preload[i].src=vs5Arr[i][0];
}

function initVS5(){
scrollBox=document.getElementById("scroll_box")
scroll1=document.getElementById("scroller1")

for(var j=1;j<vs5Arr.length -1;j++){

scroll1.innerHTML+='<img id="pic'+j+'" src="'+preload[j].src+'" style="cursor:pointer;" onclick="initFade('+j+')"><br>'

if(imageSize!=0){ // use percentage size
newWidth=preload[j].width/100*imageSize
newHeight=preload[j].height/100*imageSize
}
else{ // use fixed size
newWidth=fixedWidth
newHeight=fixedHeight
}

document.getElementById("pic"+j).style.width=newWidth+"px"
document.getElementById("pic"+j).style.height=newHeight+"px"

if(document.getElementById("pic"+j).offsetWidth>biggest){
biggest=document.getElementById("pic"+j).offsetWidth
}

}

if(scrollBox.currentStyle&&!window.opera&&document.compatMode!="CSS1Compat"){
ieBorder=parseInt(scrollBox.currentStyle.borderWidth)*2
}


scrollBox.style.width=biggest+ieBorder+"px"

scroll2=document.getElementById("scroller2")
scroll2.innerHTML=scroll1.innerHTML
scroll2.style.top=scroll1.offsetHeight+"px"

if(dir==0){
speed= -speed
}

scrollVS5()
}

function scrollVS5(){
clearTimeout(sv3Timer)

scroll1Pos=parseInt(scroll1.style.top)
scroll2Pos=parseInt(scroll2.style.top)

scroll1Pos+=speed
scroll2Pos+=speed

scroll1.style.top=scroll1Pos+"px"
scroll2.style.top=scroll2Pos+"px"

sv3Timer=setTimeout("scrollVS5()",60)

if(dir==0){
if(scroll1Pos< -scroll1.offsetHeight){
scroll1.style.top=scroll1.offsetHeight+"px"
}

if(scroll2Pos< -scroll1.offsetHeight){
scroll2.style.top=scroll1.offsetHeight+"px"
}
}

if(dir==1){
if(scroll1Pos>parseInt(scrollBox.style.height)){
scroll1.style.top=(scroll2Pos-scroll1.offsetHeight)+"px"
}

if(scroll2Pos>parseInt(scrollBox.style.height)){
scroll2.style.top=(scroll1Pos - scroll2.offsetHeight)+"px"
}
}

}

var st=null
function pause(){
clearTimeout(sv3Timer)
clearTimeout(st)
}

function reStartHV5(){
clearTimeout(st)
st=setTimeout("scrollVS5()",100)
}

function initFade(n){
count=n
//if(lastN==n||fading==1){return}

if(dualFade==0){fadeValue=0}
else{fadeValue=100}

picNum=n
lastN=n
if(document.getElementById("centrale")){
document.getElementById("centrale").innerHTML = "<img src='img/caricamento_ajax.gif' border='0' />";
}else{
document.getElementById("totale").innerHTML = "<img src='img/caricamento_ajax.gif' border='0' />";	
}
fadePic()
}

function fadePic(){	
clearTimeout(slideGallery2timeo);
displayEl = document.images["bigpic"];
/*fading=1
fadeValue -= fadeStep
fadeTimer=setTimeout("fadePic()",fadeSpeed)
//alert(displayEl.filters);
*/
if(document.getElementById("bigpic")){

/*if(fadeValue<minFadeValue){ // for fade out first
fadeValue=minFadeValue
fadeStep= -fadeStep */
displayEl.src=vs5Arr[picNum][2]
/*}

if(fadeValue>=100){ // fade in
fadeValue=100
fadeStep= -fadeStep
fading=0
clearTimeout(fadeTimer)
} */

} else {
document.getElementById("centrale").innerHTML = '<img id="bigpic" src="'+vs5Arr[picNum][2]+'" width="500" height="386" border="0" />';

 }
}
// add onload="initVS5()" to the opening body tag