/* 
   Simple JQuery Collapsing menu.
   HTML structure to use:

   <ul id="menu">
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     ...
     ...
   </ul>

Copyright 2007 by Marco van Hylckama Vlieg

web: http://www.i-marco.nl/weblog/
email: marco@i-marco.nl

Free for non-commercial use
*/

function initMenu() {
  $('#menu ul').hide();
  $('#menu li a').click(
    function() {
        $(this).next().slideToggle('normal');	
      }
    );
    
//  Me sirve para abrir el menú en el que estoy para una profundidad 2
	page=document.getElementById("pageactual").value;
	enlace='#'+page;
//	alert(enlace);
  	$(enlace).next().slideToggle('normal');
  	
// 	Por si tengo que desplegar dos niveles
//	En la HOME no tiene valor
  	page2=document.getElementById("pageactual2").value;
  	enlace2='#'+page2;
//	alert(enlace2);
  	$(enlace2).next().slideToggle('normal');
  	
  	
  }
$(document).ready(function() {initMenu();});