var otherTitleAdded = false;

if(document.getElementById("newTitleContainer")) {
	otherTitleAdded = true;
}

function handleTitleMenu(menuValue) {
	if(menuValue == "Other") {
		if(otherTitleAdded == false) {
			addOtherTitle();
			otherTitleAdded = true;
		}
	}else {
		if(otherTitleAdded == true) {
			removeElement('titleContainer', 'newTitleContainer');
			otherTitleAdded = false;
		}
	}
}

function addOtherTitle() {
	var elem = document.getElementById("titleContainer");
	var newdiv = document.createElement('li');
	
	newdiv.setAttribute('id', 'newTitleContainer');
	newdiv.innerHTML += "<label for=\"otherTitle\">Other: </label><input type=\"text\" name=\"otherTitle\" id=\"otherTitle\" value=\"\" />";
	elem.appendChild(newdiv);
}

var requireAssistanceAdded = false;
function handleDisabledMenu(menuValue) {
	//alert(requireAssistanceAdded);
	if(menuValue == "Yes") {
		if(requireAssistanceAdded == false) {
		//alert("requesting addRequireAssistance");
			addRequireAssistance();
			requireAssistanceAdded = true;
		}
	}else {
		if(requireAssistanceAdded == true) {
		//alert("requesting removeElement");
			removeElement('disabledContainer', 'assistanceContainer');
			removeElement('disabledContainer', 'assDetails');
			requireAssistanceAdded = false;
		}
	}
}

function addRequireAssistance() {
	var elem = document.getElementById("disabledContainer");
	
	var newList = document.createElement('li');
	elem.appendChild(newList);
	
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id', 'assistanceContainer');
	newdiv.innerHTML += "<label for=\"requireAssistance\" class=\"dropdown\">Do you require any particular arrangements for an interview? </label>";
	newdiv.innerHTML += "<select name=\"requireAssistance\" id=\"requireAssistance\" onchange=\"return handleRequireAssistanceMenu(this.value)\">";
	newdiv.innerHTML += "</select>";
	//alert(newdiv.innerHTML);
	elem.appendChild(newdiv);
	
	var selectElem = document.getElementById("requireAssistance");
	
	var elOptNew = document.createElement('option');
	elOptNew.text = 'No';
	elOptNew.value = 'No';
	
	try {
		selectElem.add(elOptNew, null); // standards compliant; doesn't work in IE
	}catch(ex) {
		selectElem.add(elOptNew); // IE only
	}
	
	var elOptNew = document.createElement('option');
	elOptNew.text = 'Yes';
	elOptNew.value = 'Yes';
	
	try {
		selectElem.add(elOptNew, null); // standards compliant; doesn't work in IE
	}catch(ex) {
		selectElem.add(elOptNew); // IE only
	}
	/*
	var newOpt1 = new Option("No", "No", "true");
	var newOpt2 = new Option("Yes", "Yes", "false");
	selectElem.appendChild(newOpt1);
	selectElem.appendChild(newOpt2);*/
}

var assistanceDetailsAdded = false;
function handleRequireAssistanceMenu(menuValue) {
	if(menuValue == "Yes") {
		if(assistanceDetailsAdded == false) {
			addAssistanceDetails();
			assistanceDetailsAdded = true;
		}
	}else {
		if(assistanceDetailsAdded == true) {
			removeElement('disabledContainer', 'assDetails');
			assistanceDetailsAdded = false;
		}
	}
}

function addAssistanceDetails() {
	
	var elem = document.getElementById("disabledContainer");
	
	var newList = document.createElement('li');
	elem.appendChild(newList);
	
	var newdiv = document.createElement('div');
	//alert("executing addAssistanceDetails");
	newdiv.setAttribute('id', 'assDetails');
	newdiv.innerHTML += "<label for=\"assistanceDetails\">Please give details: </label>";
	newdiv.innerHTML += "<textarea id=\"assistanceDetails\" name=\"assistanceDetails\"></textarea>";
	//alert(newdiv.innerHTML);
	elem.appendChild(newdiv);
	/*
	newdiv.setAttribute('id', 'assistanceDetailsContainer');
	newdiv.innerHTML += "<label for=\"assistanceDetails\">Please give details: </label>";
	newdiv.innerHTML += "<textarea id=\"assistanceDetails\"></textarea>";
	alert(newdiv.innerHTML);
	elem.appendChild(newdiv);*/
}

function removeElement(parentDivName, idName) {
	var itemToRemove, currQualifications, currEmployment;
	if(itemToRemove == document.getElementById(idName)) {
		var parentDiv = document.getElementById(parentDivName);
		var toRemove = document.getElementById(idName);
		parentDiv.removeChild(toRemove);
	}
	if(parentDivName == "qualifications") {
		currQualifications = document.forms.employmentForm.totalQualifications.value;
		currQualifications--;
		document.forms.employmentForm.totalQualifications.value = currQualifications;
		//alert("currQualifications: " + document.forms.employmentForm.totalQualifications.value);
	}else if(parentDivName == "employmentHistory") {
		currEmployment = document.forms.employmentForm.totalEmployment.value;
		currEmployment--;
		document.forms.employmentForm.totalEmployment.value = currEmployment;
	}
}

var employmentHistoryCount = 1;
var currEmployment = 1;

function addEmploymentHistory() {
	employmentHistoryCount++;
	var elem = document.getElementById("employmentHistory");
	var newdiv = document.createElement('li');
	newdiv.setAttribute('id', 'employmentHistory' + employmentHistoryCount);
	
	newdiv.innerHTML += "<label for=\"startDate" + employmentHistoryCount + "\">Start Date: </label><input type=\"text\" class=\"date\" name=\"startDate" + employmentHistoryCount + "\" id=\"startDate" + employmentHistoryCount + "\" value=\"\" />";
	newdiv.innerHTML += "<label for=\"position" + employmentHistoryCount + "\">Position Held: </label><input type=\"text\"  class=\"position\" name=\"position" + employmentHistoryCount + "\" id=\"position" + employmentHistoryCount + "\" value=\"\" />";
	newdiv.innerHTML += "<label for=\"endDate" + employmentHistoryCount + "\">End Date: </label><input type=\"text\"class=\"date\" name=\"endDate" + employmentHistoryCount + "\" id=\"endDate" + employmentHistoryCount + "\" value=\"\" />";
	newdiv.innerHTML += "<input type=\"button\" class=\"button\" value=\"remove\" onclick=\"return removeElement('employmentHistory', 'employmentHistory" + employmentHistoryCount + "')\" />";
	elem.appendChild(newdiv);
	
	currEmployment = document.forms.employmentForm.totalEmployment.value;
	currEmployment++;
	document.forms.employmentForm.totalEmployment.value = currEmployment;
}

var qualificationCount = 1;
var currQualifications = 1;

function addQualification() {
	qualificationCount++;
	var elem = document.getElementById("qualifications");
	var newdiv = document.createElement('li');
	newdiv.setAttribute('id', 'qualificationItem' + qualificationCount);
	
	newdiv.innerHTML += "<label for=\"institution" + qualificationCount + "\">School/College/University attended: </label><input type=\"text\" class=\"institution\" name=\"institution" + qualificationCount + "\" id=\"institution" + qualificationCount + "\" value=\"\" />";
	newdiv.innerHTML += "<label for=\"qualification" + qualificationCount + "\">Qualifications gained or course studied: </label><input type=\"text\" class=\"qualification\" name=\"qualification" + qualificationCount + "\" id=\"qualification" + qualificationCount + "\" value=\"\" />";
	newdiv.innerHTML += "<input type=\"button\" value=\"remove\" class=\"button\" onclick=\"return removeElement('qualifications', 'qualificationItem" + qualificationCount + "')\" />";
	elem.appendChild(newdiv);
	
	currQualifications = document.forms.employmentForm.totalQualifications.value;
	currQualifications++;
	document.forms.employmentForm.totalQualifications.value = currQualifications;
	//alert("currQualifications: " + document.forms.employmentForm.totalQualifications.value);
}