window.addEvent('domready', init);

function init()
{
	//Asignamos la funcion cambiaOpcion al evento onclick de cada una de las opciones
	var menu = document.getElementById("menu");
	var opciones = menu.getElementsByTagName("a");
	for(var i=0; i<opciones.length; i++) {
		opciones[i].onclick = cambiaOpcion;
	}
	
	//Ocultamos las cabeceras de todos los recuadros
	var navglo = document.getElementById("navglo");
	cabeceras = navglo.getElementsByTagName("h2");
	for(var i=0; i<cabeceras.length; i++) {
		cabeceras[i].style.display = "none";
	}
	//Ocultamos los recuadros que  inicialmente no han de verse
	var experiencia = document.getElementById("experiencia");
	var comunidad = document.getElementById("comunidad");
	experiencia.className = "invisible";
	comunidad.className = "invisible";
}

function cambiaOpcion()
{
	var menu = document.getElementById("menu");
	var opciones = menu.getElementsByTagName("a");
	
	var estudios = document.getElementById("estudios");
	var experiencia = document.getElementById("experiencia");
	var comunidad = document.getElementById("comunidad");
	for(var i=0; i<opciones.length; i++)
	{
		if(opciones[i].firstChild.nodeValue==this.firstChild.nodeValue)
		{
			opciones[i].parentNode.id = "activo";
			//Cambiamos la imagen de fondo
			switch(i)
			{
				case 0:	//Estudios
					estudios.className = "";
					experiencia.className = "invisible";
					comunidad.className = "invisible";
					break;
				case 1:	//Experiencia
					estudios.className = "invisible";
					experiencia.className = "";
					comunidad.className = "invisible";
					break;
				default://Comunidad
					estudios.className = "invisible";
					experiencia.className = "invisible";
					comunidad.className = "";
			}
		} else {
			opciones[i].parentNode.id = "";
		}
	}
	return false;
}