oldimg=1;
larghezza_img=392;
ripeti_indietro="";
ripeti_avanti="";
durata=25;
t=0;
function cambia_img(numero, totale){
	if(numero!=oldimg){
		box=document.getElementById("img_prodotto_int");
		posizione_iniziale=parseInt(box.style.left);
		posizione_finale=-(numero-1)*larghezza_img;
		if(oldimg<numero){//avanti, left diminuisce
			avvia_scroll_avanti(posizione_finale, posizione_iniziale);
		}else{//indietro, left aumenta
			avvia_scroll_indietro(posizione_finale, posizione_iniziale);
		}
		
		for(i=1; i<=totale; i++){
			if(i==numero){
				document.getElementById('li'+i).className='imgin';
			}else{
				document.getElementById('li'+i).className='';
			}
		}
		
		oldimg=numero;
	}
}

function avvia_scroll_avanti(fine, posizione_iniziale){
	//posizione iniziale è da dove è partito il movimento al click
	if(ripeti_indietro != ""){
		clearTimeout(ripeti_indietro);
		ripeti_indietro = "";
		t=0;
	}
	box=document.getElementById("img_prodotto_int");
	differenza_assoluta=posizione_iniziale-fine;
	if(t<=durata){
		posizione=differenza_assoluta/2 * (Math.cos(Math.PI*t/durata) - 1) + posizione_iniziale;
		box.style.left=posizione+"px";
		ripeti_avanti=setTimeout("avvia_scroll_avanti("+fine+", "+posizione_iniziale+")", 15);
		t++;
	}else{
		clearTimeout(ripeti_avanti);
		ripeti_avanti = "";
		t=0;
	}
}

function avvia_scroll_indietro(fine, posizione_iniziale){
	if(ripeti_avanti != ""){
		clearTimeout(ripeti_avanti);
		ripeti_avanti = "";
		t=0;
	}
	box=document.getElementById("img_prodotto_int");
	differenza_assoluta=fine-posizione_iniziale;
	if(t<=durata){
		posizione=-differenza_assoluta/2 * (Math.cos(Math.PI*t/durata) - 1) + posizione_iniziale;
		box.style.left=posizione+"px";
		ripeti_indietro=setTimeout("avvia_scroll_indietro("+fine+", "+posizione_iniziale+")", 15);
		t++;
	}else{
		clearTimeout(ripeti_indietro);
		ripeti_indietro = "";
		t=0;
	}
}