// JavaScript Document
var num_clic	= 0
var sinistra	= 60
var destra		= 390
var psin		= 236
var pgiu		= 256
var inter		= 0

function indietro(){
	num_clic			= 0
	sinistra			= 60
	destra				= 390
	psin				= 236
	pgiu				= 256
	inter				= 0
	var oDivt1			= document.getElementById("LTesto1");
	var oDivt2			= document.getElementById("LTesto2");
	var oDivt3			= document.getElementById("LTesto3");
	var oDivt4			= document.getElementById("LTesto4");
	var oDivt5			= document.getElementById("LTesto5");
	var oDivSferaL		= document.getElementById("SferaL");
	var oDivSferaR		= document.getElementById("SferaR");
	var oDivPallaR		= document.getElementById("PallaR");
	var oDivPallaB0		= document.getElementById("PallaB0");
	var oDivPallaB1		= document.getElementById("PallaB1");
	var oDivPallaB2		= document.getElementById("PallaB2");
	var oDivPallaB3		= document.getElementById("PallaB3");
	var oDivInizio		= document.getElementById("inizio");
	var oDivAvanti		= document.getElementById("avanti");

	oDivt1.style.display				= "block";
	oDivt2.style.display				= "none";
	oDivt3.style.display				= "none";
	oDivt4.style.display				= "none";
	oDivt5.style.display				= "none";
	oDivSferaR.style.backgroundImage	= "url(images/sfera33.gif)";
	oDivSferaL.style.left				= sinistra + "px";
	oDivSferaL.style.backgroundImage	= "url(images/sfera-cliente.gif)";
	oDivSferaR.style.left				= destra + "px";
	oDivPallaR.style.left				= psin + "px";
	oDivPallaR.style.top				= pgiu + "px";
	oDivPallaB0.style.visibility		= "hidden";
	oDivPallaB1.style.visibility		= "hidden";
	oDivPallaB2.style.visibility		= "hidden";
	oDivPallaB3.style.visibility		= "hidden";
	oDivInizio.style.visibility			= "hidden";
	oDivAvanti.style.visibility			= "visible";
	automatico=window.setTimeout('avanti()',5000);
}
function avanti(){
	var oDivt1	= document.getElementById("LTesto1");
	var oDivt2	= document.getElementById("LTesto2");
	var oDivSferaR		= document.getElementById("SferaR");
	window.clearTimeout(automatico)
	num_clic	= num_clic+1

	if (num_clic==1){
		oDivt1.style.display	= "none";
		oDivt2.style.display	= "block";
		oDivSferaR.style.backgroundImage	= "url(images/sfera-amber.gif)";
		freccieOK()
		automatico=window.setTimeout('avanti()',5000);
	}
	if (num_clic==2){
		freccieKO()
		oDivt2.style.display = "none";
		move(sinistra,destra);
	}
	if (num_clic==3){
		freccieKO()
		movepallino(psin,pgiu)
	}
	if (num_clic==4){
		sinistra	= 160
		destra		= 290
		freccieKO()
		move2(sinistra,destra);
	}
}
function move(sinistra,destra){
	var oDivSferaL	= document.getElementById("SferaL");
	var oDivSferaR	= document.getElementById("SferaR");
	var oDivPallaR	= document.getElementById("PallaR");
	var oDivt3	= document.getElementById("LTesto3");
	if(sinistra >= 160){
		freccieOK()
		oDivPallaR.style.visibility = "visible";
		oDivt3.style.display	= "block";
		automatico=window.setTimeout('avanti()',5000);
		return;
	}
	sinistra	+= 5
	destra		-= 5
	oDivSferaL.style.left = sinistra + "px";
	oDivSferaR.style.left = destra + "px";
	eval('setTimeout("move('+sinistra+','+destra+')",100)');
}
function movepallino(psin,pgiu){
	var oDivt3	= document.getElementById("LTesto3");
	var oDivPallaB0	= document.getElementById("PallaB0");
	var oDivPallaR	= document.getElementById("PallaR");
	
	if (psin<=250){
		psin+=2
		pgiu+=6;
	}
	if (psin>250&&psin<290){
		psin+=5
		pgiu+=4	
	}
	if (psin>290&&psin<310){
		psin+=7
	}
	if (psin>310&&psin<350){
		psin+=5
		pgiu-=4	
	}
	if (psin>350){

		psin+=+1
		pgiu-=5
		if (pgiu < 256){
			oDivt3.style.display			= "block";
			oDivPallaB0.style.visibility	= "visible";
			intervallo();
			return;
		}
	}
	oDivPallaR.style.left	= psin + "px";
	oDivPallaR.style.top	= pgiu + "px";
	eval('setTimeout("movepallino('+psin+','+pgiu+')",100)');
}
function intervallo(){
	var oDivt3		= document.getElementById("LTesto3");
	var oDivt4		= document.getElementById("LTesto4");
	var oDivPallaR	= document.getElementById("PallaR");
	var oDivPallaB0	= document.getElementById("PallaB0");
	var oDivPallaB1	= document.getElementById("PallaB1");
	var oDivPallaB2	= document.getElementById("PallaB2");
	var oDivPallaB3	= document.getElementById("PallaB3");
	
	inter+=1;
	if (inter==2){
		oDivPallaR.style.visibility		= "hidden";
		oDivPallaB1.style.visibility	= "visible";
	}
	if (inter==3){
		oDivPallaB2.style.visibility	= "visible";
	}
	if (inter==4){
		oDivPallaB3.style.visibility	= "visible";
	}
	if (inter==5){
		oDivt3.style.display			= "none";
		oDivt4.style.display			= "block";
		oDivPallaB0.style.visibility	= "hidden";
		oDivPallaB1.style.visibility	= "hidden";
		oDivPallaB2.style.visibility	= "hidden";
		oDivPallaB3.style.visibility	= "hidden";
		inter=0
		freccieOK()
		automatico=window.setTimeout('avanti()',5000);
		return;
	}
setTimeout("intervallo()",50);
}
function move2(sinistra,destra){
	var oDivt4		= document.getElementById("LTesto4");
	var oDivt5		= document.getElementById("LTesto5");
	var oDivSferaL	= document.getElementById("SferaL");
	var oDivSferaR	= document.getElementById("SferaR");
	var oDivAvanti	= document.getElementById("avanti");

	if (sinistra>=225){
		oDivt4.style.display		= "none";
		oDivt5.style.display		= "block";
		oDivSferaL.style.backgroundImage	= "url(images/sfera-amber-col.gif)";
		freccieOK()
		oDivAvanti.style.visibility = "hidden";
		return;
	}
	sinistra	+=5
	destra		-=5
	oDivSferaL.style.left = sinistra + "px";
	oDivSferaR.style.left = destra + "px";
	eval('setTimeout("move2('+sinistra+','+destra+')",100)');
}
function freccieKO(){
	var oDivInizio = document.getElementById("inizio");
	var oDivAvanti = document.getElementById("avanti");
	var oDivInizio1 = document.getElementById("inizio1");
	var oDivAvanti1 = document.getElementById("avanti1");
	oDivInizio.style.visibility = "hidden";
	oDivAvanti.style.visibility = "hidden";
	oDivInizio1.style.visibility = "visible";
	oDivAvanti1.style.visibility = "visible";
}

function freccieOK(){
	var oDivInizio = document.getElementById("inizio");
	var oDivAvanti = document.getElementById("avanti");
	var oDivInizio1 = document.getElementById("inizio1");
	var oDivAvanti1 = document.getElementById("avanti1");
	oDivInizio.style.visibility = "visible";
	oDivAvanti.style.visibility = "visible";
	oDivInizio1.style.visibility = "hidden";
	oDivAvanti1.style.visibility = "hidden";
}

automatico=window.setTimeout('avanti()',4000);