/**
 * Javascript Document by Jeffrey Ouma.
 * Copyright© 2008 artkenya.net Ltd.
 * All rights reserved.
 *
 * Form Function Library:
 * ======================
 * Event handlers and validations for generic form fields
 * such as name and email among others
 *
 */
// Create the BLEEZ.form namespace
BLEEZ.form = {};
BLEEZ.form.step = {
	parentElm: "",
	Show: function(elm) {
		// Get the step to be activated
		var activeElm = (Dom.getAncestorByClassName(elm, "step")) ? Dom.getAncestorByClassName(elm, "step") : Dom.getAncestorByClassName(elm, "active-step");
		// Get all currently active steps and deactivate them
		var elmArray = Dom.getElementsByClassName("active-step", "div", BLEEZ.form.step.parentElm);
		Dom.replaceClass(elmArray, "active-step", "step");
		if(activeElm) {
			// Activate the step if it was not active
			// This method allows for opening and closing of steps, i.e. one-at-a-time collapsible panel
			Dom.replaceClass(activeElm, "step", "active-step");
		}
	}
};
BLEEZ.form.error = {
	Show: function(elmId, message) {
		var elm = Dom.get(elmId);
		Dom.addClass(elmId + "-label", "error");	// Append the "error" class to the field label to give it a red color
		Dom.addClass(elmId, "input-error");	// Append the "input-error" class to the field to give it a red color and border
		var parentElm = Dom.get(elmId + "-notification");
		if(parentElm) {	// Hide all visible notifications
			var elmArray = parentElm.getElementsByTagName("p");
			Dom.addClass(elmArray, "hide");
			// Show the error message
			Dom.get(elmId + "-error").innerHTML = message;
			Dom.setStyle(elmId + "-error", "opacity", "0");
			Dom.removeClass(elmId + "-error", "hide");
			var animShow = new YAHOO.util.Anim(elmId + "-error", {
				opacity: {
					to: 1
				}
			}, 0.25, Easing.easeOut);
			if(BLEEZ.form.scrollContainer) {
				var animScroll = new YAHOO.util.Scroll(BLEEZ.form.scrollContainer, {
					scroll: {
						to: [0, parseInt(elm.offsetTop)]
					}
				}, 1, Easing.easeBoth);
				animScroll.animate();
			}
			animShow.animate();
			// Hide all notification icons
			Dom.removeClass(elmId + "-notification", "status-notification");
			Dom.removeClass(elmId + "-notification", "success-notification");
			// Display the error notification icon
			Dom.addClass(elmId + "-notification", "error-notification");
		}
		// End of BLEEZ.form.error.Show
	},
	Hide: function(elmId) {
		var elm;
		var anim = new YAHOO.util.Anim(elmId + "-error", {
			opacity: {
				to: 0
			}
		}, 0.25, Easing.easeIn);
		anim.animate();
		// Hide the error notification icon
		Dom.removeClass(elmId + "-notification", "error-notification");
		// Hide the error message
		if(elm = Dom.get(elmId + "-error")) {
			elm.innerHTML = "";
		}
		Dom.addClass(elmId + "-error", "hide");
		// Remove the "input-error" class from the field to return it to normal
		Dom.removeClass(elmId, "input-error");
		// Remove the "error" class from field label to return it to normal
		Dom.removeClass(elmId + "-label", "error");
		// End of BLEEZ.form.error.Hide
	}
};
BLEEZ.form.field = {
	Init: function(elmId, fieldType) {
		elm = Dom.get(elmId);
		if(!elm) { return; }
		if(fieldType) {
			elm.setAttribute("validate", fieldType);
		}
		if(elm.offsetTop) elm.setAttribute("o", elm.offsetTop);
		Event.addFocusListener(elm, function() {
			try {
				BLEEZ.form.field.Focus(elmId);
			} catch (e) {
				errorHandler(e);
			}
		});
		Event.on(elm, "blur", function() {
			try {
				BLEEZ.form.field.Blur(elmId);
			} catch (e) {
				errorHandler(e);
			}
		});
		switch (fieldType) {
			case "securitycode":
				Event.on(elm, "keyup", function(e) {
					try {
						if(BLEEZ.util.KeyCode(e.keyCode)) {
							if(Dom.hasClass(this, "input-error") ||
								this.value.length == 5) {
								BLEEZ.form.field.Validate(this.id);
							}
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				break;
			case "password":
				Event.on(elm, "keyup", function(e) {
					try {
						if(Dom.hasClass(this, "input-error") ||
							this.value.length >= 6) {
							BLEEZ.form.field.Validate(this.id);
						}
						BLEEZ.form.PasswordStrength(this.value);
						var confirmElm = "confirm" + this.id;
						if(Dom.get(confirmElm) && Dom.hasClass(confirmElm, "input-error")) {
							BLEEZ.form.field.Validate(confirmElm);
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				break;
			case "comboother":
				Event.on(elmId, "keyup", function(e) {
					try {
						if(e.keyCode == 27) {
							var selectElm = Dom.get(elmId + "-select");
							Dom.addClass(this, "hide");
							Dom.removeClass(selectElm, "hide");
							selectElm.options[0].selected = true;
							this.value = selectElm.value; 
							BLEEZ.form.field.Blur(elmId);
						}
					} catch(e) {
						errorHandler(e);
					}
				});
				Event.on(elmId + "-select", "change", function(e) {
					try {
						var otherElm = Dom.get(elmId);
						if(otherElm) {
							otherElm.value = this.value;
							if(this.value == "Other") {
								otherElm.value = "";
								Dom.addClass(this, "hide");
								Dom.removeClass(otherElm, "hide");
								otherElm.focus();
							}
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				if(Dom.get(elmId + "-select").value == "Other" && Dom.get(elmId)) {
					Dom.addClass(elmId + "-select", "hide");
					Dom.removeClass(elmId, "hide");
				} else {
					Dom.removeClass(elmId + "-select", "hide");
				}
				break;
			case "date":
				var maxdate, mindate, startdate, title = Dom.get(elmId + "-label").innerHTML;
				if(elm.getAttribute("datetype") == "dateofbirth") {
					maxdate = new Date();
					maxdate.setFullYear(maxdate.getFullYear() - 3);
					mindate = new Date("January 01, 1850 00:00:00");
					startdate = new Date();
					startdate.setFullYear(startdate.getFullYear() - 25);
				} else {
					maxdate = (elm.getAttribute("maxdate")) ? new Date(elm.getAttribute("maxdate")) : null;
					mindate = (elm.getAttribute("mindate")) ? new Date(elm.getAttribute("mindate")) : null;
					startdate = (elm.getAttribute("mindate")) ? new Date(elm.getAttribute("startdate")) : new Date();
				}
				BLEEZ.form.date.Calendar[elmId] = new YAHOO.widget.Calendar(elmId + "-calendar", {
					close: true,
					maxdate: maxdate,
					mindate: mindate,
					navigator: true,
					pagedate: startdate,
					selected: elm.value,
					start_weekday: 1,
					title: title
				});
				BLEEZ.form.date.Calendar[elmId].render();
				BLEEZ.form.date.Calendar[elmId].hide();
				Dom.removeClass(elmId + "-calendar", "hide");
				// Subscribe to the show event on Calendar cells
				BLEEZ.form.date.Calendar[elmId].showEvent.subscribe(function() {
					try {
						var calElm = Dom.get(elmId + "-calendar"), parentElm = Dom.getAncestorByClassName(elmId, "step-bd");
						if(!Dom.hasClass(calElm, "open") && parentElm && parentElm.getAttribute("h")) {
							var d = BLEEZ.util.Dimensions(calElm);
							calElm.setAttribute("h", d["height"] + 25);
							var h = parseInt(parentElm.getAttribute("h")) + d["height"] + 25;
							d = BLEEZ.util.Dimensions(elmId + "-notification");
							h += d["height"];
							parentElm.setAttribute("h", h);
							var anim = new YAHOO.util.Anim(parentElm, {
								height: {
									to: h,
									unit: "px"
								}
							}, 1, Easing.backOut);
							anim.animate();
							Dom.addClass(calElm, "open");
						}
						BLEEZ.form.field.Focus(elmId);
					} catch(e) {
						errorHandler(e);
					}
				});
				// Subscribe to the hide event on Calendar cells
				BLEEZ.form.date.Calendar[elmId].hideEvent.subscribe(function() {
					try {
						var calElm = Dom.get(elmId + "-calendar"), parentElm = Dom.getAncestorByClassName(elmId, "step-bd");
						if(Dom.hasClass(calElm, "open") && parentElm && parentElm.getAttribute("h")) {
							var h = parseInt(parentElm.getAttribute("h")) - parseInt(calElm.getAttribute("h"));
							d = BLEEZ.util.Dimensions(elmId + "-notification");
							h -= d["height"];
							parentElm.setAttribute("h", h);
							var anim = new YAHOO.util.Anim(parentElm, {
								height: {
									to: h,
									unit: "px"
								}
							}, 1, Easing.backOut);
							anim.animate();
							Dom.removeClass(calElm, "open");
						}
						BLEEZ.form.field.Blur(elmId);
					} catch(e) {
						errorHandler(e);
					}
				});
				// Subscribe to the select event on Calendar cells
				BLEEZ.form.date.Calendar[elmId].selectEvent.subscribe(function(type, args) {
					BLEEZ.form.date.Rip(elmId, type, args);
					BLEEZ.form.field.Validate(elmId);
					BLEEZ.form.date.Calendar[elmId].hide();
				});
				Event.on(elmId + "-calendaricon", "click", function() {
					try {
						BLEEZ.form.date.Calendar[elmId].show();
					} catch(e){
						errorHandler(e);
					}
				});
				Dom.removeClass(elmId + "-calendaricon", "hide");
				elm.disabled = true;
				Event.on(elm, "change", function() {
					try {
						if(Dom.hasClass(elmId, "input-error")) {
							BLEEZ.form.field.Validate(elmId);
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				Event.on(elm, "keyup", function(e) {
					try {
						if(BLEEZ.util.KeyCode(e.keyCode)) {
							if(Dom.hasClass(elmId, "input-error")) {
								BLEEZ.form.field.Validate(elmId);
							}
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				break;
			// INTEGER	
			case "numeric":
				Event.on(elm, "keydown", function(e) {
					try {
						if(e.keyCode == 32) {
							Event.preventDefault(e);
						} else if(e.shiftKey == true && e.keyCode < 48) {
						} else if(e.keyCode <= 57 || (e.keyCode >= 91 && e.keyCode <= 105) || (e.keyCode >= 112 && e.keyCode <= 145)) {
						} else {
							Event.preventDefault(e);
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				Event.on(elm, "change", function() {
					try {
						if(Dom.hasClass(elmId, "input-error")) {
							BLEEZ.form.field.Validate(elmId);
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				Event.on(elm, "keyup", function(e) {
					try {
						if(BLEEZ.util.KeyCode(e.keyCode)) {
							if(Dom.hasClass(elmId, "input-error")) {
								BLEEZ.form.field.Validate(elmId);
							}
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				break;
			case "percent":
				Event.on(elm, "keydown", function(e) {
					try {
						if(e.keyCode == 32) {
							Event.preventDefault(e);
						} else if(e.shiftKey == true && e.keyCode < 48) {
						} else if(e.keyCode <= 57 || (e.keyCode >= 91 && e.keyCode <= 105) || (e.keyCode >= 112 && e.keyCode <= 145)) {
						} else {
							Event.preventDefault(e);
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				Event.on(elm, "change", function() {
					try {
						if(Dom.hasClass(elmId, "input-error")) {
							BLEEZ.form.field.Validate(elmId);
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				Event.on(elm, "keyup", function(e) {
					try {
						if(BLEEZ.util.KeyCode(e.keyCode)) {
							if(Dom.hasClass(elmId, "input-error")) {
								BLEEZ.form.field.Validate(elmId);
							}
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				break;
			case "integer":
				Event.on(elm, "keydown", function(e) {
					try {
						if(e.keyCode == 32) {
							Event.preventDefault(e);
						} else if(e.shiftKey == true && e.keyCode < 48) {
						} else if(e.keyCode <= 57 || (e.keyCode >= 91 && e.keyCode <= 105) || (e.keyCode >= 112 && e.keyCode <= 145)) {
						} else {
							Event.preventDefault(e);
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				Event.on(elm, "change", function() {
					try {
						if(Dom.hasClass(elmId, "input-error")) {
							BLEEZ.form.field.Validate(elmId);
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				Event.on(elm, "keyup", function(e) {
					try {
						if(BLEEZ.util.KeyCode(e.keyCode)) {
							if(Dom.hasClass(elmId, "input-error")) {
								BLEEZ.form.field.Validate(elmId);
							}
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				break;
			default:
				Event.on(elm, "change", function() {
					try {
						if(Dom.hasClass(elmId, "input-error")) {
							BLEEZ.form.field.Validate(elmId);
						}
					} catch (e) {
						errorHandler(e);
					}
				});
				Event.on(elm, "keyup", function(e) {
					try {
						if(BLEEZ.util.KeyCode(e.keyCode)) {
							if(Dom.hasClass(elmId, "input-error")) {
								BLEEZ.form.field.Validate(elmId);
							}
						}
					} catch (e) {
						errorHandler(e);
					}
				});
		}
		BLEEZ.form.field.Blur(elmId);
		// End of BLEEZ.form.field.Init
	},
	Clear: function(elmId) {
		if (Dom.get(elmId)) {
			Dom.get(elmId).value = "";		// Clear the field
			// Hide the error message
			BLEEZ.form.error.Hide(elmId);
			BLEEZ.form.field.Blur(elmId);
		}
		// End of BLEEZ.form.field.Clear
	},
	Focus: function(elmId) {
		if(Dom.hasClass(elmId + "-error", "hide") && !Dom.hasClass(elmId + "-notification", "success-notification") && !Dom.hasClass(elmId + "-notification", "status-notification")) {
			var parentElm = Dom.get(elmId + "-notification");
			var elmArray = parentElm.getElementsByTagName("p");
			Dom.addClass(elmArray, "hide");
			// Show the hint
			Dom.setStyle(elmId + "-hint", "opacity", "0");
			Dom.removeClass(elmId + "-hint", "hide");
			var anim = new YAHOO.util.Anim(elmId + "-hint", {
				opacity: {
					to: 1
				}
			}, 0.25, Easing.easeOut);
			anim.animate();
		}
		// End of BLEEZ.form.field.Focus
	},
	Blur: function(elmId) {
		var elm = Dom.get(elmId);
		if(!Dom.hasClass(elmId + "-hint", "hide")) { // The hint is visible
			var anim = new YAHOO.util.Anim(elmId + "-hint", {
				opacity: {
					to: 0
				}
			}, 0.25, Easing.easeIn);
			anim.animate();
			// Hide the hint
			Dom.addClass(elmId + "-hint", "hide");
		}
		// End of BLEEZ.form.field.Blur
	},
	Validate: function(elmId) {
		var msg, required = Dom.hasClass(elmId + "-label", "required");
		var elm = Dom.get(elmId);
		if(elm) {
			elm.value = BLEEZ.util.format.Trim(elm.value);
			if(required && !elm.value) {
				// The value is required but is empty or default
				BLEEZ.form.error.Show(elmId, "This information is required.");
				return false;
			}
			switch (elm.getAttribute("validate")) {
				case "name":
					if(elm.value && !BLEEZ.util.regX.Name(elm.value)) {
						// Invalid format
						msg = "Invalid name format. " +
						"Only letters, hyphens (-) and apostrophes (')<br>are allowed.";
					}
					break;
				case "email":
					if(elm.value && !BLEEZ.util.regX.Email(elm.value)) {
						// Invalid format
						msg = "This is not a valid email address.";
					}
					break;
				case "phone":
					if(elm.value && !BLEEZ.util.regX.Phone(elm.value)) {
						// Invalid format
						msg = "This is not a valid phone format.";
					}
					break;
				case "uridomain":
					if(elm.value && !BLEEZ.util.regX.URIDomain(elm.value)) {
						// Invalid format
						msg = "This is not a valid URL.";
					}
					break;
				case "decimal":
					if(elm.value && !BLEEZ.util.regX.Decimal(elm.value)) {
						// Invalid format
						msg = "This is not a valid decimal number.";
					}
					break;
				case "password":
					if(BLEEZ.util.format.Trim(elm.value).length < 6) {
						msg = "Please enter a password that is at least 6 characters long.";
					} else if(!BLEEZ.util.regX.Password(elm.value)) {
						msg = "Invalid password. Please enter a password made up of letters and/or numbers and standard symbols (!@#$%^&*). No spaces allowed.";
					}
					break;
				case "confirmpassword":
					var pwdElm = Dom.get(elm.id.replace(/confirm/, ""));
					if(BLEEZ.util.format.Trim(pwdElm.value) != BLEEZ.util.format.Trim(elm.value)) {
						msg = "The passwords you have enterred do not match.";
					}
					break;
				case "securitycode":
					if(BLEEZ.util.format.Trim(elm.value).length != 5) {
						msg = "Please enter the 5-character security code as shown.";
					} else {
						BLEEZ.form.securityCode.Validate(elmId);
						return BLEEZ.form.securityCode.valid;
					}
					break;
			}
			if(msg) {
				if(Dom.get(elmId + "-error") && Dom.get(elmId + "-error").innerHTML != msg) {
					// Display an error message
					BLEEZ.form.error.Show(elmId, msg);
				}
			} else {
				BLEEZ.form.error.Hide(elmId);
				return true;
			}
		}
		// End of BLEEZ.form.field.Validate
	}
};
BLEEZ.form.PasswordStrength = function(pwd) {
	var elm = YAHOO.util.Dom.getElementsByClassName("bar", "div", "passwordstrength");
	var w = BLEEZ.util.regX.PasswordStrength(pwd) * 255;
	var anim = new YAHOO.util.Anim(elm[0], {
		width: {to: w}
	}, 0.5, YAHOO.util.Easing.easeOut);
	anim.animate();
};
BLEEZ.form.securityCode = {
	valid: false,
	Validate: function(elmId) {
		// Initialize variables
		var elm = Dom.get(elmId + "-status");
		var parentElm = Dom.get(elmId + "-notification");
		var elmArray = parentElm.getElementsByTagName("p");
		Dom.addClass(elmArray, "hide");
		elm.innerHTML = "Verifying security code.<br>Please wait...";
		Dom.setStyle(elm, "opacity", "0");
		Dom.removeClass(elm, "hide");
		var anim = new YAHOO.util.Anim(elm, {
			opacity: {
				to: 1
			}
		}, 0.25, Easing.easeOut);
		anim.animate();
		// Hide all notification icons
		Dom.removeClass(elmId + "-notification", "error-notification");
		Dom.removeClass(elmId + "-notification", "success-notification");
		// Display the status notification icon
		Dom.addClass(elmId + "-notification", "status-notification");
		elm = Dom.get(elmId);
		var response = {
			timeout: 60000,
			success: function(x) {
				var xmlResponse = x.responseXML.documentElement;
				var success = parseInt(BLEEZ.util.readXML.Data(xmlResponse, "success"));
				if(!success) {
					BLEEZ.form.error.Show(elmId, "Please enter the correct security code.");
					BLEEZ.form.securityCode.valid = false;
				} else {
					// The security code is valid
					BLEEZ.form.securityCode.valid = true;
					BLEEZ.form.error.Hide(elmId);
					parentElm = Dom.get(elmId + "-notification");
					elmArray = parentElm.getElementsByTagName("p");
					Dom.addClass(elmArray, "hide");
					elm = Dom.get(elmId + "-success");
					elm.innerHTML = "Correct";
					Dom.setStyle(elm, "opacity", "0");
					Dom.removeClass(elm, "hide");
					var anim = new YAHOO.util.Anim(elm, {
						opacity: {
							to: 1
						}
					}, 0.25, Easing.easeOut);
					anim.animate();
					// Hide all notification icons
					Dom.removeClass(elmId + "-notification", "error-notification");
					Dom.removeClass(elmId + "-notification", "status-notification");
					// Display the status notification icon
					Dom.addClass(elmId + "-notification", "success-notification");
				}
			},
			failure: function(x) {
				// The request failed
				// Show error dialog
				var dialog = new BLEEZ.dialog.modal;
				dialog.Show("error-dialog", "Problem Encountered", "There was a problem accessing the server: " + x.statusText, [{
					text: "OK",
					handler: function() {
						BLEEZ.dialog.modal.Cancel();
					}
				}]);
			}
		};
		var postVars = "code=" + BLEEZ.util.format.Trim(elm.value);
		var securityPath = (Dom.get("rootpath").value) ? Dom.get("rootpath").value + "Includes/security.php" : "../../Includes/security.php";  
		var xhr = Connect.asyncRequest("POST", securityPath, response, postVars);
	}
};
BLEEZ.form.date = {
	Calendar: new Array(),
	Rip: function(elmId, type, args) {
		// Get the date components
		var dateArray = args[0], dt = dateArray[0];
		var y = dt[0], m = dt[1], d = dt[2];
		// Create the formatted date string
		var dateString = m + "/" + d + "/" + y;
		// Insert the formatted date into the text field
		var elm = Dom.get(elmId);
		elm.value = dateString;
		elm.setAttribute("timestamp", y + "-" + m + "-" + d);
		elm.setAttribute("startdate", y + "," + m + "," + d);
	}
};