/*
mascara.js  How - To.
Objetivo:
O script tem por objetivo formatar a entrada do dado no input.
Ele vai servir muito bem para datas, horas, datas e horas, cpf,
cgf e outras cositas mais que tenham tamanho fixo e sejam numé-
ricos.
O script contém 3 funções. A função que formata a máscara
é a FormataCampo.
Para chamar a função é necessário passar 3 atributos:

campo: 

Que é o campo que será mascarado. Pode referenciar o campo como ele mesmo: this.

teclapres: 

No caso você irá passar event
Por que event? Porque o objeto event está recebendo o
valor da tecla que foi recebida no keypress.

mascara:

A própria máscara que será aplicada ao campo.
ex: '##-##'
Tomando o exemplo da mascara acima. Quando o 
usuário escrever 8888 no campo, será aplicada a máscara
e o valor no campo será 88-88.
Valores aceitos na mascara:

Para referenciar número, caracteres '#' e '9'.
Para referenciar traço, caracter '-'
Para referenciar separador de data, caracter '/'
Para referenciar separador de hora, caracter ':'
Para referenciar espaço, caracter ' '

É importante lembrar que o evento do campo que chama a função é onkeydown,
e que os valores size e maxlength tem que ser setados de acordo com a máscara.
Ou seja, mascara não controla o tamanho do campo.

Exemplo de chamada da função no formulário.

1º passo: chamar o arquivo, no caso dir_js eh o local onde vc vai colocar o bichaum!!!
<script src="dir_js/formata.js" type="text/javascript"></script>


2º passo: mandar a função no input!!!!
<form name="form1" action="teste.php">
	
	<input type="Text" name="teste1" size="17" maxlength="17" onkeydown="FormataCampo(this,event,'##/##:##-## ##:##')">
	
</form>

Bugs:

Se o campo tiver um caracter já mascarado, e você apagar um caracter 
antes da máscara e voltar a preencher depois da máscara, o campo vai ficar sujo.
Ex:Tomando a máscara ####-#####
Eu escrevi:99999 --> é aplicada a máscara --> 9999-9 se eu apagar o 4º9 e escrever
denovo vai ficar: 9999--9 entendeu?

Não aceita nem ctrl+v, nem ctrl+c.

Eu gostaria de colocar máscaras de letras, mas ainda não fiz.

*/


function FormataCampo(Campo,teclapres,mascara){
	//pegando o tamanho do texto da caixa de texto com delay de -1 no event
	//ou seja o caractere que foi digitado não será contado.
	strtext = Campo.value
	tamtext = strtext.length
	//pegando o tamanho da mascara
	tammask = mascara.length
	//criando um array para guardar cada caractere da máscara
	arrmask = new Array(tammask)	
	//jogando os caracteres para o vetor
	for (var i = 0 ; i < tammask; i++){
		arrmask[i] = mascara.slice(i,i+1)
	} 
	//alert (teclapres.keyCode)
	//começando o trabalho sujo
	if (((((arrmask[tamtext] == "#") || (arrmask[tamtext] == "9"))) || (((arrmask[tamtext+1] != "#") || (arrmask[tamtext+1] != "9"))))){
		if ((teclapres.keyCode >= 37 && teclapres.keyCode <= 40)||(teclapres.keyCode >= 48 && teclapres.keyCode <= 57)||(teclapres.keyCode >= 96 && teclapres.keyCode <= 105)||(teclapres.keyCode == 8)||(teclapres.keyCode == 9) ||(teclapres.keyCode == 46) ||(teclapres.keyCode == 13)){
			Organiza_Casa(Campo,arrmask[tamtext],teclapres.keyCode,strtext)		
		}
		else{
			Detona_Event(Campo,strtext)
		}
	}
	else{//Aqui funcionaria a mascara para números mas eu ainda não implementei
		if ((arrmask[tamtext] == "A"))	{
			charupper = event.valueOf()
			//charupper = charupper.toUpperCase()
			Detona_Event(Campo,strtext)
			masktext = strtext + charupper 
			Campo.value = masktext
		}
	}
}
function Organiza_Casa(Campo,arrpos,teclapres_key,strtext){
	if (((arrpos == "/") || (arrpos == ".") || (arrpos == ",") || (arrpos == ":") || (arrpos == " ") || (arrpos == "-")) && !(teclapres_key == 8)){
		separador = arrpos
		masktext = strtext + separador
		Campo.value = masktext
	}
}
function Detona_Event(Campo,strtext){
	event.returnValue = false
	if (strtext != "") {
		Campo.value = strtext
	}
}