// JavaScript Document

// Come funziona il menu??
// Allora, nella pagina html io ho una cosa di questo genere: 

/*
Prima tendina

<a href="#" onclick="javascript:qualemenu('collezione1')" id="collezione1link"><span>Link Apri/Chiudi</span></a> -> Link Apri/Chiudi della tendina...
            
			<div id="collezione1" style="display: none;"> ->Div nascosta, la tanto amata tendina che appare e scompare...
                <a href='#'><span class="sottovoce">Link 1</span></a>
                <a href='#'><span class="sottovoce">Link 2</span></a>
                <a href='#'><span class="sottovoce">Link 3</span></a>            
            </div>

*/

function inizializzailmenu()
{
	document.getElementById('collezione1').style.display = "none";
	document.getElementById('collezione1link').style.color = "#AAAAAA";
	document.getElementById('collezione1link').style.backgroundImage='url(/img/menu-off.jpg)';
	document.getElementById('collezione2').style.display = "none";
	document.getElementById('collezione2link').style.color = "#AAAAAA";
	document.getElementById('collezione2link').style.backgroundImage='url(/img/menu-off.jpg)';
	document.getElementById('collezione3').style.display = "none";
	document.getElementById('collezione3link').style.color = "#AAAAAA";
	document.getElementById('collezione3link').style.backgroundImage='url(/img/menu-off.jpg)';
	document.getElementById('collezione5').style.display = "none";
	document.getElementById('collezione5link').style.color = "#AAAAAA";
	document.getElementById('collezione5link').style.backgroundImage='url(/img/menu-off.jpg)';
	document.getElementById('collezione4').style.display = "none";
	document.getElementById('collezione4link').style.color = "#AAAAAA";
	document.getElementById('collezione4link').style.backgroundImage='url(/img/menu-off.jpg)';
	document.getElementById('collezione6').style.display = "none";
	document.getElementById('collezione6link').style.color = "#AAAAAA";
	document.getElementById('collezione6link').style.backgroundImage='url(/img/menu-off.jpg)';
	document.getElementById('collezione7').style.display = "none";
	document.getElementById('collezione7link').style.color = "#AAAAAA";
	document.getElementById('collezione7link').style.backgroundImage='url(/img/menu-off.jpg)';
}

function qualemenu(idcollezione)
{
	if(document.getElementById(idcollezione).style.display == "none")
	{
		inizializzailmenu();
		document.getElementById(idcollezione).style.display = "block";
		document.getElementById(idcollezione+'link').style.color = "#CCCCCC";
		document.getElementById(idcollezione+'link').style.backgroundImage='url(/img/menu-on.jpg)';
	}
	else
	{
		inizializzailmenu();
	}
}