<%@ 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.EstrategiaBean"%>
<%@page import="educacion.EventoEstrategiaBean"%>
<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>Estrategia</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" />
<h3>
 <%
	//Mostramos el nombre y definicion de la estrategia elegida por el usuario
 
 	EstrategiaBean t = (EstrategiaBean)session.getAttribute("estrategia");
	int idEstrategia=t.conseguirIdEstrategia();
	out.println(t.getNombre(idEstrategia));
%>
</h3>
<p><% out.println(t.getDefinicion(idEstrategia)); %>
<br><br><br>
<FORM name="teoria" action="Teoria" method="POST">
Eventos:<br>
<%
	EventoEstrategiaBean e= new EventoEstrategiaBean(); 
	int numero=e.numeroEventos(idEstrategia); 
	String[] nombres=e.getNombresIds(idEstrategia);
	int k=0;
	while(k!=numero*2){
		System.out.println("nombre: "+nombres[k]);
		k++;
		System.out.println("id: "+nombres[k]);
		k++;
	}
	
	int i=0;
	
	//Mostramos los eventos que pertenecen a la estrategia elegida por el usuario
	
	while(i!= numero*2){
		String nombre=nombres[i];
		i++;
		out.println("<br><INPUT type=\"radio\" name=\"evento\" value="+nombres[i]+">"+nombre+"<br>");
		i++;	  
	}  
	t.setIdEstrategia(idEstrategia);
%>
<p>
        <BR>
        <INPUT type="submit" value="Ver evento">
      </p>
      <input type="hidden" name="operacion" value="verEventoEstrategia">
      </FORM>
      <!-- Permitimos la descarga del documento en pdf -->
       <br>Descarga la estrategia <a href="<%=t.getUrl(idEstrategia)%>" target=_blank>aqu&iacute;</a><br>
</p>
</div></div></div>
</body>
</html>