// JavaScript & HTML programming
//            by 
//     Pier Luigi Covarelli
//       (picov@e-link.it)

// Prima devo aver impostato il valore di NumeroSezioneDefault

// Definizione delle immagini sorgenti dei bottoni OFF
BottoneSrcOff= new Array();
BottoneSrcOff[1]="immagini/tasto_home_off.gif";
BottoneSrcOff[2]="immagini/tasto_vantaggi_off.gif";
BottoneSrcOff[3]="immagini/tasto_gamma_off.gif";
BottoneSrcOff[4]="immagini/tasto_contatti_off.gif";

// Definizione delle immagini sorgenti dei bottoni OVER
BottoneSrcOver= new Array();
BottoneSrcOver[1]="immagini/tasto_home_on.gif";
BottoneSrcOver[2]="immagini/tasto_vantaggi_on.gif";
BottoneSrcOver[3]="immagini/tasto_gamma_on.gif";
BottoneSrcOver[4]="immagini/tasto_contatti_on.gif";

// Definizione delle descrizioni dei bottoni
BottoneDescr= new Array();
BottoneDescr[1]="Home Page";
BottoneDescr[2]="Caratteristiche";
BottoneDescr[3]="Gamma Prodotti";
BottoneDescr[4]="Contatti";

// Precaricamento delle immagini over dei bottoni
BottoneImgOver=new Array();
for (index=1; index <= 4; index++) {
	BottoneImgOver[index]=new Image();
	BottoneImgOver[index].src=BottoneSrcOver[index];
}

// Precaricamento delle immagini dei raccordi
RaccordoImg_1off_2off=new Image();
RaccordoImg_1off_2off.src="immagini/tasto_1off_2off.gif";
RaccordoImg_1on_2off=new Image();
RaccordoImg_1on_2off.src="immagini/tasto_1on_2off.gif";
RaccordoImg_1off_2on=new Image();
RaccordoImg_1off_2on.src="immagini/tasto_1off_2on.gif";

RaccordoImg_2off_3off=new Image();
RaccordoImg_2off_3off.src="immagini/tasto_2off_3off.gif";
RaccordoImg_2on_3off=new Image();
RaccordoImg_2on_3off.src="immagini/tasto_2on_3off.gif";
RaccordoImg_2off_3on=new Image();
RaccordoImg_2off_3on.src="immagini/tasto_2off_3on.gif";

RaccordoImg_3off_4off=new Image();
RaccordoImg_3off_4off.src="immagini/tasto_3off_4off.gif";
RaccordoImg_3on_4off=new Image();
RaccordoImg_3on_4off.src="immagini/tasto_3on_4off.gif";
RaccordoImg_3off_4on=new Image();
RaccordoImg_3off_4on.src="immagini/tasto_3off_4on.gif";


function OverSezione(numero) {
	if (numero != NumeroSezioneDefault) {
  		if (NumeroSezioneDefault!=0) {  		
  			eval('document.tasto_sezione' + String(NumeroSezioneDefault) + '.src=BottoneSrcOff[NumeroSezioneDefault]');
			if (NumeroSezioneDefault>1) {  			
  				eval('document.raccordo_sezione' + String(NumeroSezioneDefault-1) + '_'+ String(NumeroSezioneDefault) +'.src=RaccordoImg_'+String(NumeroSezioneDefault-1)+'off_'+String(NumeroSezioneDefault)+'off.src');
			}
			if (NumeroSezioneDefault<4) {
		    	eval('document.raccordo_sezione' + String(NumeroSezioneDefault) + '_'+ String(NumeroSezioneDefault+1) +'.src=RaccordoImg_'+String(NumeroSezioneDefault)+'off_'+String(NumeroSezioneDefault+1)+'off.src');
  			}
  		}
  	}
  	// lo metto qui dopo per evitare lo spegnimento dei raccordi
  	eval('document.tasto_sezione' + String(numero) + '.src=BottoneImgOver[numero].src');
	if (numero>1) {
	  eval('document.raccordo_sezione' + String(numero-1) + '_'+ String(numero) +'.src=RaccordoImg_'+String(numero-1)+'off_'+String(numero)+'on.src');
	}
	if (numero<4) {		
	  eval('document.raccordo_sezione' + String(numero) + '_'+ String(numero+1) +'.src=RaccordoImg_'+String(numero)+'on_'+String(numero+1)+'off.src');
	 }
	window.status=BottoneDescr[numero];
}

function OutSezione(numero) {
	if (numero != NumeroSezioneDefault) {
  		eval('document.tasto_sezione' + String(numero) + '.src=BottoneSrcOff[numero]');
		if (numero>1) {
			eval('document.raccordo_sezione' + String(numero-1) + '_'+ String(numero) +'.src=RaccordoImg_'+String(numero-1)+'off_'+String(numero)+'off.src');
		}
		if (numero<4) {		
			eval('document.raccordo_sezione' + String(numero) + '_'+ String(numero+1) +'.src=RaccordoImg_'+String(numero)+'off_'+String(numero+1)+'off.src');
		}
  		if (NumeroSezioneDefault!=0) { 
  			eval('document.tasto_sezione' + String(NumeroSezioneDefault) + '.src=BottoneSrcOver[NumeroSezioneDefault]');
			if (NumeroSezioneDefault>1) {  	
			    eval('document.raccordo_sezione' + String(NumeroSezioneDefault-1) + '_'+ String(NumeroSezioneDefault) +'.src=RaccordoImg_'+String(NumeroSezioneDefault-1)+'off_'+String(NumeroSezioneDefault)+'on.src');
			}
			if (NumeroSezioneDefault<4) {			
		    	eval('document.raccordo_sezione' + String(NumeroSezioneDefault) + '_'+ String(NumeroSezioneDefault+1) +'.src=RaccordoImg_'+String(NumeroSezioneDefault)+'on_'+String(NumeroSezioneDefault+1)+'off.src');
		    }
  		}
  	}
  	window.status="";
}