<%
String mensaje = "Bienvenidos a la herramienta de gesti&oacute;n de la tienda. <br>Para comenzar la sesi&oacute;n por favor introduzca su nombre de usuario y contrase&ntilde;a ";
if ((request.getParameter("error") != null) && ((String)request.getParameter("error")).equalsIgnoreCase("1")) {
	mensaje = "Por favor, introduzca un login y password correctos.";
} else if ((request.getParameter("logout") != null) && ((String)request.getParameter("logout")).equalsIgnoreCase("1")) {
	mensaje = "Gracias por utilizar la herramienta.";
}
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Gesti&oacute;n de tienda</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</script>
<script type="text/javascript">
document.onkeydown=function(){
    if(window.event.keyCode=='13'){
        document.login.submit();
    }
}
</script>
<link href="css/tienda.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="945" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#272e96" width="945" height="75" align="center"><span style="color: #FFFFFF; font-weight:bold; font-size: 35px;">Aplicaci&oacute;n de gesti&oacute;n de tienda</span></td>
  </tr>
  <tr>
    <td background="img/fondo.jpg"><table width="913" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td class="texto"><div align="center" class="texto">
          <p>&nbsp;</p>
          <p><%=mensaje%></p>
          <p class="texto"></p>
          <form action="j_spring_security_check" method="post" name="login" id="login">
            <table width="349" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="194"><div align="center">
                    <input name="j_username" type="text" class="texto" id="j_username">
                </div></td>
                <td width="155" class="titulos">Nombre de Usuario</td>
              </tr>
              <tr>
                <td><div align="center"></div></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td><div align="center">
                    <input name="j_password" type="password" class="texto" id="j_password">
                </div></td>
                <td class="titulos">Contrase&ntilde;a</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td><div align="center"><a href="javascript:document.login.submit();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Iniciar Sesion','','img/iniciar-sesion2.gif',1)"><img src="img/iniciar-sesion.gif" alt="Iniciar Sesion" name="Iniciar Sesion" width="172" height="35" border="0"></a></div></td>
                <td>&nbsp;</td>
              </tr>
            </table>
          </form>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          </div></td>
      </tr>
    </table></td>
  </tr>
  <tr>
      <td>
      	<table width="934" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><div align="center">
          <p><img src="img/line.gif" width="913" height="10"></p>
        </div></td>
      </tr>
      <tr>
        <td><div align="center"><span class="pie">2015 TFC Roberto Mart&iacute;nez Sierra</span></div></td>
      </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>
