/* Dichiarazione variabili. */
var ElencoProdotti = document.getElementById("ElencoProdotti");
var ElencoTabelle = document.getElementById("Tabella");
var IdProdotto = 0;
var IdTabella = 0;
var Contatore = 0;

/* Aggiungi a ogni voce dell'elenco delle varianti l'evidenziazione al passaggio del mouse e la visualizzazione della tabella nutrizionale. */
for (Contatore = 0; Contatore < ElencoProdotti.childNodes.length; Contatore ++)
{
	var Prodotto = ElencoProdotti.childNodes.item(Contatore);
	if (Prodotto.nodeName == "LI")
	{
		// Per poter visualizzare la tabella nutrizionale corretta è necessario recuperare l'id della voce corrente e aggiungerlo al prefisso usato dalle tabelle.
		// È necessario specificare gli id in questo modo perché usando una variabile verrebbe preso il valore che ha a runtime e non alla generazione.
		// document.getElementById("Tabella" + IdProdotto) da sempre document.getElementById("Tabella12345") o quale che sia l'ultimo valore di IdProdotto.
		Prodotto.id = "Prodotto" + IdProdotto;
		Prodotto.onmouseover = function() { this.className = "ProdottoAttivo"; VisualizzaTabellaNutrizionale("Tabella" + this.id); }
		Prodotto.onmouseout = function() { this.className = ""; }
		IdProdotto ++;
	}
}

/* Associa gli id alle tabelle nutrizionali e visualizza la prima in elenco. */
for (Contatore = 0; Contatore < ElencoTabelle.childNodes.length; Contatore ++)
{
	var Tabella = ElencoTabelle.childNodes.item(Contatore);
	if (Tabella.nodeName == "TABLE")
	{
		Tabella.id = "TabellaProdotto" + IdTabella;
		if (IdTabella == 0)
		{
			Tabella.style.display = "block";
		}
		IdTabella ++;
	}
}

/* Funzione per visualizzare la tabella nutrizionale selezionata. */
function VisualizzaTabellaNutrizionale(Id)
{
	NascondiTabelleNutrizionali();
	document.getElementById(Id).style.display = "block";
}

/* Funzione per nascondere tutte le tabelle nutrizionali. */
function NascondiTabelleNutrizionali()
{
	var ElencoTabelle = document.getElementById("Tabella");
	for (Contatore = 0; Contatore < ElencoTabelle.childNodes.length; Contatore ++)
	{
		var Tabella = ElencoTabelle.childNodes.item(Contatore);
		if (Tabella.nodeName == "TABLE")
		{
			Tabella.style.display = "none";
		}
	}
}