var swChiuso = true;
var nMenu=11;    
var iMenuAcceso=0;
var topMenu = 90;
var xMenu =5;
var yMenu = new Array();
	for (i=0; i<nMenu; i++)	{yMenu[i]=topMenu+30+i*20}

var immFreccia = new Image();
immFreccia.src="immagini/frecciasu.gif"

document.write('<div id="m0" class="menu" href="#" onMouseOver="accendi(0)"')
document.write('onMouseOut="spegni(0)" onClick="sottoMenu(0)">LA SCUOLA&nbsp</a></div>') 

document.write('<div id="m1" class="menu"  href="#" onMouseOver="accendi(1)"')
document.write('onMouseOut="spegni(1)" onClick="sottoMenu(1)">SEGRETERIA&nbsp</div>') 

document.write('<div id="m2" class="menu"  href="#" onMouseOver="accendi(2)"')
document.write('onMouseOut="spegni(2)" onClick="sottoMenu(2)">DIDATTICA&nbsp</a></div>') 

document.write('<div id="m3" class="menu"  href="#" onMouseOver="accendi(3)"')
document.write('onMouseOut="spegni(3)" onClick="sottoMenu(3)">DOCENTI&nbsp</a></div>') 

document.write('<div id="m4" class="menu"  href="#" onMouseOver="accendi(4)"')
document.write('onMouseOut="spegni(4)" onClick="sottoMenu(4)">ALUNNI&nbsp</a></div>') 

document.write('<div id="m5" class="menu"  href="#" onMouseOver="accendi(5)"')
document.write('onMouseOut="spegni(5)" onClick="sottoMenu(5)">GENITORI&nbsp</a></div>') 

document.write('<div id="m6" class="menu" href="#" onMouseOver="accendi(6)"')
document.write('onMouseOut="spegni(6)" onClick="sottoMenu(6)">PROGETTI&nbsp</div>')

document.write('<div id="m7" class="menu" href="#" onMouseOver="accendi(7)"')
document.write('onMouseOut="spegni(7)" onClick="sottoMenu(7)">ORIENTAMENTO&nbsp</div>')

document.write('<div id="m8" class="menu" href="#" onMouseOver="accendi(8)"')
document.write('onMouseOut="spegni(8)" onClick="sottoMenu(8)">INTERCULTURA&nbsp</div>')

document.write('<div id="m9" class="menu" href="#" onMouseOver="accendi(9)"')
document.write('onMouseOut="spegni(9)" onClick="sottoMenu(9)">PATENTE E.C.D.L.&nbsp</a></div>')
 
document.write('<div id="m10" class="menu" href="#" onMouseOver="accendi(10)"')
document.write('onMouseOut="spegni(10)" onClick="sottoMenu(10)">NEWS&nbsp</a></div>') 

document.write('<div id="schedario1">')
document.write('<table height="100%" width="1"><tr><td valign="bottom">')
document.write('<a href="javascript:apriChiudiMenu()">')
document.write('<img name="freccia" src="immagini/frecciasu.gif" border="0" alt=" apri/chiudi il menù "></a>')
document.write('</td></tr></table></div>')
document.write('<div id="schedario2"></div>')

document.write('<div id="sm0" class="smenu">')
document.write('<a  href="index.htm">&nbsp home page</a><br>')
document.write('<a  href="contatti.htm">&nbsp contatti</a><br>')
document.write('<a  href="raggiungi.htm">&nbsp come raggiungerci</a><br>')
document.write('<a  href="Dirigente_Scolastico.htm">&nbsp Dirigente Scolastico</a><br>')
document.write('<a  href="breve_storia.htm">&nbsp breve storia</a><br>'); 
document.write('<a  href="biblioteca.htm">&nbsp biblioteca scolastica</a><br>'); 
document.write('<a  href="strutture.htm">&nbsp strutture</a></div>'); 

document.write('<div id="sm1" class="smenu">')
document.write('<a  href="servizi_segreteria.htm">&nbsp orari e servizi</a><br>')
document.write('<a  href="personale_ATA.htm">&nbsp il personale A.T.A.</a><br>')
document.write('<a  href="iscrizioni.htm">&nbsp iscrizioni</a><br>')
document.write('<a  href="quadro_orario.htm">&nbsp quadro orario</a><br>');
document.write('<a  href="nuovo_quadro_orario.htm">&nbsp nuovo quadro orario</a><br>');
document.write('<a  href="assenze_ritardi.htm">&nbsp assenze e ritardi</a><br>');
document.write('<a  href="esami_stato.htm">&nbsp esami di Stato</a><br>');
document.write('<a  href="libri_testo.htm">&nbsp libri di testo</a></div>');

document.write('<div id="sm2" class="smenu">')
document.write('<a  href="organigramma.htm">&nbsp organigramma</a><br>')
document.write('<a  href="organico_docenti.htm">&nbsp organico docenti</a><br>')
document.write('<a  href="pof.htm">&nbsp Piano Offerta Formativa</a><br>')
document.write('<a  href="SEVERI_programmazioni_dipartimenti.php">&nbsp programmaz. dipartim.</a><br>')
document.write('<a  href="regolamento_istituto.htm">&nbsp Regolamento d&#39;Istituto</a><br>')
document.write('<a  href="corsi_recupero.htm">&nbsp corsi di recupero</a><br>')
document.write('<a  href="patto_educativo.htm">&nbsp Patto Educativo</a></div>');

document.write('<div id="sm3" class="smenu">')
document.write('<a  href="giudizi_voti/GiudiziVoti00_autenticazione.php">&nbsp prospetti valutazione</a><br>')
document.write('<a  href="sostegno_docenti.htm">&nbsp blog area 2</a><br>')
document.write('<a  href="sitografia_docenti.htm">&nbsp sitografia docenti</a><br>')
document.write('<a  href="risorse_rete.htm">&nbsp risorse in rete</a><br>')
document.write('<a  href="modulistica_didattica.htm">&nbsp modulistica</a><br>')
document.write('<a  href="SEVERI_programmazioni_dipartimenti.php">&nbsp programmaz. dipartim.</a><br>')
document.write('<a  href="SEVERI_documenti_15maggio.php">&nbsp documenti 15 maggio</a><br>')
document.write('<a  href="esami_stato.htm">&nbsp esami di Stato</a><br>');
document.write('<a  href="orario_ricev.htm">&nbsp ricevimento docenti</a></div>');

document.write('<div id="sm4" class="smenu">')
document.write('<a  href="rappr_istituto.htm">&nbsp rappresentanti d&#39Istituto</a><br>')
document.write('<a  href="risorse_rete.htm">&nbsp risorse in rete</a><br>')
document.write('<a  href="corsi_recupero.htm">&nbsp corsi di recupero</a><br>')
document.write('<a  href="SEVERI_documenti_15maggio.php">&nbsp documenti 15 maggio</a><br>')
document.write('<a  href="assemblee_istituto.htm">&nbsp assemblee d&#39Istituto</a></div>')

document.write('<div id="sm5" class="smenu">')
document.write('<a  href="assenze_ritardi.htm">&nbsp assenze e ritardi</a><br>');
document.write('<a  href="corsi_recupero.htm">&nbsp corsi di recupero</a><br>')
document.write('<a  href="patto_educativo.htm">&nbsp Patto Educativo</a></div>');

document.write('<div id="sm6" class="smenu">')
document.write('<a  href="progetti_FSE_conclusi.htm">&nbsp progetti FSE conclusi</a><br>')
document.write('<a  href="progetti_M_conclusi.htm">&nbsp progetti MIUR conclusi</a><br>')
document.write('<a  href="progetti_atto.htm">&nbsp progetti in atto</a><br>');
document.write('<a  href="progetti_linguistici.htm">&nbsp progetti linguistici</a><br>')
document.write('<a  href="progetti_filosofia.htm">&nbsp progetti storia e filosofia</a><br>')
document.write('<a  href="progetti_arte.htm">&nbsp progetti Storia dell&#39;Arte</a><br>');
document.write('<a  href="progetto_accoglienza.htm">&nbsp progetto Accoglienza</a><br>');
document.write('<a  href="progetto_lettura.htm">&nbsp progetto Lettura</a><br>');
document.write('<a  href="blog_didattici.htm">&nbsp blog didattici</a><br>');
document.write('<a  href="progetti_teatrali.htm">&nbsp progetti teatrali</a><br>');
document.write('<a  href="progetti_salute.htm">&nbsp progetti salute</a><br>');
document.write('<a  href="progetti_ambiente.htm">&nbsp progetti ambiente</a><br>');
document.write('<a  href="progetti_sportivi.htm">&nbsp progetti sportivi</a><br>');
document.write('<a  href="agenda21.htm">&nbsp Agenda 21 a Scuola</a></div>');

document.write('<div id="sm7" class="smenu">')
document.write('<a  href="orientamento.htm">&nbsp Orientamento</a><br>')
document.write('<a  href="modulistica_orient_inter.htm">&nbsp modulistica</a></div>');

document.write('<div id="sm8" class="smenu">')
document.write('<a  href="intercultura.htm">&nbsp Intercultura</a><br>');
document.write('<a  href="modulistica_orient_inter.htm">&nbsp modulistica</a></div>');

document.write('<div id="sm9" class="smenu">')
document.write('<a  href="ECDL.htm">&nbsp che cosa è l&#39;ECDL</a><br>')
document.write('<a  href="testcenter_ECDL.htm">&nbsp test center</a><br>');
document.write('<a  href="calendario_ECDL.htm">&nbsp calendario esami</a></div>');

document.write('<div id="sm10" class="smenu">')
document.write('<a  href="news.htm">&nbsp ultime notizie</a><br>')
document.write('<a  href="archivio_avvisi.htm">&nbsp archivio avvisi</a><br>')
document.write('<a  href="bandi.htm">&nbsp bandi e concorsi</a><br>')
document.write('<a  href="index.htm">&nbsp home page</a></div>');


function accendi(n)   {
	if (swChiuso) {return}
	document.all["sm"+iMenuAcceso].style.visibility="hidden";
	spegni(iMenuAcceso);	
	document.all["m"+n].style.background = "#006699";
	document.all["m"+n].style.left=xMenu+40;
	if (n>0) {document.all["m"+(n-1)].style.left=xMenu+20};
	if (n<(nMenu-1)) {document.all["m"+(n+1)].style.left=xMenu+10};
	iMenuAcceso = n;
}  

function spegni(n)   {
	if (swChiuso) {return}
	if (document.all["sm"+n].style.visibility=="hidden") {
		document.all["m"+n].style.background = "#0099CC";
     		document.all["m"+n].style.left=xMenu;   
		if (n>0) {document.all["m"+(n-1)].style.left=xMenu};
		if (n<(nMenu-1)) {document.all["m"+(n+1)].style.left=xMenu} }
}

function sottoMenu(n) {
	if (swChiuso) {return}
	document.all["sm"+n].style.top=yMenu[n];
	document.all["sm"+n].style.left=194;
	if (document.all["sm"+n].style.visibility=="visible")
		{document.all["sm"+n].style.visibility="hidden"}
	else
		{document.all["sm"+n].style.visibility="visible"}
}

function apriChiudiMenu() {
	schedario1.style.top=topMenu;
	schedario1.style.left=xMenu+5;
	schedario2.style.top=topMenu+1;
	schedario2.style.left=xMenu+5;
	if (swChiuso) 
		{swChiuso = false;
		freccia.src="immagini/frecciasu.gif"
		for (i=0; i<nMenu; i++) {
			document.all["m"+i].style.left=xMenu;
			document.all["m"+i].style.top=yMenu[i] }
		schedario1.style.height=(nMenu-1)*20+30+70;
		schedario2.style.height=(nMenu-1)*20+30+50; }
	else
		{swChiuso = true;
		freccia.src="immagini/frecciagiu.gif";
		for (i=0; i<nMenu; i++)	 {
			document.all["m"+i].style.left=xMenu;
			document.all["m"+i].style.top=topMenu+30+i*3 }
		schedario1.style.height=(nMenu-1)*3+30+70;
		schedario2.style.height=(nMenu-1)*3+30+50; }
}

apriChiudiMenu()
for (i=0; i<nMenu; i++)	 {document.all["sm"+i].style.visibility="hidden"}