// JavaScript Document


			$(function(){
				// Grab each form element
				$("label[title]").each(function(){
					$(this).append("<div class=\"infopop\">");	
					titletext = $(this).attr("title");
					$(this).removeAttr("title");
					$(".infopop",this).css({opacity:0}).html(titletext);
					$("input",this).focus(function(){
						// Mouseover
						doFocus(this);
					}).blur(function(){
						// MouseOut
						doBlur(this);
					});
				});
				
				$('#registrationForm').submit(function(event){
				
					checkForm();
				});
			});
			
			function doFocus(obj) {
				$(obj).addClass("active").parents("label").addClass("active").find(".infopop").animate({opacity:1,left:492},500);
			}
			
			function doBlur(obj) {
				if (validate(obj)) { 
					isGood(obj);
					
				}
			}
			
			function reportErr(obj, message) {
				$(obj).addClass("error").parents("label").removeClass("isgood").addClass("required").addClass("error").find(".infopop").html(message).addClass("errorpop").animate({opacity:1,left:492},500);
				
				
			}
			
			function isGood(obj) {
				$(obj).removeClass("error").removeClass("active").parents("label").addClass("isgood").removeClass("error").removeClass("active").find(".infopop").removeClass("errorpop").animate({opacity:0,left:513},500);
			} 			
			
			function validate(obj) {
				// Extend jQuery object to include Regular expression masks assigned to properties
				mask = jQuery.extend({textfieldmask: /^[a-z\.\s-]{2,}$/i,phonemask: /^[0-9\(\)\+\.\s-]{8,}$/i,passwordmask: /^\w{5,}$/, emailmask:/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/i,zipcodemask: /^[0-9]{5,}$/i,addressfieldmask:/^[(\w(\s)?)+]{3,}$/});
				// Extend jQuery object to include error messages assigned to properties
				errmsg = jQuery.extend({textfielderr:"2 or more letters",phoneerr: "Enter valid phone number inc. area cd.",passworderr:"Minimum 5 characters",emailerr:"Invalid email address",matcherr: "Must match",zipcodefielderr: "Enter a valid zip code",addressfielderr:"Only numbers and/or letters"});
			
				// Set up variables to hold details of which mask to use and whether the field should match another field
				var masktouse = null;
				var mustmatch = null;
				// Determine the type of mask we're going to validate against
				switch(obj.name) {
					case "fname": 		masktouse="textfieldmask"; 		errtouse="textfielderr"; 	break;
					case "lname": 		masktouse="textfieldmask"; 		errtouse="textfielderr"; 	break;
					case "address": 	masktouse="addressfieldmask"; 		errtouse="addressfielderr"; 	break;
					case "zipCode": 	masktouse="zipcodemask"; 		errtouse="zipcodefielderr"; 	break;
					case "pfname": 		masktouse="textfieldmask"; 		errtouse="textfielderr"; 	break;
					case "plname": 		masktouse="textfieldmask"; 		errtouse="textfielderr"; 	break;
					case "school": 		masktouse="textfieldmask"; 		errtouse="textfielderr"; 	break;
					case "size": 		masktouse="textfieldmask"; 		errtouse="textfielderr"; 	break;
					
					case "phone": 		masktouse="phonemask"; 			errtouse="phoneerr"; 		break;
					case "altPhone": 		masktouse="phonemask"; 			errtouse="phoneerr"; 		break;
					case "username": 	masktouse="textfieldmask"; 		errtouse="textfielderr"; 	break;
					case "email": 		masktouse="emailmask"; 			errtouse="emailerr"; 		break;
					case "verifyEmail": 		masktouse="emailmask"; 			errtouse="emailerr"; 	mustmatch="email";	break;
					
				}
				// Check that the element is a required field before validating against it.
				if($(obj).parents("label").hasClass("required") && masktouse) {
					// Set up a quick way of accessing the object we're validating
					pointer = $(obj);
					// Test the value of the field against the Regular Expression
					if (mask[masktouse].test(pointer.val())) {
						// The field validated successfully!
						
						// Check to see if the field needs to match another field in the form
						if (mustmatch) {
							// It does need to match, so grab the object it needs to match
							matchobj = $("#"+mustmatch);
							if (matchobj.val()!='' && matchobj.val()!=pointer.val()) {
								// The fields don't match, so report an error on both of them
								reportErr(obj,errmsg["matcherr"]);	
								reportErr(matchobj,errmsg["matcherr"]);
							}
							else {
								// Either the fields match, or the other field hasn't been completed yet
								// If the other field has been completed, call the isGood function to clear any error message showing
								if (matchobj.val()!='') { isGood(matchobj);}
								return true;
							}
						}
						else {
							// No match is required, so return true - validation passed!
							return true;
						} 
					}
					else { 
						// The field failed to validate against the Regular Expression
						reportErr(obj,errmsg[errtouse]);
						return false; 
					}
				} 
				else {	
					// This isn't a required field, so we won't validate it against anything			
					return true;
				}
			}
			
			function checkForm(){
				
				var i;
				var err = false;
				var errObj;
				
				for(i=0;i<document.registrationForm.elements.length; i++) {
					
					obj = document.registrationForm.elements[i];
					
					if(validate(obj) == false){
						err = true;
						errObj = obj;
						break;
						}
					
				}
				
				if(err == false){document.registrationForm.submit();}
				else{ alert("Please recheck your form submission, there is an error at: "+ errObj.name);}
				
			}