/**
 * @author Fabricio
 */

/**
 * Classe filha da classe Ajax
 */
objAjax = function() {	
	/**
	 * Se se a requisição foi completada com sucesso
	 */
	this.onSucesso = function() {
		try{
			var xml = this.getRespostaXML();
			var respostaLogin = xml.firstChild.nodeValue;
		}catch(erro){
			//Caso dê algum erro, executa essa linha
			document.body.style.cursor = "default";
			document.getElementById("usuarioErro").innerHTML = "Erro ao requisitar os dados";
			document.getElementById("botaosubmit").value = "Entrar";
			document.getElementById("botaosubmit").disabled = false;
			tremerLogin();
			//alert("Erro - "+erro+"\nConteúdo-\n"+this.getRespostaText())
			document.getElementById("usuarioErro").innerHTML="Erro - "+erro+"\nConteúdo-\n"+this.getRespostaText();
			return;
		}
		if(respostaLogin == "ok") {
			window.location.href = "seeme.php";
		}
		else if(respostaLogin == "erro"){
			// O login não foi válido. Mostrar mensagem de erro
			document.body.style.cursor = "default";
			document.getElementById("usuarioErro").innerHTML = "Login inválido!";
			document.getElementById("botaosubmit").value = "Entrar";
			document.getElementById("botaosubmit").disabled = false;
			tremerLogin();
		}
		else{
			// O usuário foi bloqueado. Mostrar mensagem de erro
			document.getElementById("usuarioErro").innerHTML = "Usuário bloqueado!";
		}
	}
	/**
	 * Monta uma requisição e faz um pedido de login
	 */
	this.pedirLogin = function() {					
		var usuario = document.getElementById("usuario").value;
		var senha = document.getElementById("senha").value;
		this.setModo("POST")
		this.setVarPost("usuario",usuario);
		this.setVarPost("senha",senha);
		this.enviar("proc/login.php")
		document.body.style.cursor = "wait";
	
	}
}

/**
 * objAjax extende a classe Ajax
 */  		
objAjax.prototype = new ajax();

/**
 * Instância do validador de formulários
 */
var validador = new FormUtils("spanErro", "inputErro", "inputLimpo");

/**
 * Define se o login está OK
 */
var okLogin = true;

/**
 * Define se a senha está OK
 */
var okSenha = true;

/**
 * Verifica se o campo de usuário está vazio
 */ 
function verificarCampoUsuario() {	
	if(document.getElementById("usuario").value != "") {
		okLogin = true;
	}
	else {
		okLogin = false;
	}
}

/**
 * Função chamada ao carregar o corpo do HTML
 */
function onLoadBody(){
	if(navigator.appName == "Microsoft Internet Explorer" ){
		document.getElementById("tabelaLogin").style.marginLeft = "13%";
	}
	document.getElementById('usuario').focus();
	/**
	 * Veirifica se o usuário já está salvo em cache
	 */
	if(document.getElementById('usuario').value != "" ){
		document.getElementById("botaosubmit").disabled = false;
	}
	if(Browser.ie() && Browser.versao() == 6){
				correctPNG();
				var msg = "Você está usando o navegador Internet Explorer 6.\n"
				msg += "\nEste navegador não é compatível com o sistema.\n"
				msg += "Para mais informações consulte o manual do usuário.\n"
				msg += "\n\nClique em OK para continuar"
				alert(msg)	
	}
}
/**
 * Verifica se o campo de senha está vazio
 */
function verificarCampoSenha() {	
	if(document.getElementById("senha").value != "") {
		okSenha = true;
	}
	else {
		okSenha = false;
	}
}

function ativarBotao() {
	verificarCampoUsuario();
	verificarCampoSenha();
	
	if(okLogin && okSenha) {
		document.getElementById("botaosubmit").disabled = false;
	}
	else {
		document.getElementById("botaosubmit").disabled = true;
	}
}

/**
 * Se os campos estiverem corretos, faz a requisição AJAX
 */
function fazerLogin() {	
	document.getElementById("usuarioErro").innerHTML = " ";
	document.getElementById("botaosubmit").value = "Entrando...";
	document.getElementById("botaosubmit").disabled = true;
	// Cria a instância de objAjax, a ser usada na página
	var ajax = new objAjax();	
	ajax.pedirLogin();	
	return false;
}
/**
 * Faz tremer a tela qndo login inválido
 * @param {Object} porcento Quantos porcentos irá se mexer
 * @param {Object} bool se para esquerda(false) ou direta(true)
 */
function tremerLogin(porcento,bool){
	porcento == undefined?porcento = 8 : porcento = porcento;
	bool == undefined?bool = true : bool = bool;
	var divLogin = document.getElementById("telaLogin");
	if(bool){
		divLogin.style.left = (34 + porcento)+"%";
	}else{
		divLogin.style.left = (34 - porcento)+"%";	
	}
	
	if(porcento!=0){
	 setTimeout(function(){tremerLogin(porcento-2 ,!bool)},50) 	
	}

}

//-->