/* Función que gestiona el menú desplegable */
function onClick() {
	//si la capa ya esta mostrada la ocultamos
	//alert(this.className);
	var clase    = this.className;
	var posicion = clase.indexOf("iehover");
	var posiciondesplegar = clase.indexOf("desplegar");
	if(posicion == -1){
		//buscar el Li que tiene la clase iehover y se cambia
		var oMenu = document.getElementById('navegacion');
	    var aLi = oMenu.getElementsByTagName('li');
	    for (var i=0;i<aLi.length;++i) {	
			var pos = aLi[i].className.indexOf("iehover");
			if(pos != -1){
				aLi[i].className = aLi[i].className.substr(0,pos)
			}
	    }
		if(posiciondesplegar!=-1)
				this.className += " iehover";
	}else{
		this.className = clase.substr(0,posicion);
	}

}

function GestionarMenu(){
	var oMenu = document.getElementById('navegacion');
	if (oMenu!=null){
		var aLi = oMenu.getElementsByTagName('li');
		for (var i=0;i<aLi.length;i++) {	
			aLi[i].onclick = onClick;
			aUl = aLi[i].getElementsByTagName('ul');
			for (var j=0;j<aUl.length;j++){
				aUl[j].className="ocultar";
			}
		} 
	}
}