//Script para el menú

//Variables del ancho y alto de la ventana principal
var alto = 370 //375
var ancho = 665
var porcentaje_bajada = 0.2
//Variable que informa sobre la ventana de Ayuda
var Ayuda = "Cerrada"
var VentanaAyuda = null

var Id_Nivel_2 = ""

function Ajustar_Pagina()
{
var ancho_capa = 780 //es el ancho de mi capa_pagina que es la capa que contiene todo
var alto_capa = 405 //es el alto de mi capa_pagina que es la capa que contiene todo
var ancho_pantalla = window.screen.width //es el ancho de la pantalla
var alto_pantalla = window.screen.height //es el alto de la pantalla
var desp_ancho = 0
var desp_alto = 0 

if (ancho_pantalla<800)
	alert("Su resolución de pantalla es: "+ancho_pantalla+"x"+alto_pantalla+" que es menor de la permitida. Para una adecuada visualización se debe usar una resolución como mínimo a 800x600 aunque la recomendada es 1024x768.")

if (ancho_pantalla>800)
{
	desp_ancho = (ancho_pantalla-ancho_capa)/2 //lo centro horizontalmente
	desp_alto = (alto_pantalla-alto_capa)/5 //Dejo una parte arriba y cuatro debajo
}

document.getElementById('capa_pagina').style.left = desp_ancho
document.getElementById('capa_pagina').style.top = desp_alto
}

function Mostrar_Pagina(Direccion_Pagina)
{
	if (Id_Nivel_2 != "")
	{
		Apagar_Menu(Id_Nivel_2,'#000000','#00EEFF')
		Id_Nivel_2 = ""
	}
	Cerrar_Todos_Menus()

	//Esto es para que en Internet Explorer no se meta los menus debajo de las listas desplegables
	if (navigator.appName=="Microsoft Internet Explorer")
	{
		document.getElementById('ID_Iframe_Principal').style.visibility='visible'
		document.getElementById('accediendose_al_menu').style.visibility='hidden'
	}
	document.getElementById('ventana_principal').style.display='none'
	Iframe_Principal.document.location = Direccion_Pagina
}

function MostrarInf_Proyecto()
{
	var InfProyecto = "Química Inorgánica Interactiva<br>" + "Versión 1.0 - (2004)<br>" + "<span class='inf_autores'>José Manuel Romero<br>Carlos Espinosa Sotomayor</span>" 
	
	MostrarCapa(InfProyecto,'inf_proyecto')
}
function OcultarInf_Proyecto()
{
	OcultarCapa()
}

function MostrarAyuda()
{
if (Ayuda == "Cerrada") //Si no está abierta la ventana de la ayuda la abre
	{
	VentanaAyuda = window.open('paginas/ayuda.html','Ayuda','width=600,height=500,top=50,left=50,menubar=0,toolbar=0,location=0,directories=0,statusbar=0,resizable=1')
	if (VentanaAyuda!=null)
		Ayuda = "Abierta"
	else
		alert("No se puede mostrar la ayuda ya que su navegador tiene desactivada la apertura de ventanas emergentes. Deberás activar dicha opción para que se pueda mostrar la tabla periódica.")
	}	
else //Si ya estaba abierta la muestro de nuevo
	VentanaAyuda.focus()
}

function Salir()
{
	if (Ayuda == "Abierta")
	{
		VentanaAyuda.close()
		VentanaAyuda = null
	}
}


function MouseOver(IdMenu,Nivel)
{
	if (Nivel == 1)
		Iluminar_Menu(IdMenu,'#000000','#FFFFCC')
	
	if (Nivel == 2)
	{
		Id_Nivel_2 = IdMenu
		Iluminar_Menu(IdMenu,'#0000FF','#FFFFCC')

		if (IdMenu == "Teoria_Introduccion")
		{
			Apagar_Menu('Teoria_Nomenclatura','#000000','#00EEFF')
			Ocultar_Menu('Menu_Teoria_Nomenclatura')
			Apagar_Menu('Teoria_Formulacion','#000000','#00EEFF')
			Ocultar_Menu('Menu_Teoria_Formulacion')
		}
		if (IdMenu == "Teoria_Nomenclatura")
		{
			Apagar_Menu('Teoria_Formulacion','#000000','#00EEFF')
			Ocultar_Menu('Menu_Teoria_Formulacion')
			Mostrar_Menu('Menu_Teoria_Nomenclatura')
		}
		if (IdMenu == "Teoria_Formulacion")
		{
			Apagar_Menu('Teoria_Nomenclatura','#000000','#00EEFF')
			Ocultar_Menu('Menu_Teoria_Nomenclatura')
			Mostrar_Menu('Menu_Teoria_Formulacion')
		}

		if (IdMenu == "Actividades_Nomenclatura")
		{
			Apagar_Menu('Actividades_Formulacion','#000000','#00EEFF')
			Ocultar_Menu('Menu_Actividades_Formulacion')
			Mostrar_Menu('Menu_Actividades_Nomenclatura')
		}
		if (IdMenu == "Actividades_Formulacion")
		{
			Apagar_Menu('Actividades_Nomenclatura','#000000','#00EEFF')
			Ocultar_Menu('Menu_Actividades_Nomenclatura')
			Mostrar_Menu('Menu_Actividades_Formulacion')
		}
		
		if (IdMenu == "Evaluacion_Inicial")
		{
			Apagar_Menu('Evaluacion_Nomenclatura','#000000','#00EEFF')
			Ocultar_Menu('Menu_Evaluacion_Nomenclatura')
			Apagar_Menu('Evaluacion_Formulacion','#000000','#00EEFF')
			Ocultar_Menu('Menu_Evaluacion_Formulacion')
		}
		if (IdMenu == "Evaluacion_Nomenclatura")
		{
			Apagar_Menu('Evaluacion_Formulacion','#000000','#00EEFF')
			Ocultar_Menu('Menu_Evaluacion_Formulacion')
			Mostrar_Menu('Menu_Evaluacion_Nomenclatura')
		}
		if (IdMenu == "Evaluacion_Formulacion")
		{
			Apagar_Menu('Evaluacion_Nomenclatura','#000000','#00EEFF')
			Ocultar_Menu('Menu_Evaluacion_Nomenclatura')
			Mostrar_Menu('Menu_Evaluacion_Formulacion')
		}
		if (IdMenu == "Evaluacion_Final")
		{
			Apagar_Menu('Evaluacion_Nomenclatura','#000000','#00EEFF')
			Ocultar_Menu('Menu_Evaluacion_Nomenclatura')
			Apagar_Menu('Evaluacion_Formulacion','#000000','#00EEFF')
			Ocultar_Menu('Menu_Evaluacion_Formulacion')
		}
	}
	
	if (Nivel == 3)
		Iluminar_Menu(IdMenu,'#0000FF','#FFFFCC')
}

function MouseOut(IdMenu,Nivel)
{
	if (Nivel == 1)
		Apagar_Menu(IdMenu,'#FFFF00','#0000FF')
	
	if (Nivel == 2)
		Apagar_Menu(IdMenu,'#000000','#00EEFF')
	
	if (Nivel == 3)
		Apagar_Menu(IdMenu,'#000000','#00FFFF')
}

function Iluminar_Menu(IdMenu,ColorLetra,ColorFondo)
{
	document.getElementById(IdMenu).style.color = ColorLetra
	document.getElementById(IdMenu).style.backgroundColor = ColorFondo
}

function Apagar_Menu(IdMenu,ColorLetra,ColorFondo)
{
	document.getElementById(IdMenu).style.color = ColorLetra
	document.getElementById(IdMenu).style.backgroundColor = ColorFondo
}


function Mostrar_Menu(IdMenu)
{
	if (IdMenu == "Menu_Teoria" || IdMenu == "Menu_Actividades" || IdMenu == "Menu_Evaluacion")
	{
		//Esto es para que en Internet Explorer no se meta los menus debajo de las listas desplegables
		if (navigator.appName=="Microsoft Internet Explorer")
		{
			document.getElementById('ID_Iframe_Principal').style.visibility='hidden'
			document.getElementById('accediendose_al_menu').style.visibility='visible'
			document.getElementById('titulo_pagina').innerHTML = ""
			document.getElementById('ventana_principal').className = ""
			//Iframe_Principal.document.location = "paginas/cargando.html"
		}
		
		if (document.getElementById(IdMenu).style.visibility == "hidden")
		{
			//Apagamos un nivel 2 que se haya quedado iluminado
			if (Id_Nivel_2 != "")
			{
				Apagar_Menu(Id_Nivel_2,'#000000','#00EEFF')
				Id_Nivel_2 = ""
			}	
			//Cierro todos los menus  y abroo el que corresponde
			Cerrar_Todos_Menus()
			document.getElementById(IdMenu).style.visibility = "visible"
		}
		else //si estaba abierto
			Cerrar_Todos_Menus()
	}
	else
		document.getElementById(IdMenu).style.visibility = "visible"
}

function Ocultar_Menu(IdMenu)
{
	document.getElementById(IdMenu).style.visibility = "hidden"
}

function Cerrar_Todos_Menus()
{
	document.getElementById('Menu_Teoria').style.visibility = "hidden"
	document.getElementById('Menu_Teoria_Nomenclatura').style.visibility = "hidden"
	document.getElementById('Menu_Teoria_Formulacion').style.visibility = "hidden"
	
	document.getElementById('Menu_Actividades').style.visibility = "hidden"
	document.getElementById('Menu_Actividades_Nomenclatura').style.visibility = "hidden"
	document.getElementById('Menu_Actividades_Formulacion').style.visibility = "hidden"
	
	document.getElementById('Menu_Evaluacion').style.visibility = "hidden"
	document.getElementById('Menu_Evaluacion_Nomenclatura').style.visibility = "hidden"
	document.getElementById('Menu_Evaluacion_Formulacion').style.visibility = "hidden"
}
