// JavaScript Document

/***
* Class para criar campos com hint dentro deles
*/

HintTextField = function(campo, texto){
	var cmp = $(campo);
	var text = texto;
	
	
	if(cmp.value.length == 0)
		cmp.value = text;
	
	if(cmp.value == text)
		cmp.addClass('faded');
		
	this.focused = function(){
		if(this.value == text){
			this.value = "";
			this.removeClass("faded");
		}	
	};
	this.blured = function(){
		if(this.value == ""){
			this.value = text;
			this.addClass("faded");
		}	
	};

	cmp.addEvent("focus", this.focused);
	cmp.addEvent("blur", this.blured);
	if(cmp.form){
		$(cmp.form).addEvent('submit', function(){
				if(cmp.value == texto)
					cmp.value = '';
					return true;
		});
	}
	
}

HintPassword = function(campo, texto){
	var realPass = $(campo);
	var text = texto;
	var nomeCampo = realPass.name;
	
	var fakePass = new Element('input', {
			'type': 'text',
			'name': 'fake' + nomeCampo,
			'id': 'fake' + nomeCampo,
			'value': texto,
			'class': 'faded'
	});
	
	if(realPass.form){
		realPass.form.addEvent('submit', function(){
				if(realPass.value == texto)
					realPass.value = '';
					return true;
		});
	}
	
	
	fakePass.addEvent('focus', function(){
		this.setStyle('display', 'none');
		realPass.setStyle('display', 'inline');
		realPass.focus();
	});

	realPass.addEvent("blur", function(){
		if(this.value.length == 0){
			this.setStyle('display', 'none');
			fakePass.setStyle('display', 'block');
		}
	});
	
	fakePass.inject(realPass, 'before');
	realPass.setStyle('display', 'none');
}