<%@ 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.UsuarioBean"%>
<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>Login</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" />

<p>
<% 
	//Comprobamos que ningun usuario ha iniciado sesion
	if(session.getAttribute("usuario") == null) 
	{
		UsuarioBean u= new UsuarioBean(); 
		out.println(u.getMensaje());	
%> 

   <FORM name="login" action="Login" method="POST">
      <p>Introduce tu identificador de usuario:&nbsp;&nbsp;
        <INPUT type="text" name="usuario" size="15">
      </p>
       <p>Introduce tu contrase&ntilde;a:&nbsp;&nbsp;
        <INPUT type="password" name="pass" size="15">
      </p>
      <p>
        <BR>
        <INPUT type="submit" value="Entrar">
        <INPUT type="reset" value="Borrar">
      </p>
      <input type="hidden" name="operacion" value="entrar">
      </FORM>
	  <br>
	  

<%}else{
	
	
	UsuarioBean u = (UsuarioBean)session.getAttribute("usuario");
	String nombre = u.getNombre();
	String mensaje = u.getMensaje();
	out.println("<br>");

	//Comprobamos si los datos que ha introducido el usuario son correctos 
	
	if(u.isCorrecto()){
		out.println(nombre);
		out.println("<br>");
		out.println("Ya has iniciado sesión, si quieres iniciar sesión con otro usuario debes ir a la página de salir o haz click <a href=\"salir.jsp\">aquí</a>");
	}else{
		out.println(mensaje);
		out.println("<br>Vuelve a intentarlo en <a href=\"Login.jsp\">Login</a>");
		session.removeAttribute("usuario");
	}
}%>
</p>
</div></div></div>
</body>
</html>