var ulta = "M0";
var ultb = 0;
var ultc = 0;
var ultd = "S0";
var ulte = "M0";
menu = new Array ("St1","St2","St3","St4","St5","St6","St7");
smenu = new Array ("St1-1","St2-1","St3-1","St4-1","St5-1","St6-1","St7-1");
bolli1 = new Array ("url('../Immagini/Web1.png')",
                    "url('../Immagini/Web2.png')",
                    "url('../Immagini/Web3.png')",
                    "url('../Immagini/Web4.png')",
                    "url('../Immagini/Web5.png')",
                    "url('../Immagini/Web6.png')",
                    "url('../Immagini/Web7.png')");
bolli2 = new Array ("url('../Immagini/Web1b.png')",
                    "url('../Immagini/Web2b.png')",
                    "url('../Immagini/Web3b.png')",
                    "url('../Immagini/Web4b.png')",
                    "url('../Immagini/Web5b.png')",
                    "url('../Immagini/Web6b.png')",
                    "url('../Immagini/Web7b.png')");
colore = new Array ("#272C50","#00697D","1E6937","E06B20","D73029","8D2872","4A307A");

function Colora(cola,colb) /* colora lo sfondo del bollino e lo porta in primo piano */
   { if (ulta.slice(2) == colb) { return } /* se il bollino è già aperto non fa nulla */
     document.getElementById(cola).style.backgroundImage = bolli2[colb-1]; /* cambia lo sfondo del bollino */
     document.getElementById(cola).style.zIndex = "3"; /* porta il bollino in primo piano */
     document.getElementById(cola+"-1").style.color = "white"; /* scrive il testo in bianco */
   }
function Sbianca(sbia,sbib) /* sbianca lo sfondo del bollino e lo porta dietro a tutto */
   { if (ulta.slice(2) == sbib) { return } /* se il bollino è aperto non fa nulla */
     document.getElementById(sbia).style.backgroundImage = bolli1[sbib-1]; /* ripristina lo sfondo del bollino */
     document.getElementById(sbia).style.zIndex = "0"; /* porta il bollino dietro */
     document.getElementById(sbia+"-1").style.color = "#363630"; /* scrive il testo in grigio logo */
   }
function Bollini(bola,bolb) /* accende il bollino cliccato e apre il relativo menu */
   { if (bola == ulta) /* se premo bollino gia' aperto */
        { Menu("S0"); /* si limita a chiudere eventuali sottomenu */
          return } 
     else if (ulta != "M0") /* controlla se ce n'e' gia' uno aperto */
        { document.getElementById(menu[ultb-1]).className = "spn"; /* chiude ultimo menu aperto */
          document.getElementById(smenu[ultb-1]).className = "spn"; /* chiude ultimo menu aperto */
          document.getElementById(ulta).style.backgroundImage = bolli1[ultb-1]; /* ripristina lo sfondo del bollino */
          document.getElementById(ulta).style.zIndex = "0"; /* porta il bollino dietro */
          document.getElementById(ulta+"-1").style.color = "#363630"; /* scrive il testo in grigio logo */
        }
     if (bola == "M0")
        { document.getElementById('Striscia').className = "spn"; /* chiude la striscia verticale dei menu */
        }
     else
        { document.getElementById('Striscia').className = "acc"; /* apre la striscia verticale dei menu */
        }
     document.getElementById(bola).style.backgroundImage = bolli2[bolb-1]; /* colora il fondo del bollino cliccato */
     document.getElementById(bola).style.zIndex = "2"; /* porta il bollino cliccato sullo sfondo */
     document.getElementById('Striscia').style.backgroundColor = colore[bolb-1]; /* colora il fondo della striscia vert del colore giusto */
     Curve(bolb);
     document.getElementById(menu[bolb-1]).className = "acc"; /* apre il titolo del bollino cliccato */
     document.getElementById(smenu[bolb-1]).className = "acc"; /* apre il menu del bollino cliccato */
     Menu("S0"); /* fa si che il menu si apra con i sottomenu chiusi */
     ulta = bola;
     ultb = bolb;
     Indi() /* spegne l'indirizzo */
   }           
function Menu(id,ap) /* apre e chiude i sub-menu */
   { if (id==ultd) { return } /* se clic su ultimo cliccato non fa nulla */
     if (id=="S0") /* se clicco su una voce principale chiude i sub-menu */ 
        { document.getElementById(ultd).style.display = "none"; /* chiudo ultimo aperto */
          document.getElementById(ulte).style.display = "block"; /* riaccendo l'aprente */
          ultd = "S0"; /* aggiorna la variabile dell'ultimo sottomenu aperto */
          ulte = "M0"; /* aggiorna la variabile dell'ultimo aprente cliccato */
          return
        }
     if (id!=ultd & id!="S0" & ultd!="S0") /* se era aperto e click per aprire altro sottomenu */ 
        { document.getElementById(ultd).style.display = "none"; /* chiudo ultimo aperto */
          document.getElementById(ulte).style.display = "block"; /* riaccendo l'aprente */
        }
     document.getElementById(id).style.display = "block"; /* apre il sottomenu indicato */
     document.getElementById(ap).style.display = "none"; /* spengo l'aprente */
     ultd = id; /* aggiorna la variabile dell'ultimo sottomenu aperto */
     ulte = ap; /* aggiorna la variabile dell'ultimo aprente cliccato */
   }
function Indi()
   { document.getElementById('Indi').style.display = "none" /* spegne l'indirizzo */
   }
function Curve(cur)
   { if (cur == 1) /* curva solo in alto a dx */
        {document.getElementById('Striscia').style.backgroundImage = "url('../Immagini/Ang-1.png')";
         document.getElementById('Striscia').style.backgroundRepeat = "no-repeat"; 
         document.getElementById('Striscia').style.backgroundPosition = "top right";
         return
        }
     /* 2 curve in alto */
     document.getElementById('Striscia').style.backgroundImage = "url('../Immagini/Ang-2.png')";
     document.getElementById('Striscia').style.backgroundRepeat = "no-repeat"; 
     document.getElementById('Striscia').style.backgroundPosition = "top right";
   }