/*
 * Mootools Class for the Quick Response Form
 * 
 */
var QuickForm = new Class({
	
	Implements: [Options],  
	
	options: {
		defaults: {
			sub_name: 'name',
			sub_email: 'email'
		}
	},
	
	
	initialize: function(container, options) {
		
		this.setOptions(options);	
		
		if ($type(container) == 'element')
			this.container = container;
		else
			this.container = $(document.getElement(String(container)));
			
		if (!this.container) 
			return false;
			
		this.initForm();
	},	
	
	initForm: function() {
		
		this.formElem = this.container.getElement('form');
		
		// init the sub_name field
		$(this.formElem.sub_name).addEvents({
			
			'focus': function(elem) {
				if (this.options.defaults.sub_name && elem.value == this.options.defaults.sub_name) {
					elem.value = '';
				}
				elem.setStyle('color', '#000');
			}.bind(this, this.formElem.sub_name),
			
			'blur': function(elem) {
				if (this.options.defaults.sub_name && elem.value == '') {
					elem.value = this.options.defaults.sub_name;
					elem.setStyle('color', '');					
				}
				elem.removeClass('error');
				
			}.bind(this, this.formElem.sub_name)
			
		});
		if (this.formElem.sub_name.value != this.options.defaults.sub_name && !this.formElem.sub_name.hasClass('error')) {
			this.formElem.sub_name.setStyle('color', '#000');
		}
		
		
		// init the sub_email field
		$(this.formElem.sub_email).addEvents({
			
			'focus': function(elem) {
				if (this.options.defaults.sub_email && elem.value == this.options.defaults.sub_email) {
					elem.value = '';
				}
				elem.setStyle('color', '#000');
			}.bind(this, this.formElem.sub_email),
			
			'blur': function(elem) {
				if (this.options.defaults.sub_email && elem.value == '') {
					elem.value = this.options.defaults.sub_email;
					elem.setStyle('color', '');
				}					
				elem.removeClass('error');
			}.bind(this, this.formElem.sub_email)
			
		});
		if (this.formElem.sub_email.value != this.options.defaults.sub_email && !this.formElem.sub_email.hasClass('error')) {
			this.formElem.sub_email.setStyle('color', '#000');
		}
		
		
	}
});

window.addEvent('domready', function(){
	if ($('signup-tile')) {
		var subform = new QuickForm($('signup-tile'));
	}
});