// js

function update(field) {
	
	var holder;
	var update = document.getElementById("info");
	
	holder = '<table class="borderTable employee" width="700" cellpadding="0" cellspacing="0" border="0">\
				<tr>\
					<th colspan="6"><h2>Employee Information:</h2></th>\
				</tr>';
	
	for( var i = 1; i <= field.value; i++ ) {
		
		holder += '<tr>\
					<td class="borderHead" colspan="6"><h2>'+i+'. Employee Information</h2></td>\
				</tr>\
				<tr>\
					<td width="200" valign="top">\
						<p>Employee Name (Optional):</p>\
						<input type="text" name="empName[]" style="width:200px; height:15px; font-size:8pt; margin-bottom:5px" />\
					</td>\
					<td width="100" valign="top">\
						<p>Date of Birth:</p>\
						<input type="text" name="empDob[]" style="width:75px; height:15px; font-size:8pt; margin-bottom:5px" />\
					</td>\
					<td width="100" valign="top">\
						<p>Gender:</p>\
						<select name="empGender[]" style="width:75px; height:20px; font-size:8pt; margin-bottom:5px">\
							<option value="Male">Male</option>\
							<option value="Female">Female</option>\
						</select>\
					</td>\
					<td width="100" valign="top">\
						<p>Zip:</p>\
						<input type="text" name="empZip[]" style="width:75px; height:15px; font-size:8pt; margin-bottom:5px" />\
					</td>\
					<td valign="top">\
						<p>Occupation:</p>\
						<input type="text" name="empOccupation[]" style="width:150px; height:15px; font-size:8pt; margin-bottom:5px" />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						<p>Medical:</p>\
						<select name="empMedical[]" style="width:205px; height:20px; font-size:8pt; margin-bottom:5px">\
							<option value="Employee">Employee</option>\
							<option value="Employee + Spouse">Employee + Spouse</option>\
							<option value="Employee + Child(ren)">Employee + Child(ren)</option>\
							<option value="Employee + Family">Employee + Family</option>\
							<option value="Waive">Waive</option>\
						</select>\
					</td>\
					<td colspan="2">\
						<p>Dental:</p>\
						<select name="empDental[]" style="width:205px; height:20px; font-size:8pt; margin-bottom:5px">\
							<option value="Employee">Employee</option>\
							<option value="Employee + Spouse">Employee + Spouse</option>\
							<option value="Employee + Child(ren)">Employee + Child(ren)</option>\
							<option value="Employee + Family">Employee + Family</option>\
							<option value="Waive">Waive</option>\
							<option value="Not Applicable">Not Applicable</option>\
						</select>\
					</td>\
					<td>\
						<p>Disability:</p>\
						<select name="empDisability[]" style="width:80px; height:20px; font-size:8pt; margin-bottom:5px">\
							<option value="Yes">Yes</option>\
							<option value="No">No</option>\
						</select>\
					</td>\
					<td>\
						<p>Salary:</p>\
						<input type="text" name="empSalary[]" style="width:100px; height:15px; font-size:8pt; margin-bottom:5px" />\
					</td>\
				</tr>';			
	}
	
	holder += '</table>';
	
	update.innerHTML = holder;
	
}