/**
 * Initialize ajax calls/requests
 */


document.observe("dom:loaded", function() {
	
	initUsernameEvent();
	initFirstnameEvent();
	initLastnameEvent();
	initEmailEvent();
	initPasswordEvent();
	initPasswordConfirmEvent();
	initEmailSecondaryEvent();
});

function runValidator(data) {
	
	new Ajax.Request('/' + locator.controller + '/isvalid/?validator=' + data.validator + '&value=' + data.value, {
		
		onSuccess: function(response) {
			data.callback(response);
		}
	});
}

// init ajax validation on member username field
function initUsernameEvent() {
	
	if (!$('member_username')) return false;
	
	$('member_username').observe('click', function(ev) {
	    $(this).removeClassName('long_error');
	});
	
	$('member_username').observe('blur', function(ev) {
		
		// get the element, equalent of "Event.element(ev) === this"
		var element = Event.element(ev);
		
		// ajax
		runValidator({
			validator: 'username',
			value: this.value,
			callback: function(response) {
				if (response.responseText == '') {
					$('member_username').removeClassName('long_error');
				} else {
					$('member_username').addClassName('long_error');
				}
				
				$('member_username_error').innerHTML = response.responseText;
			}
		});
	});
}

function initFirstnameEvent() {
	
	if (!$('member_firstname')) return false;
	
	$('member_firstname').observe('click', function(ev) {
	    $(this).removeClassName('long_error');
	});
	
	$('member_firstname').observe('blur', function(ev) {
	
		// get the element, equalent of "Event.element(ev) === this"
		var element = Event.element(ev);
		
		// ajax
		runValidator({
			validator: 'firstname',
			value: this.value,
			callback: function(response) {
				if (response.responseText == '') {
					$('member_firstname').removeClassName('long_error');
				} else {
					$('member_firstname').addClassName('long_error');
				}
				$('member_firstname_error').innerHTML = response.responseText;
			}
		});
	});
}

function initLastnameEvent() {
	
	if (!$('member_lastname')) return false;
	
	$('member_lastname').observe('click', function(ev) {
	    $(this).removeClassName('long_error');
	});
	
	$('member_lastname').observe('blur', function(ev) {
	
		// get the element, equalent of "Event.element(ev) === this"
		var element = Event.element(ev);
		
		// ajax
		runValidator({
			validator: 'lastname',
			value: this.value,
			callback: function(response) {
				if (response.responseText == '') {
					$('member_lastname').removeClassName('long_error');
				} else {
					$('member_lastname').addClassName('long_error');
				}
				$('member_lastname_error').innerHTML = response.responseText;
			}
		});
	});
}

function initEmailEvent() {
	
	if (!$('member_email')) return false;
	
	$('member_email').observe('click', function(ev) {
	    $(this).removeClassName('long_error');
	});
	
	$('member_email').observe('blur', function(ev) {
		
		// get the element, equalent of "Event.element(ev) === this"
		var element = Event.element(ev);
		
		// ajax
		runValidator({
			validator: 'email',
			value: this.value,
			callback: function(response) {
				if (response.responseText == '') {
					$('member_email').removeClassName('long_error');
				} else {
					$('member_email').addClassName('long_error');
				}
				
				$('member_email_error').innerHTML = response.responseText;
			}
		});
	});
}

function initPasswordEvent() {
	
	if (!$('member_password')) return false;
	
	$('member_password').observe('click', function(ev) {
	    $(this).removeClassName('long_error');
	});
	
	$('member_password').observe('blur', function(ev) {
		
		// get the element, equalent of "Event.element(ev) === this"
		var element = Event.element(ev);
		
		var elValue = this.value;
		
		if ($('member_password_again')) {
			if ($F('member_password_again') != '') {
				elValue = this.value + ':' + $F('member_password_again');
			}
		}
		
		// ajax
		runValidator({
			validator: 'password',
			value: elValue,
			callback: function(response) {
				if (response.responseText == '') {
					$('member_password').removeClassName('long_error');
					$('member_password_again').removeClassName('long_error');
				} else {
					$('member_password').addClassName('long_error');
					
					if (response.responseText == 'Паролите не съвпадат') {
					    $('member_password_again').addClassName('long_error');
					}
				}
				
				$('member_password_error').innerHTML = response.responseText;
			}
		});
	});
}

function initPasswordConfirmEvent() {
	
	if (!$('member_password_again')) return false;
	
	$('member_password_again').observe('click', function(ev) {
	    $(this).removeClassName('long_error');
	});
	
	$('member_password_again').observe('blur', function(ev) {
		
		// get the element, equalent of "Event.element(ev) === this"
		var element = Event.element(ev);
		
		if ($F('member_password') == '') return false;
		if (element.value == '') return false;
		
		// ajax
		runValidator({
			validator: 'password',
			value: $F('member_password') + ':' + this.value,
			callback: function(response) {
				if (response.responseText == '') {
					$('member_password').removeClassName('long_error');
					$('member_password_again').removeClassName('long_error');
				} else {
					$('member_password').addClassName('long_error');
					$('member_password_again').addClassName('long_error');
				}
				
				$('member_password_error').innerHTML = response.responseText;
			}
		});
	});
}


function initEmailSecondaryEvent() {
	
	if (!$('member_email_secondary')) return false;
	
	$('member_email_secondary').observe('click', function(ev) {
	    $(this).removeClassName('long_error');
	});
	
	$('member_email_secondary').observe('blur', function(ev) {
		
		// get the element, equalent of "Event.element(ev) === this"
		var element = Event.element(ev);
		
		// ajax
		runValidator({
			validator: 'email',
			value: this.value,
			callback: function(response) {
				if (response.responseText == '') {
					$('member_email_secondary').removeClassName('long_error');
				} else {
					$('member_email_secondary').addClassName('long_error');
				}
				
				$('member_email_error_secondary').innerHTML = response.responseText;
			}
		});
	});
}


/* Simple AJAX Code-Kit (SACK) v1.6.1 */
/* ©2005 Gregory Wild-Smith */
/* www.twilightuniverse.com */
/* Software licenced under a modified X11 licence,
   see documentation or authors website for more details */

function sack(file) {
	this.xmlhttp = null;

	this.resetData = function() {
		this.method = "POST";
  		this.queryStringSeparator = "?";
		this.argumentSeparator = "&";
		this.URLString = "";
		this.encodeURIString = true;
  		this.execute = false;
  		this.element = null;
		this.elementObj = null;
		this.requestFile = file;
		this.vars = new Object();
		this.responseStatus = new Array(2);
  	};

	this.resetFunctions = function() {
  		this.onLoading = function() { };
  		this.onLoaded = function() { };
  		this.onInteractive = function() { };
  		this.onCompletion = function() { };
  		this.onError = function() { };
		this.onFail = function() { };
	};

	this.reset = function() {
		this.resetFunctions();
		this.resetData();
	};

	this.createAJAX = function() {
		try {
			this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e1) {
			try {
				this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e2) {
				this.xmlhttp = null;
			}
		}

		if (! this.xmlhttp) {
			if (typeof XMLHttpRequest != "undefined") {
				this.xmlhttp = new XMLHttpRequest();
			} else {
				this.failed = true;
			}
		}
	};

	this.setVar = function(name, value){
		this.vars[name] = Array(value, false);
	};

	this.encVar = function(name, value, returnvars) {
		if (true == returnvars) {
			return Array(encodeURIComponent(name), encodeURIComponent(value));
		} else {
			this.vars[encodeURIComponent(name)] = Array(encodeURIComponent(value), true);
		}
	}

	this.processURLString = function(string, encode) {
		encoded = encodeURIComponent(this.argumentSeparator);
		regexp = new RegExp(this.argumentSeparator + "|" + encoded);
		varArray = string.split(regexp);
		for (i = 0; i < varArray.length; i++){
			urlVars = varArray[i].split("=");
			if (true == encode){
				this.encVar(urlVars[0], urlVars[1]);
			} else {
				this.setVar(urlVars[0], urlVars[1]);
			}
		}
	}

	this.createURLString = function(urlstring) {
		if (this.encodeURIString && this.URLString.length) {
			this.processURLString(this.URLString, true);
		}

		if (urlstring) {
			if (this.URLString.length) {
				this.URLString += this.argumentSeparator + urlstring;
			} else {
				this.URLString = urlstring;
			}
		}

		// prevents caching of URLString
		this.setVar("rndval", new Date().getTime());

		urlstringtemp = new Array();
		for (key in this.vars) {
			if (false == this.vars[key][1] && true == this.encodeURIString) {
				encoded = this.encVar(key, this.vars[key][0], true);
				delete this.vars[key];
				this.vars[encoded[0]] = Array(encoded[1], true);
				key = encoded[0];
			}

			urlstringtemp[urlstringtemp.length] = key + "=" + this.vars[key][0];
		}
		if (urlstring){
			this.URLString += this.argumentSeparator + urlstringtemp.join(this.argumentSeparator);
		} else {
			this.URLString += urlstringtemp.join(this.argumentSeparator);
		}
	}

	this.runResponse = function() {
		eval(this.response);
	}

	this.runAJAX = function(urlstring) {
		if (this.failed) {
			this.onFail();
		} else {
			this.createURLString(urlstring);
			if (this.element) {
				this.elementObj = document.getElementById(this.element);
			}
			if (this.xmlhttp) {
				var self = this;
				if (this.method == "GET") {
					totalurlstring = this.requestFile + this.queryStringSeparator + this.URLString;
					this.xmlhttp.open(this.method, totalurlstring, true);
				} else {
					this.xmlhttp.open(this.method, this.requestFile, true);
					try {
						this.xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
					} catch (e) { }
				}

				this.xmlhttp.onreadystatechange = function() {
					switch (self.xmlhttp.readyState) {
						case 1:
							self.onLoading();
							break;
						case 2:
							self.onLoaded();
							break;
						case 3:
							self.onInteractive();
							break;
						case 4:
							self.response = self.xmlhttp.responseText;
							self.responseXML = self.xmlhttp.responseXML;
							self.responseStatus[0] = self.xmlhttp.status;
							self.responseStatus[1] = self.xmlhttp.statusText;

							if (self.execute) {
								self.runResponse();
							}

							if (self.elementObj) {
								elemNodeName = self.elementObj.nodeName;
								elemNodeName.toLowerCase();
								if (elemNodeName == "input"
								|| elemNodeName == "select"
								|| elemNodeName == "option"
								|| elemNodeName == "textarea") {
									self.elementObj.value = self.response;
								} else {
									self.elementObj.innerHTML = self.response;
								}
							}
							if (self.responseStatus[0] == "200") {
								self.onCompletion();
							} else {
								self.onError();
							}

							self.URLString = "";
							break;
					}
				};

				this.xmlhttp.send(this.URLString);
			}
		}
	};

	this.reset();
	this.createAJAX();
}