<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<html>
<head>
<title>Bienvenido</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<link rel='stylesheet' style='text/css' href='css/tablas.css'>
<script type='text/javascript' language='javascript' src='js/md5.js'></script>
<script type='text/javascript' language='javascript' src='js/library.js'></script>
<script>

    function validateForm(formName){

            var message = "Han ocurrido los siguientes errores:\n";
            var flag = true;

            if(isEmpty(formName.login)){
                    message = message + "- El campo de nombre de usuario está vacío.\n";
                    flag = false;
            }
            if(isEmpty(formName.passwd)){
                    message = message + "- La contraseña de usuario está vacía.\n";
                    flag = false;
            }

            if(!flag){
                 window.alert(message);
            }
            else{
                formName.passwd.value = hex_md5(formName.passwd.value);
            }
            return flag;
    }
   
</script>
<!-- 
	Esta será la página principal del sistema, contendrá un formulario para el ingreso de usuarios,
	vínculos para el registro de empresas y el olvido de contraseña.
	Esta página puede contener información adicional relacionada con PVL
	
	Para construir la función de validación de formularios se deben utilizar las funciones incluidas 
	en la libreria de funciones bajo el nombre libreriaJS.js del directorio js.
	
	Hay que verificar el atributo message que viene en el request, si existe hay que pintarlo pues
	contiene los mensajes de error
-->

<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="home.png" fwbase="home.jpg" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
  <tr>
   <td><img src="images/home/spacer.gif" width="44" height="1" border="0"></td>
   <td><img src="images/home/spacer.gif" width="253" height="1" border="0"></td>
   <td><img src="images/home/spacer.gif" width="19" height="1" border="0"></td>
   <td><img src="images/home/spacer.gif" width="93" height="1" border="0"></td>
   <td><img src="images/home/spacer.gif" width="348" height="1" border="0"></td>
   <td><img src="images/home/spacer.gif" width="23" height="1" border="0"></td>
   <td><img src="images/home/spacer.gif" width="1" height="1" border="0"></td>
  </tr>

  <tr>
   <td colspan="6"><img name="home_r1_c1" src="images/home/home_r1_c1.jpg" width="780" height="44" border="0"></td>
   <td><img src="images/home/spacer.gif" width="1" height="44" border="0"></td>
  </tr>
  <tr>
   <td rowspan="2" colspan="4"><img name="home_r2_c1" src="images/home/home_r2_c1.jpg" width="409" height="62" border="0"></td>
   <td><img name="home_r2_c5" src="images/home/home_r2_c5.jpg" width="348" height="16" border="0"></td>
   <td><img name="home_r2_c6" src="images/home/home_r2_c6.jpg" width="23" height="16" border="0"></td>
   <td><img src="images/home/spacer.gif" width="1" height="16" border="0"></td>
  </tr>
  <tr>
   <td colspan="2"><img name="home_r3_c5" src="images/home/home_r3_c5.jpg" width="371" height="46" border="0"></td>
   <td><img src="images/home/spacer.gif" width="1" height="46" border="0"></td>
  </tr>
  <tr>
   <td rowspan="3"><img name="home_r4_c1" src="images/home/home_r4_c1.jpg" width="44" height="314" border="0"></td>
    <td colspan="2" valign="top">
		<!-- aqui va el form de ingreso -->
			
		<form name="userLogin" method="post" action="/login" onSubmit="return validateForm(document.userLogin);">
			
        <table align="center" cellpadding="0"  cellspacing="0">
          <tr> 
            <td><strong>Usuario</strong></td>
            <td><input name="login" type="text" maxlength="12" d></td>
            <!-- JS: Verificación de campo vacío, Campo Obligatorio-->
          </tr>
          <tr> 
            <td><strong>Contrase&ntilde;a</strong></td>
            <td><input name="passwd" type="password" maxlength="12"></td>
            <!-- JS: Verificación de campo vacío, Campo Obligatorio-->
          </tr>
          <tr> 
            <td colspan="2" align="left"><input type="submit" name="enviar" value="Ingresar">
              <a href="/cargarregistro"><b>Reg&iacute;strese ahora</b></a></td>
          </tr>
        </table>
		</form>
		
		
      <!-- fin form de ingreso -->
    </td>
   <td colspan="3"><img name="home_r4_c4" src="images/home/home_r4_c4.jpg" width="464" height="96" border="0"></td>
   <td><img src="images/home/spacer.gif" width="1" height="96" border="0"></td>
  </tr>
  <tr>
   <td><img name="home_r5_c2" src="images/home/home_r5_c2.jpg" width="253" height="16" border="0"></td>
   <td colspan="4"><img name="home_r5_c3" src="images/home/home_r5_c3.jpg" width="483" height="16" border="0"></td>
   <td><img src="images/home/spacer.gif" width="1" height="16" border="0"></td>
  </tr>
  <tr>
    <td valign="top"><table width="250" border="0" cellpadding="2" cellspacing="2" bordercolor="#FFFF00" bgcolor="#FFFFFF">
		<tr> 
          <td> <p><strong> <font color="#FF0000"> 
              <%
            String message = ( String )request.getAttribute("message");
            if( message != null )
            {
                %>
              <%=message%> 
              <%
            }            
        %>
              </font></strong></p>
            <hr>
            <strong>Olvido su contrase&ntilde;a? Haga click <a href="olvidocontrasena.jsp">aqu&iacute;</a> 
            </strong> </td>
		</tr><!--
        <tr> 
          <td bgcolor="#FFFFCA"><div align="center"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">Seccion 
              1</font></div></td>
        </tr>
        <tr> 
          <td bgcolor="#FFFFCA"><div align="center"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">Seccion 
              1</font></div></td>
        </tr>
        <tr> 
          <td bgcolor="#FFFFCA"><div align="center"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">Seccion 
              1</font></div></td>
        </tr>
        <tr> 
          <td bgcolor="#FFFFCA"><div align="center"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">Seccion 
              1</font></div></td>
        </tr>
        <tr> 
          <td height="13" bgcolor="#FFFFCA"><div align="center"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">Seccion 
              1</font></div></td>
        </tr> -->
      </table></td>
   <td colspan="4"><img name="home_r6_c3" src="images/home/home_r6_c3.jpg" width="483" height="202" border="0"></td>
   <td><img src="images/home/spacer.gif" width="1" height="202" border="0"></td>
  </tr>
</table>
<br>
<table width="545" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr> 
    <td colspan="9" height="17"> <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#666666">Copyright 
        © 2004 FEDERACION NACIONAL DE COMERCIANTES </font></div></td>
  </tr>
  <tr> 
    <td colspan="9"> <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#999999">Prohibida 
        su reproducción total o parcial, así como su traducción sin<br>
        autorización escrita. ® Reservados todos los derechos.</font></div></td>
  </tr>
</table>
</body>
