
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>UCB Newsletter</title>
<link rel="shortcut icon" href="http://www.ucb.org.br/wp-content/themes/2008/favicon.ico" />
<style type="text/css">
<!--
body {	background-color: #464646; border:0; margin:0; padding:0 }
#top {
	background-color: #F0F0F0;
	background-image: url(../images/home.jpg);
	background-position: top center;
	height:482px;
}
#separa { background-color:#FFFFFF; height:12px }
#cima {
	margin:0 auto;
	width: 900px;
	position:absolute;
	left:50%;
	margin-left:-450px;
	margin-top:150px;
	background-color:#FFFFFF;
	padding:20px;
	z-index:1
}
.laranja {color: #F2842B}
.marrom {color:#3F2C2E}
.verde {color:##B8D233;}
-->
</style>
<link type="text/css" href="/css/flick/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:link {
	color: #7C6E6E;
	text-decoration: none;
}
a:visited {
	color: #B8D233;
	text-decoration: none;
}
a:hover {
	color: #F2842D;
	text-decoration: none;
}
a:active {
	color: #B8D233;
	text-decoration: none;
}
-->
</style>
<script type="text/javascript" language="javascript">
function Trim(str){return str.replace(/^\s+|\s+$/g,"");}
$(document).ready(function(){
	$("input[type='submit']").hide();
	$('#re').hide();
});
function verifica() {
		$('#carregando').html("<img src='/img/indicator.gif' />").show();
		$.post('/admin/verifica.asp', {
			email: $('#email').val()
		}, function(response) {
			$('#carregando').hide();
			if (Trim(response) == 'sim'){
				$('#carregando').html("<img src='../icons/book_error.png' /> Este e-mail não consta em nosso banco de dados.").effect("highlight",{},1500);
				$('#email').focus();
			  } else if (Trim(response) == 'nao') {
				$("input[type='submit']").show();
				$('#ver').hide();
				$('#email').attr("readonly", true); 
				$('#re').show();
			  }
		})
}
function reescrever(){
	$('#email').removeAttr("readonly");
	$("input[type='submit']").hide();
	$('#ver').show();
	$('#re').hide();
	$('#email').focus();
	$('#email').val('');
}
</script>
</head>

<body>
<div id="cima">
  <h1 class="laranja">Lembrar Senha</h1> 
  
  <p class="marrom">Digite abaixo o seu e-mail para que possamos lhe enviar sua senha. Esse procedimento pode demorar alguns minutos.</p>
  <form method="post" action="./?acao=lembrar">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td colspan="2"><span id="sprytextfield1">
  <input name="email" type="text" id="email" size="40" maxlength="200" />
  <span class="textfieldRequiredMsg">*</span><span class="textfieldInvalidFormatMsg">Digite um e-mail.</span></span></td>
      <td width="60%"><div class="laranja" id="carregando"></div></td>
    </tr>
    <tr>
      <td colspan="2"><a href="#" onclick="verifica()" id="ver"><img src="../icons/book_open.png" width="16" height="16" border="0" /> verificar</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td width="17%"><input type="submit" value="Lembrar agora!" /></td>
      <td width="22%"><a href="#" onblur="reescrever()" id="re"><img src="../icons/email_edit.png" width="16" height="16" border="0" /> Reescrever e-mail</a></td>
      <td>&nbsp;</td>
    </tr>
  </table>

  </form>
  
  <div align="right">    <a href="/"><img src="../images/voltar.jpg" width="117" height="41" border="0" /></a></div>
</div>
<div id="top">&nbsp;</div>
<div id="separa">&nbsp;</div>
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "email");
//-->
</script>
</body>
</html>