// contatore degli elementi
var menuconta=-1;
// numero di elementi per riga
var menuxriga=4;
// numero di elementi per riga
var menuwidth=150;
// array delle scritte
var menutesto=new Array();
// array delle pagine
var menupagina=new Array();
// array dei colori (sfondo nosel(0), sfondo sel(1), scritta nosel(2), scritta sel(3), bordo riquadro(4))
var menucolor=new Array('#4000ff', '#ffffff', '#ffffff', '#4000ff', '#d95dd5');
//var menucolor=new Array('#0000ff', '#ffff00', '#ffffff', '#000000', '#ff0000');
// serve per caricare l'immagine dell'impronta anche se non la visualizza subito
var menubackimgover=new Image();
menubackimgover.src="images/impronta_piccola.jpg";
//crea i fogli di stile per impostare il menu - gli elementi sono larghi 150 pixel
document.write("<style>\r\n");
document.write(".menustileout {border:double 4px " + menucolor[4] + "; background:" + menucolor[0] + "; color:" + menucolor[2] + "; font-family:arial,tahoma; font-size:12px; font-weight:bold; cursor:default; width:" + menuwidth + "px; text-align:center;}\r\n");
document.write(".menustileover {border:double 4px " + menucolor[4] + "; background:" + menucolor[1] + "; color:" + menucolor[3] + "; font-family:arial,tahoma; font-size:12px; font-weight:bold; cursor:pointer; width:" + menuwidth + "px; text-align:center;}\r\n");
//carattere testo menu
document.write(".menustiletd {color:" + menucolor[2] + "; font-family:arial,tahoma; font-size:12px; font-weight:bold;}\r\n");
document.write("</style>\r\n");

//carica un elemento del menu
function menucarica(testo,pagina) {
  menuconta++;
  menutesto[menuconta]=testo;
  menupagina[menuconta]=pagina;
}

//va alla pagina indirizzata dall'elemento del menu
function menuvai(ind) {
  menuout(ind);
  window.location=menupagina[ind];
}

//evidenzia la voce del menu quando il cursore si sposta sopra la casella
function menuover(ind) {
  campo="campo"+ind;
  imag="img"+ind;
  testo="td"+ind;
  document.getElementById(campo).style.background=menucolor[1];
  document.getElementById(campo).style.cursor='pointer';
  document.getElementById(testo).style.color=menucolor[3];
  document.getElementById(imag).style.visibility='visible';
}

//ripristina la voce del menu quando il cursore esce dalla casella
function menuout(ind) {
  campo="campo"+ind;
  imag="img"+ind;
  testo="td"+ind;
  document.getElementById(campo).style.background=menucolor[0];
  document.getElementById(campo).style.cursor='default';
  document.getElementById(testo).style.color=menucolor[2];
  document.getElementById(imag).style.visibility='hidden';
}

//disegna il menu in base alle variabili impostate e agli elementi caricati
function menuvisual() {
  if (menuconta < 0) {
    return true;
  }
  document.write("<table border=0 cellspacing=5 style='background:#ffffff;'>");
  menucontacampi=0;
  for (j=0; j<=menuconta; j++) {
    if (menucontacampi==0) {
      document.write("<tr align=center>");
    }
    menucontacampi++;
    document.write("<td><div id='campo"+j+"' class=menustileout onMouseOver=\"menuover("+j+");\" onMouseOut=\"menuout("+j+");\" onClick=\"menuvai("+j+");\">");
    document.write("<table border=0><tr><td><img id='img"+j+"' src='images/impronta_piccola.jpg' style='visibility:hidden;' /></td><td id='td"+j+"' class='menustiletd'>" + menutesto[j] + "</td></tr></table>");
    document.write("</div></td>");
    if (menucontacampi==menuxriga) {
      document.write("</tr>");
      menucontacampi=0;
    }
  }
  if (menucontacampi < menuxriga && menucontacampi > 0 && menuconta >= menuxriga) {
    for (j=menucontacampi; j<menuxriga; j++) {
      document.write("<td>&nbsp;</td>");
      //riga di prova per verificare se va tutto bene
      //document.write("<td style='background:#FF0000;'>A&nbsp;</td>");
    }
    document.write("</tr>");    
  }
  document.write("</table>");
}