/*******************************************************

20/09/2002 mpedrazzoli@bee-side.com

*******************************************************/


/**************************************************************

come aggiungere un nuovo elemento:

- modificare i 2 array MenuItem00, statoMenu;
- incrementare divTotali;
- creare 2 div mx & m0x con i relativi stili;

**************************************************************/

//detect browser
var ie="";
var mo="";
var mc="";
var timer ="";

var sottoMenu = "";	
var divTotali = 6;


if ( (navigator.userAgent.indexOf("Mac") != -1) ) mc = true;

else {
	if (document.all) ie = true;
	else if ( (document.getElementById) && (!document.all) ) mo = true;
}


function roll(nomeImg, stato){
	if(stato == 'on'){
		document.images[nomeImg].src = "gfx/"+nomeImg+"-"+stato+".gif";		
	}
	else{
		document.images[nomeImg].src = "gfx/"+nomeImg+"-"+stato+".gif";
	}
}



function preload(name,src){
	eval(name + "= new Image()");
	eval(name + ".src ='"+ src +"'");
}

preload("img0", "gfx/on.gif");
preload("img0", "gfx/off.gif");


MenuItem00 = ["Arte", "Architettura", "Moda e Costume", "Fotografia", "Letteratura", "Musica & Spettacolo", "Guide"];
statoMenu = ["0", "0", "0", "0", "0", "0", "0"];

function pos(mostra){

	//posiziona tutti i div in base alle posizioni di left e top di m0!
	for (x=1; x<=divTotali; x++){

		if (ie){
			document.all["m" + x].style.top = document.all["m0"].offsetTop + 15 * x;				
			document.all["m0" + x].style.left = document.all["m00"].offsetLeft + 15 * x;
		
			document.all["m" + x].style.left = document.all["m0"].offsetLeft;				
			document.all["m0" + x].style.left = document.all["m00"].offsetLeft;

			document.all["m" + x].style.visibility = "visible";
		}

		if (mo || mc){
			document.getElementById("m" + x).style.top = document.getElementById("m0").offsetTop + 15 * x;				
			document.getElementById("m0" + x).style.left = document.getElementById("m00").offsetLeft + 15 * x;
		
			document.getElementById("m" + x).style.left = document.getElementById("m0").offsetLeft;				
			document.getElementById("m0" + x).style.left = document.getElementById("m00").offsetLeft;	
			
			document.getElementById("m" + x).style.visibility = "visible";
		}
/*
		if (mc){
			document.all["m" + x].style.top = 25 + document.all["m0"].offsetTop + 15 * x;				
			document.all["m0" + x].style.left = document.all["m00"].offsetLeft + 15 * x;
		
			document.all["m" + x].style.left = document.all["m0"].offsetLeft;				
			document.all["m0" + x].style.left = document.all["m00"].offsetLeft;

			document.all["m" + x].style.visibility = "visible";
		}
*/		

	}

	if (mostra>=0) {
		swapTend(mostra, 'on');
	}

}


function moveDiv(clickDiv, subMenu){
	
	if (statoMenu[clickDiv] == "0") statoMenu[clickDiv] = "1";
	
	else if (statoMenu[clickDiv] == "1") statoMenu[clickDiv] = "0";

	for (x=0; x<statoMenu.length; x++){

	nomeDiv = eval(clickDiv + 1);		
		
	if ( statoMenu[clickDiv] == "1" ){
		
		if (ie) document.all["m0" + clickDiv].style.visibility = "visible";
		if (mo || mc) document.getElementById("m0" + clickDiv).style.visibility = "visible";
		//if (mc) document.all["m0" + clickDiv].style.visibility = "visible";


		document.images["img"+clickDiv].src = "gfx/on.gif";	
		//if (mo) alert(document.images["img"+clickDiv].src);		

		for (x=nomeDiv; x<=divTotali; x++){
			
			if (ie) {
				document.all["m" + x].style.top = document.all["m" + x].offsetTop + document.all[subMenu].offsetHeight;							
				document.all["m0" + x].style.top = document.all["m0" + x].offsetTop + document.all[subMenu].offsetHeight;
			}
			
			if (mo || mc){
				document.getElementById("m" + x).style.top = document.getElementById("m" + x).offsetTop + document.getElementById(subMenu).offsetHeight;
				document.getElementById("m0" + x).style.top = document.getElementById("m0" + x).offsetTop + document.getElementById(subMenu).offsetHeight;
			}
/*			
			if (mc) {
				document.all["m" + x].style.top = document.all["m" + x].offsetTop + (document.all[subMenu].offsetHeight + 35);							
				document.all["m0" + x].style.top = document.all["m0" + x].offsetTop + (document.all[subMenu].offsetHeight + 35);
			}
*/			
		}
	}

	else {
		
		if (ie) document.all["m0" + clickDiv].style.visibility = "hidden";	
		if (mo || mc) document.getElementById("m0" + clickDiv).style.visibility = "hidden";
		//if (mc) document.all["m0" + clickDiv].style.visibility = "hidden";

		document.images["img"+clickDiv].src = "gfx/off.gif";
		//if (mo) alert(document.images["img"+clickDiv].src);			
		
		for (x=nomeDiv; x<=divTotali; x++){

			if (ie){
				document.all["m" + x].style.top = document.all["m" + x].offsetTop - document.all["m0" + clickDiv].offsetHeight;
				document.all["m0" + x].style.top = document.all["m0" + x].offsetTop - document.all["m0" + clickDiv].offsetHeight;				
			}

			if (mo || mc){
				document.getElementById("m" + x).style.top = document.getElementById("m" + x).offsetTop - document.getElementById("m0" + clickDiv).offsetHeight;
				document.getElementById("m0" + x).style.top = document.getElementById("m0" + x).offsetTop - document.getElementById("m0" + clickDiv).offsetHeight;
			}
/*
			if (mc){
				document.all["m" + x].style.top = document.all["m" + x].offsetTop - document.all["m0" + clickDiv].offsetHeight + 15;
				document.all["m0" + x].style.top = document.all["m0" + x].offsetTop - document.all["m0" + clickDiv].offsetHeight;				
			}
*/			

		}

	}		
}	
}	

function posSubItem(nuovoDiv, vecchioDiv){
	
	sottoMenu = nuovoDiv;

	if (ie){
		document.all[nuovoDiv].style.top = document.all[vecchioDiv].offsetTop + 15;
		document.all[nuovoDiv].style.left = document.all[vecchioDiv].offsetLeft + 25;
	}
	if (mo || mc){
		document.getElementById(nuovoDiv).style.top = document.getElementById(vecchioDiv).offsetTop + 15;
		document.getElementById(nuovoDiv).style.left = document.getElementById(vecchioDiv).offsetLeft + 25;
	}
/*	
	if (mc){
		document.all[nuovoDiv].style.top = document.all[vecchioDiv].offsetTop + 35;
		document.all[nuovoDiv].style.left = document.all[vecchioDiv].offsetLeft + 25;
	}
*/	
}



///////////////////////////////////////////// tendine ///////////////////////////////////////////////////////////////



var divTotaliMenu = 5;
var timer = "";


//mostra o nasconde la tendina
function swapTend(nomeDiv, stato){

	if (ie){
		document.all["subMenu0"+nomeDiv].style.top = document.all["menuItem0"+nomeDiv].offsetTop + 25;
		document.all["subMenu0"+nomeDiv].style.left = document.all["menuItem0"+nomeDiv].offsetLeft;
	}

	if (mo || mc){
		document.getElementById("subMenu0"+nomeDiv).style.top = document.getElementById("menuItem0"+nomeDiv).offsetTop + 25;
		document.getElementById("subMenu0"+nomeDiv).style.left = document.getElementById("menuItem0"+nomeDiv).offsetLeft;
	}

	if (stato == "on") {	
		//alert("pippo");
	
		if (ie) document.all["subMenu0"+nomeDiv].style.visibility = "visible";
		if (mo || mc) document.getElementById("subMenu0"+nomeDiv).style.visibility = "visible";

		clearTime();
	}
	
	else {
		var aMenu = "hideDiv('" + nomeDiv + "')";
		timer = window.setTimeout(aMenu, 400);
	}

}

//nasconde la tendina selezionata
function hideDiv(pass){
	if (ie) document.all["subMenu0" + pass].style.visibility = "hidden";
	if (mo || mc) document.getElementById("subMenu0" + pass).style.visibility = "hidden";
}

//nasconde tutti i div
function hideAll(mostra){

	if (mostra>=0) {
		for(i=0;i<=divTotaliMenu;i++){
			if (i!=mostra) {
	                        if (ie) document.all['subMenu0'+i].style.visibility = "hidden";
        	                if (mo || mc) document.getElementById('subMenu0'+i).style.visibility = "hidden";
			}
                }
	} else {
		for(i=0;i<=divTotaliMenu;i++){
			if (ie) document.all['subMenu0'+i].style.visibility = "hidden";
			if (mo || mc) document.getElementById('subMenu0'+i).style.visibility = "hidden";
		}
	}

}

//pulisce il timeout
function clearTime(){
	window.clearTimeout(timer);
}