/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * Sezione personalizzabile..
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
var ron="#800000"; // Colore al MouseOver
var roff="#808080"; // Colore di default
var leftmargin=100; // Distanza dal margine sinistro della pagina
var topmargin=135; // Distanza dal margine superiore della pagina
var largo=110; // Larghezza dei layers, quindi distanza (orizzontale) fra i sottomenu

/* L'array seguente contiene i testi che verranno visualizzati dal menu.
 * Il primo elemento degli array e' il nome del menu, gli elementi successivi sono i links contenuti nel singolo menu.
 * Il tasto "Home" non compare in questo array perche' viene inserito di default come primo elemento */
var voci=new Array();
	voci[0]=new Array("Gli scavi","La storia","Le origini","La colonia","La casa","Il municipio","Il Vesuvio")
	voci[1]=new Array("La vita","La famiglia","L'educazione","La scuola","Le elezioni","Il commercio","La religione","I morti");
	voci[2]=new Array("I divertimenti","I giochi","Gli sport","Il tempo libero","L'erotismo");
	voci[3]=new Array("La visita","Regio I","Regio II","Regio III","Regio IV","Regio V","Regio VI","Regio VII","Regio VIII","Regio IX","Le ville","Il Foro","I teatri");
	voci[4]=new Array("La galleria","Galleria 1","Galleria 2","Galleria 3","Galleria 4","Galleria 5","Galleria 6","Galleria 7","Galleria 8","Galleria 9","Galleria 10","Galleria 11");
	voci[5]=new Array("I servizi","Info","Alberghi","Ristoranti","Guida","Libri","Biblioteche","Newsletter","ArteCard","Virtual Pompei","Metrò del Mare","Link utili","Altre notizie");

/* Questo array contiene invece i links che saranno aperti dalle singole voci dei sottomenu.
 * Da notare che il primo elemento degli array dev'essere una stringa vuota, infatti corrisponde non ad un link
 * da aprire, ma al titolo del sottomenu, cioe' al primo elemento dell'array "voci" */
var links=new Array();
	links[0]=new Array("","storia.htm","origini.htm","colonia.htm","casa.htm","municipio.htm","vesuvio.htm")
	links[1]=new Array("","famiglia.htm","educazione.htm","scuola.htm","elezioni.htm","commercio.htm","religione.htm","morti.htm")
	links[2]=new Array("","giochi.htm","sport.htm","tempo.htm","erotismo.htm")
	links[3]=new Array("","regio1.htm","regio2.htm","regio3.htm","regio4.htm","regio5.htm","regio6.htm","regio7.htm","regio8.htm","regio9.htm","ville.htm","foro.htm","teatri.htm")
	links[4]=new Array("","galleria1.htm","galleria2.htm","galleria3.htm","galleria4.htm","galleria5.htm","galleria6.htm","galleria7.htm","galleria8.htm","galleria9.htm","galleria10.htm","galleria11.htm")
	links[5]=new Array("","info.htm","alberghi.htm","ristoranti.htm","guida.htm","libri.htm","biblioteche.htm","newsletter.htm","card.htm","virtual.htm","metro.htm","link.htm","altrenotizie.htm")

/* Ultimo array.
 * Contiene i testi che saranno visualizzati nella barra di stato del browser quando il mouse e' sopra una voce del menu 
 * Anche in questo caso il primo elemento degli array contiene il testo relativo alla voce principale dei sottomenu */
var wst=new Array();
	wst[0]=new Array("L'area archeologica di Pompei",
			"Dal 1628 ad oggi non è mai cessata l'attività di scavo per riportare alla luce questa testimonianza storica",
			"Le origini della città, dall'insediamento osco all'influenza greca, etrusca ed infine romana",
			"L'avvento dei romani trasformò il municipio in colonia, rendendo Pompei la città romana più famosa del suo tempo",
			"Una fotografia della casa pompeiana, la sua struttura e l'arredo secondo lo stile di vita dei ricchi mercanti",
			"L'ordinamento politico di Pompei, con il Consiglio eletto dal populus, che amministrava la vita cittadina",
			"Il più famoso vulcano della Terra conferisce al paesaggio del golfo partenopeo un aspetto inconfondibile");
	wst[1]=new Array("Uno spaccato di vita quotidiana dell'antica città romana",
			"Gli abitanti, con le loro famiglie e le loro abitudini, colte al momento dell'eruzione",
			"Il sistema di educazione dei pompeiani basato sul modello del mondo romano",
			"I giovani pompeiani potevano contare su maestri romani e greci di notevole sapienza",
			"Il momento più emozionante per tutti i pompeiani, che coinvolgeva tutta la popolazione",
			"Pompei era famosa per i suoi commerci di prodotti alimentari, vino, stoffe e altre mercanzie",
			"Si veneravano tutti gli dei romani, ma anche alcune divinità egizie, giudaiche e i lari domestici",
			"Numerose sono le necropoli ritrovate fuori dalle mura cittadine");
	wst[2]=new Array("I pompeiani amavano divertirsi in diversi modi",
			"I giochi attiravano molto gli abitanti di Pompei, che si riunivano in vere e proprie bische",
			"Molto vivi la cura del corpo e lo sport: lo testimoniano i numerosi stabilimenti termali ritrovati",
			"L'arte teatrale era molto viva in città, così come gli spettacoli gladiatori",
			"I pompeiani vivevano l'erotismo senza inibizioni e senza condizionamenti");
	wst[3]=new Array("La visita all'area archeologica",
			"La visita alla Regio I",
			"La visita alla Regio II",
			"La visita alla Regio III",
			"La visita alla Regio IV",
			"La visita alla Regio V",
			"La visita alla Regio VI",
			"La visita alla Regio VII",
			"La visita alla Regio VIII",
			"La visita alla Regio IX",
			"La visita alle ville suburbane",
			"La visita al Foro, cuore della città",
			"La visita alla zona dei teatri");
	wst[4]=new Array("La Galleria fotografica di Pompei Sepolta",
			"Galleria n. 1",
			"Galleria n. 2",
			"Galleria n. 3",
			"Galleria n. 4",
			"Galleria n. 5",
			"Galleria n. 6",
			"Galleria n. 7",
			"Galleria n. 8",
			"Galleria n. 9",
			"Galleria n. 10",
			"Galleria n. 11");
	wst[5]=new Array("I servizi offerti da Pompei Sepolta",
			"Come arrivare a Pompei",
			"Dove alloggiare",
			"Dove mangiare",
			"Una pratica guida dell'area archeologica da scaricare e consultare. In italiano e inglese",
			"Una ricca selezione di libri sulla città e sull'area archeologica",
			"Le biblioteche di Pompei",
			"La newsletter di Pompei Sepolta - Viaggi Italiani",
			"Biglietto integrato per musei, siti archeologici e trasporti della Campania",
			"Virtual Pompei - 3Dimensional Pompei Archeopark",
			"Metrò del Mare - Arrivare a Pompei in mini crociera",
			"Link utili",
			"Altre notizie sull'area archeologica");

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * Fine sezione personalizzabile.
 * Le righe che seguono costituiscono il menu vero e proprio.
 * La personalizzazione e' consigliata solo a webmaster un po' esperti di JavaScript.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
var nn=document.layers?true:false,N6=navigator.userAgent.toLowerCase().indexOf("gecko")!=-1?true:false,conta=0,last=0;
var MenuLength=50+largo*voci.length;
var BrowserWidth=nn?window.innerWidth:N6?document.width:document.body.clientWidth;
leftmargin=parseInt((BrowserWidth-MenuLength)/2);

if (nn)
	{
	document.write("<LAYER NAME=mtop. position=absolute left="+leftmargin+" top="+topmargin+" width=50 height=15 clip=0,0,50,15 bgColor="+roff+" visibility=visible onMouseOver=showdeps(last,false);mroll('mtop.') onMouseOut=unmroll('mtop.')>&nbsp;<A HREF='home.html' CLASS=menuNNb><I>Home</I></A></LAYER>");
	for (i=0;i<voci.length;i++)
		{
		var n=i;
		document.writeln("<LAYER NAME=mtop"+n+". position=absolute left="+eval(leftmargin+50+largo*i)+" top="+topmargin+" width="+largo+" height=15 clip=0,0,"+largo+",15 bgColor="+roff+" visibility=visible onMouseOver=MostraMenu("+i+");mroll('mtop"+i+".');conta++ onMouseOut=last="+i+";unmroll('mtop"+i+".');conta--><DIV ALIGN=center>&nbsp;<A HREF=javascript:mroll('mtop"+i+".') CLASS=menuNNb><I>"+voci[i][0]+"</I></A></DIV></LAYER>");
		for (l=1;l<voci[i].length;l++)
			document.writeln("<LAYER NAME=mdep"+i+"."+l+" position=absolute left="+eval(leftmargin+50+largo*i)+" top="+eval(topmargin+15*l)+" width="+largo+" height=15 clip=0,0,"+largo+",15 bgColor="+roff+" visibility=hidden onMouseOver=mroll('mdep"+n+"."+l+"');conta++ onMouseOut=unmroll('mdep"+n+"."+l+"');conta-->&nbsp;<A HREF=javascript:mroll('mdep"+n+"."+l+"') onClick=vai('"+links[i][l]+"',"+i+","+l+") CLASS=menuNN>"+voci[i][l]+"</A></LAYER>");
		}
	}
	else
	{
	document.write("<DIV ID=mtop. STYLE=\"position:absolute;left:"+leftmargin+";top:"+topmargin+";width:50;height:15;background:"+roff+";visibility:visible;cursor:hand\" onMouseOver=showdeps(last,false);mroll('mtop.') onMouseOut=unmroll('mtop.')><A HREF='home.htm' CLASS=menuIEb onFocus=this.blur()>&nbsp;<I>Home</I></A></DIV>");
	for (i=0;i<voci.length;i++)
		{
		var n=i;
		document.writeln("<DIV ID=mtop"+n+". STYLE=\"position:absolute;left:"+eval(leftmargin+50+largo*i)+";top:"+topmargin+";width:"+largo+";height:15;background:"+roff+";visibility:visible;cursor:hand\" onMouseOver=MostraMenu("+n+");mroll('mtop"+n+".');conta++ onMouseOut=last="+n+";unmroll('mtop"+n+".');conta--><DIV ALIGN=center CLASS=menuIEb>&nbsp;<I>"+voci[i][0]+"</I></DIV></DIV>");
		for (l=1;l<voci[i].length;l++)
			document.writeln("<DIV ID=mdep"+i+"."+l+" STYLE=\"position:absolute;left:"+eval(leftmargin+50+largo*i)+";top:"+eval(topmargin+15*l)+";width:"+largo+";height:15;background:"+roff+";visibility:hidden;cursor:hand\" onMouseOver=;mroll('mdep"+n+"."+l+"');conta++ onMouseOut=unmroll('mdep"+n+"."+l+"');conta-- CLASS=menuIE onClick=vai('"+links[i][l]+"',"+i+","+l+")>&nbsp;"+voci[i][l]+"</DIV>");
		}
	}

timer=setInterval("NascondiMenu()",1000)

function NascondiMenu()
	{
	if (conta==0)
		{
		coloratutti(true)
		timer=setTimeout("coloratutti(false)",200);
		timer=setTimeout("showdeps(last,false)",250);
		}
	}

function coloratutti(col)
	{
	colore=col?ron:roff;
	for (i=0;i<voci.length;i++)
		for (j=1;j<voci[i].length;j++)
			{
		if (nn)
			document.layers["mdep"+i+"."+j].bgColor=colore;
		else
			if(document.all)
				document.all["mdep"+i+"."+j].style.background=colore;
				else
				document.getElementById('mdep'+i+"."+j).style.background=colore;
			}
	}

function MostraMenu(n)
	{
	showdeps(last,false);
	showdeps(n,true);
	last=n;
	}

function showdeps(n,act)
	{
	if (conta==0)
		{
		act?stat="visible":stat="hidden";
	if (nn)
		for (i=1;i<voci[n].length;i++)
			document.layers["mdep"+n+"."+i].visibility=stat;
	else
		for (i=1;i<voci[n].length;i++)
			if(document.all)
				document.all["mdep"+n+"."+i].style.visibility=stat;
				else
				document.getElementById('mdep'+n+"."+i).style.visibility=stat;
		}
	}


function vai(dove,r,c)
	{
	lev=nn?document.layers["mdep"+r+"."+c]:(document.all)?document.all["mdep"+r+"."+c].style:document.getElementById("mdep"+r+"."+c).style;
	if (nn)
		{
		lev.bgColor=roff;
		timer=setTimeout("lev.bgColor=ron",50)
		timer=setTimeout("lev.bgColor=roff",100)
		timer=setTimeout("lev.bgColor=ron",150)
		timer=setTimeout("lev.bgColor=roff",200)
		timer=setTimeout("lev.bgColor=ron",250)
		}
		else
		{
		lev.background=roff;
		timer=setTimeout("lev.background=ron",50)
		timer=setTimeout("lev.background=roff",100)
		timer=setTimeout("lev.background=ron",150)
		timer=setTimeout("lev.background=roff",200)
		timer=setTimeout("lev.background=ron",250)
		}
	timer=setTimeout("self.location.href='"+dove+"'",350)
	}

function mroll(l)
	{
	nn?document.layers[l].bgColor=ron:(document.all)?document.all[l].style.background=ron:document.getElementById(l).style.background=ron;
	document.getElementById?document.getElementById(l).style.cursor=document.all?'hand':'pointer':'void(0)';
	if (l.substr(0,4)=="mdep")
		stringa=wst[l.substr(4,l.indexOf(".")-4)][l.substring(l.indexOf(".")+1,l.length)];
			else if (l.length>5)
			stringa=wst[l.substr(4,l.indexOf(".")-4)][0];
				else stringa="Home Page";		
	window.status=stringa;
	timer=setTimeout("window.status=stringa",20);
	}

function unmroll(l)
	{
	nn?document.layers[l].bgColor=roff:(document.all)?document.all[l].style.background=roff:document.getElementById(l).style.background=roff;
	window.status="";
	}

