jQuery.validator.messages.required = "";
	
$(document).ready(function(){

	$("#nje_application").validate({
		errorContainer: "#error_container",
		errorLabelContainer: "#error_list",
		wrapper: "li",
		errorClass: "nje_invalid",
		rules: {
			Position_Applied_For: "required",
			Referral_Source: "required", 
			Referral_Source_other_extended: {
				required: "#Referral_Source_other:checked"
			},
			Last_Name: "required", 
			First_Name: "required", 
			Address_1: "required",
			City: "required", 
			State: "required", 
			Zip: "required", 
			Phone_Number: "required", 
			Email: "required"
		}
	});
	
	$("#Referral_Source_Other").click(function() {
		$("#Referral_Source_Other_Extended").valid();
	});
	
	var employer_num = 1;
	var highschool_num = 1;
	var university_num = 1;
	var graduate_num = 1;
	
	$("#add_employer").click(function(event) {
		event.preventDefault();
		employer_num += 1;
		var employer_fields = '<hr><div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_Name">Employer:</label> <br> <input type="text" id="Employer_'+employer_num+'_Name" name="Employer_'+employer_num+'_Name" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_Address">Address:</label> <br> <input type="text" id="Employer_'+employer_num+'_Address" name="Employer_'+employer_num+'_Address" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_City">City:</label> <br> <input type="text" id="Employer_'+employer_num+'_City" name="Employer_'+employer_num+'_City" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel" for="Employer_'+employer_num+'_State">State:</label> <br> <select id="Employer_'+employer_num+'_State" name="Employer_'+employer_num+'_State" size="1"  > <option selected="selected"></option> <option value="Alabama" >Alabama</option> <option value="Alaska" >Alaska</option> <option value="Arizona" >Arizona</option> <option value="Arkansas" >Arkansas</option> <option value="California" >California</option> <option value="Colorado" >Colorado</option> <option value="Connecticut" >Connecticut</option> <option value="Delaware" >Delaware</option> <option value="Florida" >Florida</option> <option value="Georgia" >Georgia</option> <option value="Hawaii" >Hawaii</option> <option value="Idaho" >Idaho</option> <option value="Illinois" >Illinois</option> <option value="Indiana" >Indiana</option> <option value="Iowa" >Iowa</option> <option value="Kansas" >Kansas</option> <option value="Kentucky" >Kentucky</option> <option value="Louisiana" >Louisiana</option> <option value="Maine" >Maine</option> <option value="Maryland" >Maryland</option> <option value="Massachusetts" >Massachusetts</option> <option value="Michigan" >Michigan</option> <option value="Minnesota" >Minnesota</option> <option value="Mississippi" >Mississippi</option> <option value="Missouri" >Missouri</option> <option value="Montana" >Montana</option> <option value="Nebraska" >Nebraska</option> <option value="Nevada" >Nevada</option> <option value="New Hampshire" >New Hampshire</option> <option value="New Jersey" >New Jersey</option> <option value="New Mexico" >New Mexico</option> <option value="New York" >New York</option> <option value="North Carolina" >North Carolina</option> <option value="North Dakota" >North Dakota</option> <option value="Ohio" >Ohio</option> <option value="Oklahoma" >Oklahoma</option> <option value="Oregon" >Oregon</option> <option value="Pennsylvania" >Pennsylvania</option> <option value="Rhode Island" >Rhode Island</option> <option value="South Carolina" >South Carolina</option> <option value="South Dakota" >South Dakota</option> <option value="Tennessee" >Tennessee</option> <option value="Texas" >Texas</option> <option value="Utah" >Utah</option> <option value="Vermont" >Vermont</option> <option value="Virginia" >Virginia</option> <option value="Washington" >Washington</option> <option value="Washington, D.C." >Washington, D.C.</option> <option value="West Virginia" >West Virginia</option> <option value="Wisconsin" >Wisconsin</option> <option value="Wyoming" >Wyoming</option> </select> </div> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_Zip">Zip:</label> <br> <input type="text" id="Employer_'+employer_num+'_Zip" name="Employer_'+employer_num+'_Zip" size="5" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_Phone_Number">Phone Number:</label> <br> <input type="text" id="Employer_'+employer_num+'_Phone_Number" name="Employer_'+employer_num+'_Phone_Number" size="14" maxlength="14" class="requiredField formPage1Required emailRequired" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_Title">Job Title:</label> <br> <input type="text" id="Employer_'+employer_num+'_Title" name="Employer_'+employer_num+'_Title" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_Supervisor">Supervisor:</label> <br> <input type="text" id="Employer_'+employer_num+'_Supervisor" name="Employer_'+employer_num+'_Supervisor" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_Start_Date">Employed from:</label> <br> <input type="text" id="Employer_'+employer_num+'_Start_Date" name="Employer_'+employer_num+'_Start_Date" size="7"  class="requiredField formPage1Required" /> <span class="formSupporting">mm/yyyy</span></div> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_End_Date">Employed to:</label> <br> <input type="text" id="Employer_'+employer_num+'_End_Date" name="Employer_'+employer_num+'_End_Date" size="7"  class="requiredField formPage1Required" /> <span class="formSupporting">mm/yyyy</span></div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_Starting_Pay">Starting Pay:</label> <br> $ <input type="text" id="Employer_'+employer_num+'_Starting_Pay" name="Employer_'+employer_num+'_Starting_Pay" size="7"  class="requiredField formPage1Required" /> <label> <select name="Employer_'+employer_num+'_Starting_Pay_Type" id="Employer_'+employer_num+'_Starting_Pay_Type"> <option value="Hourly">Hourly</option> <option value="Salary">Salary</option> </select> </label> </div> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_Ending_Pay">Final Pay:</label> <br> $ <input type="text" id="Employer_'+employer_num+'_Ending_Pay" name="Employer_'+employer_num+'_Ending_Pay" size="7"  class="requiredField formPage1Required" /> <label> <select name="Employer_'+employer_num+'_Ending_Pay_Type" id="Employer_'+employer_num+'_Ending_Pay_Type"> <option value="Hourly">Hourly</option> <option value="Salary">Salary</option> </select> </label> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_Reason_for_Leaving">Reason for leaving:</label> <br> <input type="text" id="Employer_'+employer_num+'_Reason_for_Leaving" name="Employer_'+employer_num+'_Reason_for_Leaving" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Employer_'+employer_num+'_Work_Description">Please describe work performed during your employment.</label> <br> <textarea name="Employer_'+employer_num+'_Work_Description" cols="50" rows="5" class="requiredField formPage1Required" id="Employer_'+employer_num+'_Work_Description"></textarea> </div> </div><div class="formRow"></div>'
		
		$("#add_employer_container").before(employer_fields);
	});

	$("#add_highschool").click(function(event) {
		event.preventDefault();
		highschool_num += 1;

		var highschool_fields = '<hr><div class="formRow"><div class="formField"> <label class="mainLabel required" for="High_School_'+highschool_num+'_Name">School Name</label> <br> <input type="text" id="High_School_'+highschool_num+'_Name" name="High_School_'+highschool_num+'_Name" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="High_School_'+highschool_num+'_Years">Number of Years Completed:</label> <br> <input type="text" id="High_School_'+highschool_num+'_Years" name="High_School_'+highschool_num+'_Years" size="2" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="High_School_'+highschool_num+'_Diploma/Degree">Diploma/Degree:</label> <br> <input type="text" id="High_School_'+highschool_num+'_Diploma/Degree" name="High_School_'+highschool_num+'_Diploma/Degree" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="High_School_'+highschool_num+'_Course_of_Study">Describe Course of Study/Major:</label> <br> <input type="text" id="High_School_'+highschool_num+'_Course_of_Study" name="High_School_'+highschool_num+'_Course_of_Study" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Skills_and_Training"><span class="required">Please describe any specialized training, apprenticeship, skills and extra-curricular activities.</span></label> <br> <textarea name="Skills_and_Training" cols="50" rows="5" class="requiredField formPage1Required" id="Skills_and_Training"></textarea> </div> </div><div class="formRow"></div>';

		$("#add_highschool_container").before(highschool_fields);
	});

	$("#add_university").click(function(event) {
		event.preventDefault();
		university_num += 1;

		var university_fields = '<hr><div class="formRow"><div class="formField"> <label class="mainLabel required" for="University_'+university_num+'_Name">School Name</label> <br> <input type="text" id="University_'+university_num+'_Name" name="University_'+university_num+'_Name" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="University_'+university_num+'_Years">Number of Years Completed:</label> <br> <input type="text" id="University_'+university_num+'_Years" name="University_'+university_num+'_Years" size="2" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="University_'+university_num+'_Diploma/Degree">Diploma/Degree:</label> <br> <input type="text" id="University_'+university_num+'_Diploma/Degree" name="University_'+university_num+'_Diploma/Degree" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="University_'+university_num+'_Course_of_Study">Describe Course of Study/Major:</label> <br> <input type="text" id="University_'+university_num+'_Course_of_Study" name="University_'+university_num+'_Course_of_Study" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Skills_and_Training"><span class="required">Please describe any specialized training, apprenticeship, skills and extra-curricular activities.</span></label> <br> <textarea name="Skills_and_Training" cols="50" rows="5" class="requiredField formPage1Required" id="Skills_and_Training"></textarea> </div> </div><div class="formRow"></div>';

		$("#add_university_container").before(university_fields);
	});
		
	$("#add_graduate").click(function(event) {
		event.preventDefault();
		graduate_num += 1;

		var graduate_fields = '<hr><div class="formRow"><div class="formField"> <label class="mainLabel required" for="Graduate/Professional_School_'+graduate_num+'_Name">School Name</label> <br> <input type="text" id="Graduate/Professional_School_'+graduate_num+'_Name" name="Graduate/Professional_School_'+graduate_num+'_Name" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Graduate/Professional_School_'+graduate_num+'_Years">Number of Years Completed:</label> <br> <input type="text" id="Graduate/Professional_School_'+graduate_num+'_Years" name="Graduate/Professional_School_'+graduate_num+'_Years" size="2" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Graduate/Professional_School_'+graduate_num+'_Diploma/Degree">Diploma/Degree:</label> <br> <input type="text" id="Graduate/Professional_School_'+graduate_num+'_Diploma/Degree" name="Graduate/Professional_School_'+graduate_num+'_Diploma/Degree" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Graduate/Professional_School_'+graduate_num+'_Course_of_Study">Describe Course of Study/Major:</label> <br> <input type="text" id="Graduate/Professional_School_'+graduate_num+'_Course_of_Study" name="Graduate/Professional_School_'+graduate_num+'_Course_of_Study" size="50" class="requiredField formPage1Required" /> </div> </div> <div class="formRow"> <div class="formField"> <label class="mainLabel required" for="Skills_and_Training"><span class="required">Please describe any specialized training, apprenticeship, skills and extra-curricular activities.</span></label> <br> <textarea name="Skills_and_Training" cols="50" rows="5" class="requiredField formPage1Required" id="Skills_and_Training"></textarea> </div> </div><div class="formRow"></div>';

		$("#add_graduate_container").before(graduate_fields);
	});
	
});