// JavaScript Document
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

<!-- inizio funzioni per il menu -->
var _ACTIVE_IMG = "";
var _ACTIVE_PARENT = "";

//array che contiene tutti gli id delle immagini 
//delle voci di menu divisi per div
var parentImg = new Array();
parentImg["subMenuProdotti"] = "prodotti";
parentImg["subMenuServizi"] = "servizi";
parentImg["subMenuDiffusion"] = "diffusion";
var submenuImg = new Array();
submenuImg["subMenuProdotti"] = new Array();
submenuImg["subMenuProdotti"][submenuImg["subMenuProdotti"].length] = "colore";
submenuImg["subMenuProdotti"][submenuImg["subMenuProdotti"].length] = "styling";
submenuImg["subMenuProdotti"][submenuImg["subMenuProdotti"].length] = "trattamento";
submenuImg["subMenuProdotti"][submenuImg["subMenuProdotti"].length] = "make-up";
submenuImg["subMenuProdotti"][submenuImg["subMenuProdotti"].length] = "technical";
//submenuImg["subMenuProdotti"][submenuImg["subMenuProdotti"].length] = "care";
submenuImg["subMenuProdotti"][submenuImg["subMenuProdotti"].length] = "formen";
submenuImg["subMenuServizi"] = new Array();
submenuImg["subMenuServizi"][submenuImg["subMenuServizi"].length] = "centrotecnico";
//submenuImg["subMenuServizi"][submenuImg["subMenuServizi"].length] = "Seminari-Diego-Dalla-Palma";
submenuImg["subMenuServizi"][submenuImg["subMenuServizi"].length] = "in-area";
submenuImg["subMenuServizi"][submenuImg["subMenuServizi"].length] = "percorso-eks";
submenuImg["subMenuServizi"][submenuImg["subMenuServizi"].length] = "eventi";
submenuImg["subMenuDiffusion"] = new Array();
submenuImg["subMenuDiffusion"][submenuImg["subMenuDiffusion"].length] = "Spazio-Hair";
submenuImg["subMenuDiffusion"][submenuImg["subMenuDiffusion"].length] = "I-Giannini";
//submenuImg["subMenuDiffusion"][submenuImg["subMenuDiffusion"].length] = "MadeinItaly";
//submenuImg["subMenuDiffusion"][submenuImg["subMenuDiffusion"].length] = "Hair-Show";
//submenuImg["subMenuDiffusion"][submenuImg["subMenuDiffusion"].length] = "altra-lei-club";


//funzione che attiva il menu
function showSubmenu(divId)
{
  var elem;
  //verifico se esiste un'entry per il div di menu
  if(submenuImg[divId])
  {
    //ciclo sugli id delle immagini, le reperisco e metto il display = block
    for(var i=0; i < submenuImg[divId].length; i++)
    {
      elem = document.getElementById(submenuImg[divId][i]);
      if(elem)
        elem.style.display = "block";
    }
  }
}

//funzione che disattiva il menu
function hideSubmenu(divId)
{
  var elem;
  //verifico se esiste un'entry per il div di menu
  if(submenuImg[divId])
  {
    //ciclo sugli id delle immagini, le reperisco e metto il display = none, verificando di
    //non disattivare l'eventuale voce di sezione acccesa
    for(var i=0; i < submenuImg[divId].length; i++)
    {
      elem = document.getElementById(submenuImg[divId][i]);
      if(elem && _ACTIVE_IMG != submenuImg[divId][i])
        elem.style.display = "none";
    }
  }
}

//funzione che rende attiva una voce di menu
function setActiveMenuItem(divId,imgId)
{
  var elem;
  //verifico se esiste un'entry per il div di menu
  if(submenuImg[divId])
  {
    //ciclo sugli id di menu fino a trovare quello che voglio attivare
    for(var i=0; i < submenuImg[divId].length; i++)
      if(submenuImg[divId][i] == imgId)
      {
        //disattivo l'eventuale voce di menu attiva
        if(_ACTIVE_IMG != "")
        {
          elem = document.getElementById(_ACTIVE_IMG);
          if(elem)
            elem.style.display = "none";
        }
								if(_ACTIVE_PARENT != "")
								{
										elem = document.getElementById(_ACTIVE_PARENT)
										if(elem)
											setParentImage(elem, false);
								}
        //memorizzo la voce di menu attiva
        _ACTIVE_IMG = imgId;
								_ACTIVE_PARENT = parentImg[divId];
        //metto il suo display a block
        elem = document.getElementById(submenuImg[divId][i]);
        if(elem)
          elem.style.display = "block";
								elem = document.getElementById(submenuImg[divId][i]);
        if(elem)
          elem.style.display = "block";
								elem = document.getElementById(_ACTIVE_PARENT);
        if(elem)
          setParentImage(elem, true);
      }
  }
}

function setParentImage(img, on)
{
		var src = img.src;
		var splitted = src.split(".");
		var name = "";
		var ext = "";
		for(var i =0; i < splitted.length -1 ; i++)
		{
			if(i > 0)
				name += ".";
			name += splitted[i];
		}
		ext = splitted[i];
		if(on)
			name = name.substr(0,name.length - 6) + "_sel" + name.substr(name.length - 6,6);
		else
		 name = name.substr(0,name.length - 10) + name.substr(name.length - 6,6);
		src = name + "." + ext;
		img.src = src;
}
<!-- fine funzioni per il menu -->

<!-- funzioni per menu verticale -->
function getMenu()
{
	var retValue = null;
	var allTables = document.getElementsByTagName("TABLE");
	if(allTables && allTables.length > 0)
		for(var i=0; i < allTables.length; i++)
			if(allTables[i].className && 
				allTables[i].className != "" && 
				allTables[i].className.indexOf("CMSTreeMenuTable") >= 0)
				{
					retValue = allTables[i];
					break;
				}
	return retValue;
}

function setVerticalMenu(path)
{	
	//divido e costruisco il path radice
	var splitted = path.split("/");
	var rootPath = "/"+splitted[1]+"/"+splitted[2]+"/"+splitted[3]+".aspx";

	//recupero la tabella di menu
	var table = getMenu();
	if(table != null)
	{
		//cicla sulle righe
		for(var i=0; i < table.rows.length; i++)
		{
			//prende la riga selezionata, la prima cella e il link
			var link = table.rows[i].cells[0].getElementsByTagName("a")[0];
			if(removeServerFromUrl(link.href) == rootPath)
			{
				var prefix = link.className.substring(0,link.className.indexOf("CMSTreeMenuLink"));
				link.className = prefix + "CMSTreeMenuSelectedLink";
			}
		}
	}
}

function removeServerFromUrl(url)
{
	var retValue = url;
	var pos = url.indexOf("//");
	if(pos >= 0)
	{
		pos = url.indexOf("/",pos+2);
		if(pos >= 0)
			retValue = url.substring(pos);
	}
	return retValue;
}
function setNewsMenu(path)
{
	path = path+".aspx";
	//recupero la tabella di menu
	var table = document.getElementById("lastNews");
	if(table != null)
	{
		//cicla sulle righe
		for(var i=0; i < table.rows.length; i++)
		{
			//prende la riga selezionata, la prima cella e il link
			var link = table.rows[i].cells[0].getElementsByTagName("a")[0];
			
			if(removeServerFromUrl(link.href) == path)
			{
				var prefix = link.className.substring(0,link.className.indexOf("CMSTreeMenuLink"));
				link.className = prefix + "CMSTreeMenuSelectedLink";
			}
		}
	}
}


<!-- fine funzioni per menu verticale -->

function closeAnimMakeup()
{
	document.getElementById('entry-Makeup').style.display = "none";
	document.getElementById('animMakeup').style.display = "block";
}

/* per il menu */
function openMenu (link)
{
	if(link.parentNode)
		link = link.parentNode;
	var elements = link.getElementsByTagName("ul");
	if(elements && elements.length > 0)
	{
		if(elements[0].style)
			elements[0].style.display = (elements[0].style.display == "block") ? "none" : "block";
	}
	return false;
}