
var Home = Class.create( { 
	
	initialize: function() {
		this.idFormCreate = 'form_create';
		this.idHapyLink = 'hapylink';
	},
	
	create: function() {
		var ref = this;
		$(this.idFormCreate).request( {
			onComplete: function(result){ 
				$(ref.idHapyLink).replace( result.responseText ); 
				$(ref.idHapyLink).show();
				//$(ref.idFormCreate).reset();
			}});
			
	}
	
} );

// Add prefill to all text input elements.
updatePrefills = function() {
	var elements = $$('input[type=text]');
	elements.each( addPrefill );
}

// Add prefill to a single element.
addPrefill = function( element ) {
	element.observe('focus', function(event){
		onInputFocus( this );
 	});
	element.observe('blur', function(event){
  		onInputBlur( this );
 	});
	onInputBlur( element );
}

// Get calls on focus and blur to update prefil.
onInputFocus = function( element ) {
	if( element.value==element.defaultValue ) {
		element.value = '';
		element.removeClassName('light');
	}
}

onInputBlur = function( element ) {
	if (element.value == '') {
		element.value = element.defaultValue;
		element.addClassName('light');
	}
}

// Initialize on page load.
document.observe("dom:loaded", function() {
 	updatePrefills();
});