var additional_registrants = 0;

function addRegistrant(){
	
	var current_row = document.getElementById("add_registrant");
	
	
	if(additional_registrants == 0){
		var new_row = document.createElement("tr");
		new_row.setAttribute("id","add_reg_header");
		var cell1 = document.createElement("td");
		cell1.setAttribute("class","first_column");
		var cell2 = document.createElement("td");
		cell2.appendChild(document.createTextNode("Name"));
		var cell3 = document.createElement("td");
		cell3.appendChild(document.createTextNode("Previously attended"));
		var cell4 = document.createElement("td");
		cell4.appendChild(document.createTextNode("Number of times attended"));
		var cell5 = document.createElement("td");
		cell5.appendChild(document.createTextNode("Shirt size"));
		
		new_row.appendChild(cell1);
		new_row.appendChild(cell2);
		new_row.appendChild(cell3);
		new_row.appendChild(cell4);
		new_row.appendChild(cell5);
		
		current_row.parentNode.insertBefore(new_row, current_row);
		document.getElementById("remove_reg").style.display = "block";
	}
	additional_registrants++;
	document.getElementById("number_registrants").value = additional_registrants;
	
	
		var new_row = document.createElement("tr");
		new_row.setAttribute("id","add_reg_"+additional_registrants);
		var cell1 = document.createElement("td");
		cell1.setAttribute("class","first_column");
		
		var cell2 = document.createElement("td");
		var input_1 = document.createElement("input");
		var string_name = 'reg_' + additional_registrants.toString() + '_name';
		input_1.setAttribute("name",string_name);
		cell2.appendChild(input_1);
		
		var cell3 = document.createElement("td");
		var select_1 = document.createElement("select");
		select_1.setAttribute("name","reg_"+additional_registrants+"_prev_attend");
		var value_1 = document.createElement("option");
		value_1.setAttribute("value","");
		value_1.appendChild(document.createTextNode(""));
		select_1.appendChild(value_1);
		var value_2 = document.createElement("option");
		value_2.setAttribute("value","Yes");
		value_2.appendChild(document.createTextNode("Yes"));
		select_1.appendChild(value_2);
		var value_3 = document.createElement("option");
		value_3.setAttribute("value","No");
		value_3.appendChild(document.createTextNode("No"));
		select_1.appendChild(value_3);		
		var value_4 = document.createElement("option");
		value_4.setAttribute("value","Unknown");
		value_4.appendChild(document.createTextNode("Unknown"));
		select_1.appendChild(value_4);		
		cell3.appendChild(select_1);
		
		var cell4 = document.createElement("td");
		var input_1 = document.createElement("input");
		input_1.setAttribute("name","reg_"+additional_registrants+"_num_times");		
		cell4.appendChild(input_1);
		
		var cell5 = document.createElement("td");
		var select_2 = document.createElement("select");
		select_2.setAttribute("name","reg_"+additional_registrants+"_shirt_size");
		var value_1 = document.createElement("option");
		value_1.setAttribute("value","");
		value_1.appendChild(document.createTextNode(""));
		select_2.appendChild(value_1);
		var value_2 = document.createElement("option");
		value_2.setAttribute("value","S");
		value_2.appendChild(document.createTextNode("S"));
		select_2.appendChild(value_2);
		var value_3 = document.createElement("option");
		value_3.setAttribute("value","M");
		value_3.appendChild(document.createTextNode("M"));
		select_2.appendChild(value_3);		
		var value_4 = document.createElement("option");
		value_4.setAttribute("value","L");
		value_4.appendChild(document.createTextNode("L"));
		select_2.appendChild(value_4);
		var value_5 = document.createElement("option");
		value_5.setAttribute("value","XL");
		value_5.appendChild(document.createTextNode("XL"));
		select_2.appendChild(value_5);
		var value_6 = document.createElement("option");
		value_6.setAttribute("value","XXL");
		value_6.appendChild(document.createTextNode("XXL"));
		select_2.appendChild(value_6);		
		cell5.appendChild(select_2);
		
		new_row.appendChild(cell1);
		new_row.appendChild(cell2);
		new_row.appendChild(cell3);
		new_row.appendChild(cell4);
		new_row.appendChild(cell5);
		
		current_row.parentNode.insertBefore(new_row, current_row);
	
	
		
}

function removeRegistrant(){
	
	if(additional_registrants>=1){
		if(additional_registrants==1){
			var header = document.getElementById("add_reg_header");
			header.parentNode.removeChild(header);
			document.getElementById("remove_reg").style.display = "none";
		}
		var el = document.getElementById("add_reg_"+additional_registrants);
		el.parentNode.removeChild(el);
		additional_registrants--;
		document.getElementById("number_registrants").value = additional_registrants;
	}

}