// JavaScript Document

/* MENU orizzontale a tendina */
/* Esempio XHTML:
<div id="menu">
  <ul id="csstopmenu">
    <li class="mainitems" style="border-left-width: 1px">
      <div class="headerlinks"><a href="#">PRIMO</a></div>
      <ul class="submenus">
        <li><a href="#">Uno</a></li>
        <li><a href="#">Due</a></li>
        <li><a href="#">Tre</a></li>
      </ul>
    </li>
    <li class="mainitems">
      <div class="headerlinks"><a href="#">SECONDO</a></div>
      <ul class="submenus" style="width: 14em">
        <li><a href="">Quattro</a></li>
        <li><a href="">Cinque</a></li>
        <li><a href="">Sei</a></li>
      </ul>
    </li>
  </ul>
  <div id="clearmenu" style="clear: left"></div>
</div>
*/

function startMenu() {
  if (document.all&&document.getElementById) {
    cssmenu = document.getElementById("csstopmenu");
    for (i=0; i<cssmenu.childNodes.length; i++) {
      node = cssmenu.childNodes[i];
      if (node.nodeName=="LI") {
        node.onmouseover=function() {
          this.className+=" over";
        }
        node.onmouseout=function(){                  
          this.className=this.className.replace(" over", "");
        }
      }
    }
  }
}

if (window.attachEvent) {
  window.attachEvent("onload", startMenu);
}
else {
  window.onload=startMenu;
}
  

/* ELENCO ad apparizione verticale */
/* Esempio XHTML:
    <li>
      <a href="#" onclick="return showList('elenco1')">PRIMO</a>
      <div class="myList" id="elenco1">
	       <li><a href="#"> Prima voce   </a></li>
	       <li><a href="#"> Seconda voce </a></li>
      </div>
    </li>        
    <li>
      <a href="#" onclick="return showList('elenco1')">SECONDO</a>
      <div class="myList" id="elenco1">
	       <li><a href="#"> Prima voce   </a></li>
	       <li><a href="#"> Seconda voce </a></li>
      </div>
    </li>
*/

function showList(elencoAttuale) {
  if (document.getElementById) {
    questoElenco = document.getElementById(elencoAttuale).style;
		if (questoElenco.display == "block") {
		  questoElenco.display = "none";
		}
		else {
		  questoElenco.display = "block";
		}
		return false;
	}
	else {
	 return true;
	}
}

/* .............. */