<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@page import="educacion.EvaluacionBean"%>
<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>Examen</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">
	
                    <img src="images/pollo.gif" class="floatTL" alt="img 1" />
<br><br><br>
<p>
<% 
	//Comprobamos que algun usuario ha iniciado sesion

	if(session.getAttribute("usuario")==null){
		out.println("No tiene permisos para acceder a esta pagina vaya primero a la pagina de <a href=\"Login.jsp\">login</a>.");
	}else{

	EvaluacionBean e = (EvaluacionBean)session.getAttribute("evaluacion");

	int idEvaluacion=e.getIdEvaluacion();
	String nombre = e.getNombreEvaluacion(idEvaluacion);

	//Mostramos el nombre de la evaluacion elegida por el usuario
	
	out.println(nombre);	
%>

     <FORM name="examen" action="Evaluacion" method="POST">
<% 
	if(idEvaluacion==3){
		
		int i =0;
		int [] preguntas= e.getAleatorias();
		e.setPreguntas(preguntas);		
		int numero=preguntas.length;
	
		//Mostramos las preguntas pertenecientes a esa evaluacion para que el usuario las conteste

		while(i!=numero){
	
			out.println("<br><b>"+(i+1)+" </b>"+ e.getNombrePregunta(preguntas[i])+"<br>");
			out.println("<INPUT type=\"radio\" name=\"opcion"+(i+1)+"\" value=\"1\">"+e.getOpcion1(preguntas[i]) +"<br>");
			out.println("<INPUT type=\"radio\" name=\"opcion"+(i+1)+"\" value=\"2\">"+e.getOpcion2(preguntas[i]) +"<br>");
			out.println("<INPUT type=\"radio\" name=\"opcion"+(i+1)+"\" value=\"3\">"+e.getOpcion3(preguntas[i]) +"<br>");
	
			i++;	
		}

%>

      <p>
        <BR>
        <INPUT type="submit" value="Enviar resultados">
      </p>
      <input type="hidden" name="operacion" value="enviarResultadosAleatorios">
      </FORM>
	<% }
	else{
			
		int i =0;
		int numero=e.numeroPreguntas(idEvaluacion);
		int [] preguntas= e.getPreguntas(idEvaluacion);
	
		//Mostramos las preguntas pertenecientes a esa evaluacion para que el usuario las conteste
	
		while(i!=numero){
	
			out.println("<br><b>"+(i+1)+" </b>"+ e.getNombrePregunta(preguntas[i])+"<br>");
			out.println("<INPUT type=\"radio\" name=\"opcion"+(i+1)+"\" value=\"1\">"+e.getOpcion1(preguntas[i]) +"<br>");
			out.println("<INPUT type=\"radio\" name=\"opcion"+(i+1)+"\" value=\"2\">"+e.getOpcion2(preguntas[i]) +"<br>");
			out.println("<INPUT type=\"radio\" name=\"opcion"+(i+1)+"\" value=\"3\">"+e.getOpcion3(preguntas[i]) +"<br>");
	
			i++;	
		}

%>

      <p>
        <BR>
        <INPUT type="submit" value="Enviar resultados">
      </p>
      <input type="hidden" name="operacion" value="enviarResultados">
      </FORM>


<%}
}%>

</div></div></div>
</body>
</html>