<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="images/login-box.css" rel="stylesheet" type="text/css" />
<title>Ajax Login</title>
<style>
#loginCloseIcon:hover{
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
</style>
</head>
<body>
<!--  Ajax Login -->
<div id="login_form" style='display:none'>
<div id="status" align="left">
<form name = "ajaxloginform" id="login" method="post" action="javascript:alert('success!');">
<input type="hidden" name="rep" value="ajaxlogin"/>

<div style="Z-INDEX: 18; LEFT: 315px; VISIBILITY: visible; WIDTH: 100px; POSITION: absolute; TOP: -112px; HEIGHT: 100px">
<img id = "loginCloseIcon" onclick="$.modal.impl.close();" style="cursor:pointer;" src="images/LoginCancel.png" border="0" height= "40" width="40">
</div>
<div style="padding: 100px 0 0 250px; Z-INDEX: 16; LEFT: -342px; VISIBILITY: visible; WIDTH: 154px; POSITION: absolute; TOP: -250px; HEIGHT: 100px">
<div id="login-box">
<H2>Đăng nhập</H2>
Vui lòng đăng nhập để thực hiện chức năng này.
<font color = "red"><b>
<div id="login_response"><!-- spanner --></div> </b></font>
<div id="ajax_loading">
<img align="middle" src="images/spinner.gif">&nbsp; Đang xử lý...
</div>
<br />
<br />
<div id="login-box-name" style="margin-top:20px;">Tài khoản</div><div id="login-box-field" style="margin-top:20px;"><input type="text" name="user" class="form-login"  size="30" maxlength="2048" /></div>
<div id="login-box-name">Mật khẩu</div><div id="login-box-field"><input type="password" name="pass" class="form-login"  value="" size="30" maxlength="2048" /></div>
<br>
<span class="login-box-options"><a onclick="$.modal.impl.close();" href="index.jsp?customer=reg" style="margin-left:102px;">+ Đăng ký</a></span><br>
<span class="login-box-options"><a onclick="$.modal.impl.close();" href="index.jsp?customer=forgot-pass" style="margin-left:102px;">+ Quên mật khẩu ?</a></span>
<input id = "loginCloseIcon" style="height:42px; width:103px; border: 0; color: transparent; cursor:pointer; background-color: transparent; background-image: url(images/login-btn.png);"  id="submit" class="big" type="submit" /><br>
<br/>
<br/>
<br/>
</div>
</div>
</form>
 </div>
</div>
<!--  Ket Thuc Ajax Login -->
</body>
</html>