var max_registrations = 1;
var reg_addon_index = 1;

var parent_el;

function add_registration_input()
{
	
	
	// Create a new input box
	if(reg_addon_index <= max_registrations)
	{
	
	var table = document.getElementById('addon_reg_table');
	var ref_el = document.getElementById('additional_reg_marker');
	
	var main_tr = document.createElement('tr');
	var label_td = document.createElement('td');
	var input_td = document.createElement('td');
	
	var label_div = document.createElement('div');
	var label_span = document.createElement('span');
	var label = document.createTextNode("Guest Name: ");
	var input = document.createElement('input');
	
	var label_div_company = document.createElement('div');
	var label_span_company = document.createElement('span');
	var label_company = document.createTextNode("Company Name: ");
	var input_company = document.createElement('input');
	
	var remove_button = document.createElement('a');
	var remove_button_image = document.createElement('img');
	var remove_button_text = document.createTextNode('Remove');
	
	var br = document.createElement('br');
	
	//label_td.appendChild(label);
	label_span.appendChild(label);
	input_td.appendChild(label_span);
	input_td.appendChild(input);
	
	remove_button.appendChild(remove_button_text);
	input_td.appendChild(remove_button);
	
	input_td.appendChild(br);
	
	label_span_company.appendChild(label_company);
	input_td.appendChild(label_span_company);
	input_td.appendChild(input_company);
	
	//main_tr.appendChild(label_td);
	input_td.setAttribute('colspan', 2)
	main_tr.appendChild(input_td);
	
	label_td.setAttribute('align', 'right');
	label_td.setAttribute('valign', 'middle');
	//label_td.setAttribute('bgcolor', '#e6ebf0');
	
	label_span.setAttribute('style', 'display:inline-block;width:11em; font-weight: bold; padding-left: 1em');
	label_span_company.setAttribute('style', 'display:inline-block; width:11em; font-weight: bold; padding-left: 1em');
	label_td.setAttribute('style', 'font-weight: bold; padding-right: .5em');
	
	input_td.setAttribute('valign', 'middle');
	input_td.setAttribute('bgcolor', '#e6ebf0');
	//input_td.setAttribute('colspan', '2');
	
	input.id = 'name_' + reg_addon_index;
	input.setAttribute('name', 'name_' + reg_addon_index);
	input.setAttribute('size', '40');
	input.setAttribute('style', 'vertical-align: top');
	input.setAttribute('style', 'display: inline; margin-right:1em; margin-bottom: 3px;');
	
	input_company.id = 'name_company_' + reg_addon_index;
	input_company.setAttribute('name', 'name_company_' + reg_addon_index);
	input_company.setAttribute('size', '40');
	input_company.setAttribute('style', 'vertical-align: top');
	input_company.setAttribute('style', 'display: inline; margin-right:1em; margin-bottom: 3px;');
	
	remove_button.setAttribute('href', 'javascript:remove_registration_input(' + reg_addon_index + ')');
	
	remove_button_image.setAttribute('src', '/images/loginbar-close.gif');
	remove_button_image.style.display = "inline";
	
	remove_button.setAttribute('style', 'display: inline;');
	remove_button.setAttribute('id', 'button_' + reg_addon_index);

/*
	remove_button.appendChild(remove_button_text);
	input_td.appendChild(remove_button);
*/
	
	main_tr.id = 'row_' + reg_addon_index;
	
	
	//table.appendChild(main_tr);
	parent_el = ref_el.parentNode;
	parent_el.insertBefore(main_tr, ref_el)
	
	//recount_registrations()
	
	reg_addon_index++;
	document.getElementById('group_size').value = reg_addon_index;
	
	
/*
	console.log("Group Size: " + document.getElementById('group_size').value);
	console.log('reg_addon_index ' + reg_addon_index);
*/
	
	
	}
	
}

function remove_registration_input(index)
{
	
	var table = document.getElementById('name_' + index);
	var row_to_remove = document.getElementById('row_' + index);
	parent_el.removeChild(row_to_remove);
	row_to_remove = null;
	//console.log("Removing element: " + index);
	
	// Check that all id's greater that index are reset and thier display is updated too.
	for(var i = index + 1; i < reg_addon_index; i++)
	{
		
		var row_to_change = document.getElementById('row_' + i);
		var input_to_change = document.getElementById('name_' + i);
		//var label_to_change = row_to_change.firstChild;
		button_to_change = document.getElementById('button_' + i);
		
		var new_id = i - 1;
		
		row_to_change.id = 'row_' + new_id;
		input_to_change.id = 'name_' + new_id;
		input_to_change.name = 'name_' + new_id;
		button_to_change.setAttribute('href', 'javascript:remove_registration_input(' + new_id + ')');
		button_to_change.id = 'button_' + new_id;
		
		//label_to_change.innerHTML = new_id + ".";
		
		//console.log("Trying to set row " + i + " to " + new_id);
		//console.log(label_to_change.innerHTML)
		
	}
	
	
	reg_addon_index = reg_addon_index - 1;
	
	
	document.getElementById('group_size').value = reg_addon_index;
	
/*
	console.log("Group Size: " + document.getElementById('group_size').value);
	console.log('reg_addon_index ' + reg_addon_index);
*/
	
	//recount_registrations()
	
}

function update_total_registrations()
{
	
	var status = document.getElementById('num_reg_status');
	
}

function recount_registrations()
{
	
	
	var ref_el = document.getElementById('additional_reg_marker');
	var local_parent_el = ref_el.parentNode;
	//var child_nodes = local_parent_el.children;
	
	//console.log(ref_el.parentNode.innerHTML);
	
}