<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@page import="educacion.BuscadorBean"%>
<html>
<head>
<link href="estilo.css" title="hoja de estilo" rel="stylesheet" type="text/css">  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Glosario de terminos</title>
<style type="text/css">
/* aņadido por mi para los submenus*/
#menu{
	text-align:left;
	margin-left:5px;
	width:100px;
	position:absolute;
}

#menu1{
	width: 100px;
	position:absolute;
	top:6px;
	left:90px;
	visibitily:hidden;
}	
#menu2{
	width: 100px;
	position:absolute;
	top:240px;
	left:90px;
	visibitily:hidden;
}	
</style>
<script type="text/javascript">
	function oculta(kpa1, kpa2){
		document.getElementById(kpa1).style.visibility="hidden";
		document.getElementById(kpa2).style.visibility="hidden";	
	}
	function muestra(kpa){
		document.getElementById(kpa).style.visibility="visible";
	}
</script>
</head>

<body onload="oculta('menu1','menu2');">
<!-- Begin Wrapper -->
   <div id="wrapper">

   
         <!-- Begin Header -->
         <div id="header">
		 
		       <h1>INTEGRACI&Oacute;N DEL DISE&Ntilde;O INSTRUCCIONAL EN LA EDUCACI&Oacute;N A DISTANCIA </h1>
			   
		 </div>
		 <!-- End Header -->
		 
		 <!-- Begin Left Column -->
		 		 <div id="leftcolumn">
                      <h2>Menu</h2>
			<div class="leftnav">
				<div id="menu">
				<ul>
					<li><a href="#" onmouseover="muestra('menu1');">Area de usuario</a></li>
					<div id="menu1">
						<ul>
						<li><a href="Login.jsp" >Identificate</a></li>
						<li><a href="fichaAlumno.jsp">Ficha personal</a></li>
						<li><a href="salir.jsp">Salir</a></li>
						</ul>
					</div>
					<li><a href="teorias.jsp" onmouseover="oculta('menu1','menu2');">Teorias instruccionales</a></li>
					<li><a href="estrategias.jsp" onmouseover="oculta('menu1','menu2');">Estrategias</a></li>
					<li><a href="evaluacion.jsp" onmouseover="oculta('menu1','menu2');">Evaluaci&oacute;n</a></li>
					<li><a href="http://my-forum.org/foros.php?id=110052" target=_blank onmouseover="oculta('menu1','menu2');">Foro</a></li>
					<li><a href="buscador.jsp" onmouseover="oculta('menu1','menu2');">Glosario de t&eacute;rminos</a></li>
					<li><a href="listarArchivos.jsp" onmouseover="oculta('menu1','menu2');">Descarga de archivos</a></li>
					<li><a href="principal.jsp" onmouseover="oculta('menu1','menu2');">Inicio</a></li>
					<li><a href="#" onmouseover="muestra('menu2');">Area profesorado</a></li>
					<div id="menu2">
						<ul>
						<li><a href="registro.jsp">Registro de usuarios</a></li>
						<li><a href="subir.jsp">Subir/bajar documentaci&oacute;n</a></li>
						<li><a href="listar.jsp">Dar de baja a usuarios</a></li>
						<li><a href="usuariosRegistrados.jsp">Ver fichas de los usuarios</a></li>
						</ul>
					</div>	
					
				</ul>
				</div>
			</div>

		 
		 </div>		 <!-- End Left Column -->
		 
		 <!-- Begin Right Column -->
		 <div id="rightcolumn">
		       
	
<div class="righttext">
	
<p>
<% 
	//Mostramos las evaluaciones que hay disponibles
	if(session.getAttribute("usuario") == null) 
	{
		out.println("No tiene permiso para acceder, por favor vaya a la pagina de login");
	}
	else{	
		//Comprobamos que no se ha seleccionado aun la palabra a buscar y mostramos el listado de palabras
		if(session.getAttribute("buscador") == null) 
		{
			BuscadorBean b= new BuscadorBean(); 
%> 

<div><br>

	<br>

   <FORM name="buscador" action="Login" method="POST">
      <%
      	int numeroPalabras= b.getNumeroPalabras();
	  	int i=0, k=0,j;
		String [] palabras = b.getPalabras();
		String temp;
		
		//Ordenamos las palabras
		while(k<numeroPalabras){
			j=0;
			while(j<numeroPalabras-1){
				if(palabras[j].compareTo(palabras[j+1])>0){
					temp=palabras[j];
					palabras[j]=palabras[j+1];
					palabras[j+1]=temp;
				}
				j++;
			}
			k++;
		}
      	//Mostramos todas las palabras que existen en la base de datos     	
      	while(i!=numeroPalabras){
	  		out.println("<br><INPUT type=\"radio\" name=\"palabra\" value="+(i+1)+">"+ palabras[i]);
  			i++;	
  		}      
      %>
      <p>
        <BR>
        <INPUT type="submit" value="Ver definicion">
        <INPUT type="reset" value="Borrar">
      </p>
      <input type="hidden" name="operacion" value="buscar">
      </FORM>
	  <br>
	  <hr>

 </div>
<br>
<% }else{
	
	//Si ya se habia seleccionado una palabra se muestra su definicion
	
	BuscadorBean b = (BuscadorBean)session.getAttribute("buscador");
	int idPalabra= b.getIdPalabra(); 
	String palabra = b.getPalabra(idPalabra);
	String definicion = b.getDefinicion(idPalabra);

	out.println("<br><b>"+palabra+": </b>"+definicion+"<br>");
	
	session.removeAttribute("buscador");
	out.println("<br>Si quieres volver al glosario haz click <a href=\"buscador.jsp\">aqui</a><br>");
	out.println("Tambien puedes ir a la pagina <a href=\"principal.jsp\">principal</a>");
	}
}

%></p>
</div></div></div>
</body>
</html>