/*
Javascript Menu v1.2, di Stefano Bonora.
*/
var MROOT = "/menu/";
var ROOTPAGINE = "/foto/introPages/HTML/";
var TIMEOUT=600; //tempo in millisecondi nel quale i menu restano visibili dopo che il mouse ne è uscito

/*
Le due proprietà che seguono devono riflettere ciò che viene specificato nel
css.
Non leggo le proprietà runtime per compatibilità con i diversi browser.
*/
var SUBMENUWIDTH=170; //la larghezza in pixel di ogni menu.
var MAINENTRYHEIGHT=22; //l'altezza alla quale appaiono i submenu contando a partire dall'angolo in alto a sx della barra

//variabile che contiene le voci del menu. È possibile mettere quante voci si
//vogliono. Occhio alle virgole.

var contenuto = [ 
	['<img src="'+MROOT+'m1.gif">', [
		["Cravatte Tessute","cravTess.html"],
		["Cravatte Stampate","cravStamp.html"],
		["Sciarpe e Foulard","sciarpe_foulard.html"],
		["Parei","pareo.html"],
		["Bags","borse_promoz.html"],
		["Grembiuli","grembiuli.html"],
		["Giochi","giochi.html"],
		["Tovagliette","tovagliette.html"]
		]
	,150], //questo numero rappresenta la larghezza del menu
	['<img src="'+MROOT+'m2.gif">', [
		["Progetti Personalizzati","progPerso.html"],
		["Collezione","collezioni.html"],
		["Bags ad Hoc","borse_ad_hoc.html"]
		]
	,170], //questo numero rappresenta la larghezza del menu
	['<img src="'+MROOT+'m3.gif">', [
		["Jacquard","disegnitessili.html"]
		]
	,130], //questo numero rappresenta la larghezza del menu
	['<img src="'+MROOT+'m4.gif">', [
		["Intro","baldoria.html"]
		]
	,80], //questo numero rappresenta la larghezza del menu
	['<img src="'+MROOT+'m5.gif">', [
		["Home","miho.html"]
		]
	,80] //questo numero rappresenta la larghezza del menu
]



// non modificare niente sotto questa riga!

var curmenu=NaN;
var the_timeout;
function showMenu(menu) {
	for (i=0; i<contenuto.length; i++) {
		document.getElementById('menu'+i).style.visibility='hidden';
	}
	curmenu=menu;
	document.getElementById('menu'+menu).style.visibility="visible";
}
function hideMenu(menu) {
	curmenu=NaN;
	the_timeout = setTimeout("hideIf("+menu+")", TIMEOUT);
}
function hideNow(menu) {
	if(!isNaN(menu)) document.getElementById('menu'+menu).style.visibility='hidden';
}
//nasconde il menu se...
function hideIf(menu) {
	if (isNaN(curmenu)) {
		hideNow(menu);
		curmenu=NaN;
	}
}
function stopHideMenu(menu) { //blocca il timeout di chiusura
	curmenu=menu;
	clearTimeout(the_timeout);
}
function insertMenu() {
	document.write('<div class="menubar" id="menubar">');
	for (i=0; i<contenuto.length; i++) {
		document.write('<div class="mainentry" id="mainentry-'+i+'" onmouseover="showMenu('+i+')" onmouseout="hideMenu('+i+')">'+contenuto[i][0]+'</div>');
		element= document.getElementById('mainentry-'+i);
		left = 0;
		for (k=i-1; k>=0; k--) {
			left = left+contenuto[k][2];
		}
		//element.style.left=i*SUBMENUWIDTH+'px';
		element.style.left=left+'px';
		element.style.width=contenuto[i][2]+"px";
	}
	for (i=0; i<contenuto.length; i++) {
		buildSubMenu(i);
	}
	document.write("</div>");
}
function buildSubMenu(i) {
	document.write('<div class="submenu" id="menu'+i+'" onmouseout="hideMenu('+i+')" onmouseover="stopHideMenu('+i+')">');
	for (j=0;j<contenuto[i][1].length;j++) {
		document.write('<div class="entryoff" name="entry'+i+'-'+j+'" onmouseover="turnon(this);" onmouseout="turnoff(this)"><a class="menulink" href="'+ROOTPAGINE+contenuto[i][1][j][1]+'">'+contenuto[i][1][j][0]+'</a></div>')	
	}
	document.write('</div>');
	element= document.getElementById('menu'+i);
	element.style.top=MAINENTRYHEIGHT+"px";
	//element.style.left=i*SUBMENUWIDTH;
	left=contenuto[i][2]/2 - SUBMENUWIDTH/2;
	for (k=i-1; k>=0; k--) {
		left +=contenuto[k][2];
	}
	if (left<0) left=0;
	element.style.left=left+'px';
}
function turnon(element) {
	element.className="entryon";
}
function turnoff(element) {
	element.className="entryoff";
}