// Requires: prototype.js

var QuickRegisterController = Class.create();

QuickRegisterController.prototype = {
	bMobileSidewalkEnabled : false,
	bAggressiveMobileSidewalk : false,

	initialize : function()
	{
		window.onload = this.onPageLoad.bindAsEventListener(this);
	},

	onPageLoad : function(e)
	{
		var elt, list;

		var listInputs = new Array(
			"first_name",
			"first_name_error",
			"last_name",
			"username",
			"email",
			"password"
		);

		// Active field CSS Class Setters
		for(i = 0; i < listInputs.length; i++) {
			if((elt = $(listInputs[i])) != null) {
				Event.observe(elt, 'focus', this.handleSetActiveField.bindAsEventListener(this), false);
				Event.observe(elt, 'blur', this.handleUnsetActiveField.bindAsEventListener(this), false);
			}
		}

		// Bubbles Controler
		new BubblesController(
			{idTarg : "first_name" , idBubble : "first_nameHelp" , eventOn : "focus" , eventOff : "change"},
			{idTarg : "first_name_error" , idBubble : "first_name_errorHelp" , eventOn : "focus" , eventOff : "change"},
			{idTarg : "last_name" , idBubble : "last_nameHelp" , eventOn : "focus" , eventOff : "change"},
			{idTarg : "username" , idBubble : "usernameHelp" , eventOn : "focus" , eventOff : "change"},
			{idTarg : "email" , idBubble : "emailHelp" , eventOn : "focus" , eventOff : "change"},
			{idTarg : "password" , idBubble : "passwordHelp" , eventOn : "focus" , eventOff : "change"}
			
		);



		return true;
	},
	handleSetActiveField:function(evnt)
	{
		var elt = Event.element(evnt);
		if(elt){
			Element.addClassName(elt, 'activeInput');
		}
		return true;
	},

	handleUnsetActiveField:function(evnt)
	{
		var elt = Event.element(evnt);
		if(elt){
			Element.removeClassName(elt, 'activeInput');
		}
		return true;
	}
};

// ********************** Implementation **********************
new QuickRegisterController();