//Change of Address Javascript Functions
function addNewStreet(){
	document.getElementById('NewStreet').innerHTML = "<input type='text' alt='New Street 2' name='txtNewStreet2' width='30' maxlength='50' /> <input type='button' alt='New Street 2' value='Remove' name='Remove Additional Street Line' size='20' onclick='removeNewStreet()' /><br />";
}
function removeNewStreet(){
	document.getElementById('NewStreet').innerHTML = "<input type='hidden' alt='New Street 2' name='txtNewStreet2' width='30' maxlength='50' /> <input type='button' alt='Add Additional Street Line' value='Additional Street' name='Add Additional Street Line' size='20' onclick='addNewStreet()' />";
}
function addPermanentStreet(){
	document.getElementById('PermanentStreet').innerHTML = "<input type='text' alt='Permanent Street 2' name='txtPermanentStreet2' width='30' maxlength='50' /> <input type='button' alt='Remove Additional Street Line' value='Remove' name='Remove' size='20' onclick='removePermanentStreet()' /><br />";
}
function removePermanentStreet(){
	document.getElementById('PermanentStreet').innerHTML = "<input type='hidden' alt='Permanent Street 2' name='txtPermanentStreet2' width='30' maxlength='50' /> <input type='button' alt='Additional Street' value='Additional Street' name='Add Additional Street Line' size='20' onclick='addPermanentStreet()' />";
}
function addOPTYes(){
	document.getElementById('askEAD').innerHTML = "<table border='0' align='center' width='100%'><tr><td align='left' width='75%'>If ‘Yes’, have you received the Employment Authorization Document (work permit)?</td><td align='left' width='25%'><input type='radio' alt='Add EAD Yes' name='EAD' value='EADYes' onclick='addEADYes()'> Yes <input type='radio' alt='Add EAD No' name='EAD' value='EADNo' onclick='addEADNo()' checked> No</td></tr></table>";
	var s=document.getElementById('bSubmit');
	s.disabled = true;
}
function addOPTNo(){
	document.getElementById('askEAD').innerHTML = "";
	document.getElementById('addEADRef').innerHTML = "";
	var s=document.getElementById('bSubmit');
	s.disabled = false;
}
function addEADYes(){
	document.getElementById('addEADRef').innerHTML = "";
	var s=document.getElementById('bSubmit');
	s.disabled = false;
}
function addEADNo(){
	document.getElementById('addEADRef').innerHTML = "<table border='0' align='center' width='100%'><tr><td align='left' width='75%'><em class='u'>Enter Your Employment Authorization Document Receipt Notice Number?</em></td><td align='left' width='25%'><input type='text' alt='EAD Receipt Notice' name='txtEADReceiptNotice' width='30' /></td></tr></table>";
	var s=document.getElementById('bSubmit');
	s.disabled = false;
}

//Certification of Status Javascript Functions
function addStatus(){
	document.getElementById('additionalbox').innerHTML = "";
}
function addInvitation(){
	document.getElementById('additionalbox').innerHTML = "<fieldset><legend class='fieldsettext'>Family Member(s) Name</legend><table style='border-style: none; width: 100%; text-align: center;'><tr><td style='width: 10%; text-align: center; vertical-align: center;'><strong>#</strong></td><td style='width: 30%; text-align: center; vertical-align: center;'><strong>LastName</strong></td><td style='width: 30%; text-align: center; vertical-align: center;'><strong>FirstName</strong></td><td align='center' width='30%'><strong>Relationship</strong></td></tr><tr><td style='width: 10%; text-align: center; vertical-align: center;'><strong>1</strong></td><td style='width: 30%; text-align: left; vertical-align: center;'><input type='text' alt='LastNameFamilyMember1' name='txtLastNameFamilyMember1' width='30' maxlength='50' /></td><td style='width: 30%; text-align: left; vertical-align: center;'><input type='text' alt='FirstNameFamilyMember1' name='txtFirstNameFamilyMember1' width='30' maxlength='50' /></td><td style='width: 30%; text-align: left; vertical-align: center;'><input type='text' alt='RelationshipFamilyMember1' name='txtRelationshipFamilyMember1' width='30' maxlength='50' /></td></tr><tr><td style='width: 10%; text-align: center; vertical-align: center;'><strong>2</strong></td><td style='width: 30%; text-align: left; vertical-align: center;'><input type='text' alt='LastNameFamilyMember2' name='txtLastNameFamilyMember2' width='30' maxlength='50' /></td><td style='width: 30%; text-align: left; vertical-align: center;'><input type='text' alt='FirstNameFamilyMember2' name='txtFirstNameFamilyMember2' width='30' maxlength='50' /></td><td style='width: 30%; text-align: left; vertical-align: center;'><input type='text' alt='RelationshipFamilyMember2' name='txtRelationshipFamilyMember2' width='30' maxlength='50' /></td></tr><tr><td style='width: 10%; text-align: center; vertical-align: center;'><strong>3</strong></td><td style='width: 30%; text-align: left; vertical-align: center;'><input type='text' alt='LastNameFamilyMember3' name='txtLastNameFamilyMember3' width='30' maxlength='50' /></td><td style='width: 30%; text-align: left; vertical-align: center;'><input type='text' alt='FirstNameFamilyMember3' name='txtFirstNameFamilyMember3' width='30' maxlength='50' /></td><td style='width: 30%; text-align: left; vertical-align: center;'><input type='text' alt='RelationshipFamilyMember3' name='txtRelationshipFamilyMember3' width='30' maxlength='50' /></td></tr></table></fieldset>";
}
function addLetter(){
	document.getElementById('additionalbox').innerHTML = "<fieldset><legend class='fieldsettext'>Additional Information and Family Member(s) Name</legend><table style='border-style: none; width: 100%; text-align: center;'><tr><td style='width: 10%; text-align: center; vertical-align: center;'><strong>#</strong></td><td style='width: 30%; text-align: center; vertical-align: center;'><strong>LastName</strong></td><td style='width: 30%; text-align: center; vertical-align: center;'><strong>FirstName</strong></td><td style='width: 30%; text-align: center; vertical-align: center;'><strong>Relationship</strong></td></tr><tr><td style='width: 10%; text-align: center; vertical-align: center;'><strong>1</strong></td><td style='width: 30%; text-align: center; vertical-align: center;'><input type='text' alt='LastNameFamilyMember1' name='txtLastNameFamilyMember1' width='30' maxlength='50' /></td><td style='width: 30%; text-align: center; vertical-align: center;'><input type='text' alt='FirstNameFamilyMember1' name='txtFirstNameFamilyMember1' width='30' maxlength='50' /></td><td style='width: 30%; text-align: center; vertical-align: center;'><input type='text' alt='RelationshipFamilyMember1' name='txtRelationshipFamilyMember1' width='30' maxlength='50' /></td></tr><tr><td style='width: 10%; text-align: center; vertical-align: center;'><strong>2</strong></td><td style='width: 30%; text-align: center; vertical-align: center;'><input type='text' alt='LastNameFamilyMember2' name='txtLastNameFamilyMember2' width='30' maxlength='50' /></td><td style='width: 30%; text-align: center; vertical-align: center;'><input type='text' alt='FirstNameFamilyMember2' name='txtFirstNameFamilyMember2' width='30' maxlength='50' /></td><td style='width: 30%; text-align: center; vertical-align: center;'><input type='text' alt='RelationshipFamilyMember2' name='txtRelationshipFamilyMember2' width='30' maxlength='50' /></td></tr><tr><td style='width: 10%; text-align: center; vertical-align: center;'><strong>3</strong></td><td style='width: 30%; text-align: center; vertical-align: center;'><input type='text' alt='LastNameFamilyMember3' name='txtLastNameFamilyMember3' width='30' maxlength='50' /></td><td style='width: 30%; text-align: center; vertical-align: center;'><input type='text' alt='FirstNameFamilyMember3' name='txtFirstNameFamilyMember3' width='30' maxlength='50' /></td><td style='width: 30%; text-align: center; vertical-align: center;'><input type='text' alt='RelationshipFamilyMember3' name='txtRelationshipFamilyMember3' width='30' maxlength='50' /></td></tr></table></fieldset>";
}
function addFinancial(){
	document.getElementById('additionalbox').innerHTML = "<fieldset><legend class='fieldsettext'>Additional Information and Financial Detail</legend><table style='border-style: none; width: 100%; text-align: center;'><tr><td style='width: 33%; text-align: left; vertical-align: center;'>Term</td><td style='width: 67%; text-align: left; vertical-align: center;'><select size='1' dir='TermQuarter' name='TermQuarter'><option value='Winter' selected='selected'>Winter</option><option value='Spring'>Spring</option><option value='Summer'>Summer</option><option value='Fall'>Fall</option></select>&nbsp;<select size='1' dir='TermYear' name='TermYear'><option value='2009' selected='selected'>2009</option><option value='2010'>2010</option><option value='2011'>2011</option><option value='2012'>2012</option><option value='2013'>2013</option><option value='2014'>2014</option><option value='2015'>2015</option></select></td></tr><tr><td style='width: 33%; text-align: left; vertical-align: center;'>Tuition and Fees</td><td style='width: 67%; text-align: left; vertical-align: center;'>$&nbsp;<input type='text' alt='TuitionFees' name='txtTuitionFees' width='30' maxlength='5' /></td></tr><tr><td colspan='2'><p class='jalign'><strong class='note'>Note:</strong> Enter actual cost for requested term in above fields, otherwise the estimated amount will be entered.</p></td></tr></table></fieldset>";
}

//Dual Registration Javascript Functions
function addCourse(index){
	var i;
	var j;
	if(index == 0){
		var htmlDom = "<fieldset><legend class='fieldsettext'>Details of Course</legend><p>You must select at least one course to submit dual registration application.</p></fieldset>";
		document.getElementById('addCoursebox').innerHTML = htmlDom;
		var s = document.getElementById('bSubmit');
		s.disabled = true;
	}
	else if(0 < index < 5) {
		var htmlDom = "";
		for(i=0; i<index; i++) {
			j = i + 1;
			htmlDom = htmlDom + "<fieldset><legend class='fieldsettext'>Details of " + j + " Course</legend><table style='border-style: none; width: 100%; text-align: center;'>";
			htmlDom = htmlDom + "<tr><td style='width: 33%; text-align: left; vertical-align: center;'>Name of College *</td><td style='width: 67%; text-align: left; vertical-align: center;'><input type='text' alt='College" + j +"' name='txtCollege" + j +"' width='30' maxlength='50' /></td></tr>";
			htmlDom = htmlDom + "<tr><td style='width: 33%; text-align: left; vertical-align: center;'>Term</td><td style='width: 67%; text-align: left; vertical-align: center;'><select id='TermType" + j + "' dir='TermType" + j + "' name='TermType" + j + "' onChange='SelectSubCat(" + j + ")'><option value='Select TermType'>Select TermType</option></select>&nbsp;<select id='Term" + j + "' dir='Term" + j + "' name='Term" + j + "'><option value='Select Term'>Select Term</option></select>&nbsp;<select id='TermYear" + j + "' dir='TermYear" + j + "' name='TermYear" + j + "' size='1'><option value='2009' selected='selected'>2009</option><option value='2010'>2010</option><option value='2011'>2011</option><option value='2012'>2012</option><option value='2013'>2013</option><option value='2014'>2014</option><option value='2015'>2015</option></select></td></tr>";
			htmlDom = htmlDom + "<tr><td style='width: 33%; text-align: left; vertical-align: center;'>Transfer Course *</td><td style='width: 67%; text-align: left; vertical-align: center;'><input type='text' alt='TransferCourse" + j + "' name='txtTransferCourse" + j + "' width='30' maxlength='50' /></td></tr>";
			htmlDom = htmlDom + "<tr><td style='width: 33%; text-align: left; vertical-align: center;'>Units</td><td style='width: 67%; text-align: left; vertical-align: center;'><input type='text' alt='Unit" + j + "' name='txtUnit" + j + "' width='30' maxlength='1' /></td></tr>";
			htmlDom = htmlDom + "</table></fieldset>";
		}
		document.getElementById('addCoursebox').innerHTML = htmlDom;
		fillCategory(j);
		var s = document.getElementById('bSubmit');
		s.disabled = false;
	}
	else{
		alert('In else');
		document.getElementById('addCoursebox').innerHTML = "<p>1 Course Inserted</p>";
	}
}

//OPT Reporting Javascript Functions
function addEmploymentStreet(){
	document.getElementById('EmploymentStreet').innerHTML = "<input type='text' alt='EmploymentStreet2' name='txtEmploymentStreet2' width='30' maxlength='50' /> <input type='button' alt='Remove' value='Remove' name='Remove Additional Street Line' size='20' onclick='removeEmploymentStreet()' /><br />";
}
function removeEmploymentStreet(){
	document.getElementById('EmploymentStreet').innerHTML = "<input type='hidden' alt='EmploymentStreet2' name='txtEmploymentStreet2' width='30' maxlength='50' /> <input type='button' alt='Additional Street' value='Additional Street' name='Add Additional Street Line' size='20' onclick='addEmploymentStreet()' />";
}
function addCurrentStreet(){
	document.getElementById('txtCurrentStreet').innerHTML = "<input type='text' alt='CurrentStreet2' name='txtCurrentStreet2' width='30' maxlength='50' /> <input type='button' alt='Remove' value='Remove' name='Remove Additional Street Line' size='20' onclick='removeCurrentStreet()' /><br />";
}
function removeCurrentStreet(){
	document.getElementById('txtCurrentStreet').innerHTML = "<input type='hidden' alt='CurrentStreet2' name='txtCurrentStreet2' width='30' maxlength='50' /> <input type='button' alt='Additional Street' value='Additional Street' name='Add Additional Street Line' size='20' onclick='addCurrentStreet()' />";
}

//Departure Form
function agr() {
	chk = document.getElementById('agreement');
	if (chk.checked == 1){
		document.getElementById('bSubmit').disabled = false;
	}
	else {
		document.getElementById('bSubmit').disabled = true;
	}
}