/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * Sezione personalizzabile..
 * Modificare le variabili e gli array seguenti per adattare il menu al propri sito.
 * L'ultima voce di questo menu e' un link a JsDir, se credete potete toglierlo, ma in tal caso vi preghiamo
 * di lasciare il riferimento della riga seguente... dopotutto non l'avete pagato nulla, quindi... che vi costa? :-)
 *
 * Ultimo aggiornamento: 09 Aprile 2004
 *
 * Questo menu e' (C)2001 webmasterATjsdir.com - Lo script e' reperibile al sito http://www.jsdir.com - JavaScript Directory
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
var ron="#9999CC"; // Colore al MouseOver
var roff="#000000"; // Colore di default
var leftmargin=600; // Distanza dal margine sinistro della pagina ( ---> v. commento alla riga 57)
var topmargin=158; // Distanza dal margine superiore della pagina
var largo=87; // Larghezza dei layers, quindi distanza (orizzontale) fra i sottomenu

var Home = true; // Settare a "false" se non si desidera il link all'homepage
var HomeLink = "http://www.decocreazioni.it"; // URL della homepage
var HomeText = "HOME"; // Testo del link alla homepage
var HomeWidth = 40; // Larghezza del livello che contiene il tasto alla homepage. (se "Home" viene impostato a "false" viene azzerato.

/* L'array seguente contiene i testi che verranno visualizzati dal menu.
 * Nell'esempio (il menu di JsDir) trovate quattro elementi dell'array "voci" corrispondenti alle quattro voci del menu principale
 * 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("BENVENUTI", "L'Autrice", "Condizioni", "F.A.Q.", "Disclaimer", "Contattami", "Banner", "Thanks")
	voci[1]=new Array("DECOUPAGE", "La storia", "Oggetti grezzi", "Materiali", "Tecnica base", "Tecniche Plus", "I miei lavori", "Libri utili", "Progetti", "Novita'");
	voci[2]=new Array("SHOPPING", "X Decoupage", "Tovaglioli", "Ogg.Grezzi", "Articoli Etnici", "Quadretti", "Idee Regalo", "Libri IBS");
	voci[3]=new Array("I LIBRI", "Decoupage", "Altri Hobby", "Narrativa", "Libri utili", "Cani e Gatti");
	voci[4]=new Array("HOBBY VARI", "Punto Croce", "Biedermeier", "Stencil", "Pasta di Sale", "Pasta di Mais", "Candele", "CaldeleGel", "Elenco");
	voci[5]=new Array("IL SALOTTO", "Fate", "Fatine", "Sirene", "Gnomi", "Amici Animali", "Stereogrammi", "Webmaster", "Per ridere", "Altro");
	voci[6]=new Array("UTILITY", "Il Forum", "I Sondaggi", "La Newsletter", "Oroscopo", "Link Amici");
	voci[7]=new Array("DOWNLOAD", "Immagini free", "Punto Croce", "SfondiDesktop", "Gif Animate", "Altro");

/* Questo array contiene invece i links che saranno aperti dalle singole voci dei sottomenu.
 * In questa nuova versione del menu ( 09 Dic 2002 ) e' possibile specificare un link anche per la voce principale del menu */
var links=new Array();
	links[0]=new Array("/", "Autrice.htm", "CondizioniDuso.htm", "FAQ.htm", "Disclaimer.htm", "Comecontattarmi.htm", "Banner.htm#", "Ringraziamenti.htm")
	links[1]=new Array("Decoupage.htm", "Decoupage_Storia.htm", "Decoupage_Oggetti.htm", "Decoupage_Materiali.htm", "Decoupage_tecnica_Base.htm", "Decoupage_Tecniche_Avanzate.htm", "Mieilavori01.htm", "libri_decoupage.htm", "Progettielenco.htm", "Decoupage_Novita")
	links[2]=new Array("Costruzione.htm", "http://decocreazioni.forumup.it/index.php?c=4&mforum=decocreazioni", "http://decocreazioni.forumup.it/index.php?c=4&mforum=decocreazioni", "http://decocreazioni.forumup.it/index.php?c=4&mforum=decocreazioni", "http://decocreazioni.forumup.it/index.php?c=4&mforum=decocreazioni", "http://decocreazioni.forumup.it/index.php?c=4&mforum=decocreazioni", "http://decocreazioni.forumup.it/index.php?c=4&mforum=decocreazioni", "Libri.htm")
	links[3]=new Array("libri.htm", "librideco.htm", "librialtrihobby.htm", "librialtrinarrativa.htm", "librialtriutili.htm", "libricanigatti.htm")
	links[4]=new Array("AltriHobby.htm", "AltriHobbyPuntoCroce.htm", "AltriHobbyBiedermeier.htm", "AltriHobbyStencil.htm", "AltriHobbyPastaSale.htm", "AltriHobbyPastaMais.htm", "AltriHobbyCandele.htm", "AltriHobbyCandeleGel.htm", "AltriHobby.htm")
	links[5]=new Array("Salotto.htm", "SalottoFate.htm", "SalottoFatedeiFiori.htm", "SalottoSirene.htm", "SalottoGnomi.htm", "SalottoAnimali.htm", "stereogrammi.htm", "Webmaster.htm", "Ridere.htm", "Salotto.htm")
	links[6]=new Array("Utility.htm", "http://www.forumup.it/?mforum=decocreazioni", "Sondaggi.htm", "Newsletter.htm", "Oroscopo.htm", "Link.htm")
	links[7]=new Array("Download.htm", "DownloadIMG.htm", "DownloadSchemi.htm", "DownloadSFONDI.htm", "DownloadGIF.htm", "Download.htm")

/* Questo array contiene i target dei links
 * E' possibile scegliere fra "self", "new"  ed impostare le proprieta' della pop-up
 * "self" aprira' il link nella stessa finestra d'origine "width=600,height=400,resizable=yes,scrollbars=yes"
 * "new" o qualsiasi altro valore aprira' una nuova finestra del browser come un TARGET="_blank" messo in un normale link A 
 * In alternativa e' possibile scrivere la stringa proprieta' della pop-up desiderata come in un normale window.open
 * le proprieta' indicate verranno effettivamente passate ad un'istruzione "window.open()" dalla funzione vai();
 * - - - - - - - - - - - - - - - - - */
var targets=new Array();
	targets[0]=new Array("self", "self", "self", "self", "self", "self", "self", "self")
	targets[1]=new Array("self", "self", "self", "self", "self", "self", "self", "self", "self", "self")
	targets[2]=new Array("self", "new", "new", "new", "new", "new", "new", "self")
	targets[3]=new Array("self", "self", "self", "self", "self", "self")
	targets[4]=new Array("self", "self", "self", "self", "self", "self", "self")
	targets[5]=new Array("self", "self", "self", "self", "self", "self", "self", "self", "self", "self")
	targets[6]=new Array("self", "new", "self", "self", "self", "self")
	targets[7]=new Array("self", "self", "self", "self", "self", "self")

/* Ultimo array.
 * Contiene i testi che saranno visualizzati nella barra di stato del browser quando il mouse e' sopra una voce del menu  */
var wst=new Array();
	wst[0]=new Array("Benvenuti nel sito Decocreazioni.it dedicato al Decoupage ed agli hobby femminili!", "L'autrice del sito, cioe' io,  si presenta: venitemi a conoscere!", "Condizioni d'uso del sito e dei suoi contenuti, ti prego di leggerle questa pagina!", "F.A.Q. La raccolta delle domande piu' frequenti sull'uso del sito e dei suoi contenuti", "Disclaimer, responsabilita', diritti e privacy. E chi piu' ne ha piu' ne metta!", "I modi per mettersi in contatto con me, la creatrice e comandante di questa nave!", "I banner di decocreazioni.it, da utilizzare per inserimento di link, scambio visite, pubblicita' varie! Prendili pure, grazie!", "Chi si merita un grazie lo trova qui!");
	wst[1]=new Array("Entriamo nel vasto ed affascinante mondo del Decoupage", "La storia e le origini di questo hobby", "Gli oggetti grezzi o da decorare che puoi utilizzare per i tuoi lavori", "I materiali e gli attrezzi di ogni brava decoupatrice. Quello che ti serve per metterti al lavoro!", "La tecnica base: impariamo insieme a decorare con il Decoupage", "Decoupage tecniche avanzate: dal Decoupage pittorico al craquele, Decoupage con tovagliolini, tridimensionale e tanto altro...", "Una galleria dei lavori che ho realizzato con la tecnica del Decoupage in questi anni", "Una carrellata di libri sul Decoupage, utili per apprendere ancora meglio la tecnica ed approfondire l'argomento", "I progetti di lavoro e Tutorial. Guide di lavoro spiegate passo passo con fotografie! Vieni a creare con me!", "Parliamo ancora di decoupage con approfondimenti, notizie e curiosita'");
	wst[2]=new Array("Sezione dedicata agli acquisti on line: Il negozio di Decocreazioni con articoli per Decoupage e oggettistica decorata", "Il negozio di Decocreazioni: tutto per il decoupage ed oggettistica decorata", "Centinaia e centinaia di tovagliolini, utili per ogni occasione e per ogni lavoro", "Oggettistica grezza in legno, latta, terracotta, ceramica, vetro e stoffa, pronti da decorare", "Oggettistica decorata in stile Etnico e Africano, sempre con Decoupage", "Simpatici ed economici quadretti artigianali realizzati con la tecnica del Decoupage", "Se devi fare un regalo qui troverai una vasta scelta di offerte di ogni genere, regali e pensierini adatti a tutte le eta'", "IBS.it la piu' grande e fornita libreria on line. Guarda i suoi libri, troverai quel che cerchi!");
	wst[3]=new Array("Sezione dedicata ai libri con recensioni e collegamenti diretti per l'acquisto on line.", "Recensione di libri dedicati al Decoupage", "Recensione di libri dedicati a tutti gli hobby femminili", "Recensione di libri di narrativa letti da me che mi sento di consigliarvi", "Recensione di altri libri utili per trovare immagini per decoupage ed altro", "Recensione di libri su cani, gatti ed altri animali.");
	wst[4]=new Array("Sezione dedicata alla spiegazione delle tecniche di altri hobby femminili", "Il Punto Croce e le sue infinite sfumature: come dipingere con ago e filo!", "Il Biedermeier: un mondo di spezie e profumi per abbellire le nostre vite", "Lo Stencil: spugne e colore per dare nuova vita anche alle pareti di casa", "Creazioni con Pasta di Sale: invece della pizza delle vere e proprie opere d'arte!", "Creazioni con Pasta di Mais: altro che polenta, sono delle statue!", "Candele di cera, impariamo a crearle e decorarle", "Candele Gel: il fascino della trasparenza per creare candele uniche", "Raccolta di Hobby Femminili: sezione dedicata alla spiegazione delle tecniche di altri hobby femminili");
	wst[5]=new Array("Il Salotto di DecoCreazioni: uno spazio aperto e libero per parlare di tutto", "Le Fate in Italia e nel mondo, fantasia o realta'?", "La storia delle bellissime Fatine dei Fiori e la sua creatrice", "Impariamo a conoscere la piu' affascinante creatura dei mari: la sirena", "Un passo nel bosco ed incontriamo il piccolo popolo: lo gnomo, personaggio reale o di fantasia?", "Amici Animali: le creature piu' belle del mondo. Impariamo a conoscerli e aiutiamo quelli piu' indifesi e maltrattati. Speciale NO ALLA VIVISEZIONE", "Gli stereogrammi, questi sconosciuti... immagini tridimensionali ed illusioni ottiche", "Consigli e suggerimenti per Webmaster. Se hai un tuo sito o vuoi averne uno questa sezione fa per te!", "Per ridere un po': barzellette, stupidiario, storielle simpatiche, perche' ridere fa bene al cuore!", "Altre sezioni dove trovare di tutto un po'");
	wst[6]=new Array("Le utility di DecoCreazioni: servizi agli utenti, interattivita' e tanto altro", "Il Forum di DecoCreazioni, il nuovo punto di ritrovo per gli amanti del Decoupage e degli hobby femminili.", "I nostri Sondaggi: un modo per conoscerci meglio, rispondi ai sondaggi del mese, i risultati sono visibili on line e anonimi!", "La Newsletter del Decoupage: iscriviti per essere sempre informata sulle novita' del sito!", "Oroscopo della settimana, gentilmente offerto da www.hcw.it: segno per segno i consigli delle stelle", " I Link amici di Decocreazioni: siti utili, siti amici, siti da visitare!");
	wst[7]=new Array("Sezione DOWNLOAD FREE: tutto quello che trovi qui e' assolutamente gratis!", "Immagini per decoupage: una carrellata con centinaia di immagini da scaricare e stampare per i tuoi lavori, divise per argomento!", "Schemi per Punto Croce: schemi liberi da scaricare per i tuoi lavori, divisi per argomento", "Scarica gli sfondi per desktop di Decocreazioni", "Gif Animate: sempre utili per abbellire email e siti, ecco una carrellata di gif da scaricare, divise per argomento", " Altre sezioni di download gratis da scaricare");

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * 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, ad eccezione della riga evidenziata
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
var nn=document.layers?true:false,N6=navigator.userAgent.toLowerCase().indexOf("gecko")!=-1?true:false,conta=0,last=0;
var op=navigator.userAgent.toLowerCase().indexOf("opera")!=-1?true:false
HomeWidth=Home?HomeWidth:0;
var MenuLength=HomeWidth+largo*voci.length;
var BrowserWidth=nn||op?window.innerWidth:N6?document.width:document.body.clientWidth;
leftmargin=parseInt((BrowserWidth-MenuLength)/2); // Commentare questa riga con // all'inizio se non si desidera i menu al centro della pagina, bensi' nella posizione definita in "leftmargin"

if (nn)
	{
	if (Home)
		document.write("<LAYER NAME=mtop. position=absolute left="+leftmargin+" top="+topmargin+" width="+HomeWidth+" height=15 clip=0,0,"+HomeWidth+",15 bgColor="+roff+" visibility=visible onMouseOver=showdeps(last,false);mroll('mtop.') onMouseOut=unmroll('mtop.') CLASS=menuNNb>&nbsp;<A HREF='"+HomeLink+"' CLASS=menuNNb>"+HomeText+"</A></LAYER>");
	for (i=0;i<voci.length;i++)
		{
		var n=i;
		document.writeln("<LAYER NAME=mtop"+n+". position=absolute left="+eval(leftmargin+HomeWidth+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 CLASS=menuNNb>&nbsp;<A HREF=javascript:mroll('mtop"+i+".') onClick=vai('"+links[i][0]+"',"+i+",0) CLASS=menuNNb>"+voci[i][0]+"</A></DIV></LAYER>");
		for (l=1;l<voci[i].length;l++)
			document.writeln("<LAYER NAME=mdep"+i+"."+l+" position=absolute left="+eval(leftmargin+HomeWidth+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--  CLASS=menuNNb>&nbsp;<A HREF=javascript:mroll('mdep"+n+"."+l+"') onClick=vai('"+links[i][l]+"',"+i+","+l+") CLASS=menuNN>"+voci[i][l]+"</A></LAYER>");
		}
	}
	else
	{
	if (Home)
		document.write("<div id='mtop.' style=\"position:absolute;left:"+leftmargin+"px;top:"+topmargin+"px;width:"+HomeWidth+"px;height:15px;background-color:"+roff+";visibility:visible;cursor:hand;\" onmouseover=\"showdeps(last,false);mroll('mtop.');\" onmouseout=\"unmroll('mtop.');\"><div class='menuIEb'><a href='"+HomeLink+"' class='menuIEb' onfocus='this.blur();'>&nbsp;"+HomeText+"</a></div></div>");
	for (i=0;i<voci.length;i++)
		{
		var n=i;
		document.writeln("<div id='mtop"+n+".' style=\"position:absolute;left:"+eval(leftmargin+HomeWidth+largo*i)+"px;top:"+topmargin+"px;width:"+largo+"px;height:15px;background-color:"+roff+";visibility:visible;cursor:hand\" onmouseover=\"MostraMenu("+n+");mroll('mtop"+n+".');conta++;\" onmouseout=\"last="+n+";unmroll('mtop"+n+".');conta--;\"><div style='text-align : center ; ' class='menuIEb' onclick=\"vai('"+links[i][0]+"',"+i+",0);\">&nbsp;"+voci[i][0]+"</div></div>");
		for (l=1;l<voci[i].length;l++)
			document.writeln("<div id='mdep"+i+"."+l+"' style=\"position:absolute;left:"+eval(leftmargin+HomeWidth+largo*i)+"px;top:"+eval(topmargin+15*l)+"px;width:"+largo+"px;height:15px;background-color:"+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()",500)

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)
	{
	if (c>0)
		lev=nn?document.layers["mdep"+r+"."+c]:(document.all)?document.all["mdep"+r+"."+c].style:document.getElementById("mdep"+r+"."+c).style;
	else
		lev=nn?document.layers["mtop"+r+"."]:(document.all)?document.all["mtop"+r+"."].style:document.getElementById("mtop"+r+".").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)
		}
   	if (navigator.userAgent.toLowerCase().indexOf("msie")!=-1 && navigator.platform.toLowerCase().indexOf("mac")=="mac")
	   document.write("")  
	timer=targets[r][c]=="self"?setTimeout("self.location.href='"+dove+"'",350):targets[r][c]=="new"?setTimeout("window.open('"+dove+"')",350):setTimeout("window.open('"+dove+"','','"+targets[r][c]+"')",350);
	}

function mroll(l)
	{
	LTop="mtop"+l.substr(4,l.indexOf(".")-4)+".";
	nn?document.layers[LTop].bgColor=ron:(document.all)?document.all[LTop].style.background=ron:document.getElementById(LTop).style.background=ron;
	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)
	{
	LTop="mtop"+l.substr(4,l.indexOf(".")-4)+".";
	nn?document.layers[LTop].bgColor=roff:(document.all)?document.all[LTop].style.background=roff:document.getElementById(LTop).style.background=roff;
	nn?document.layers[l].bgColor=roff:(document.all)?document.all[l].style.background=roff:document.getElementById(l).style.background=roff;
	window.status="";
	}

onresize=function() {self.location.reload()};
