var friends = new Array();

function addFriend() {
	var form = document.forms['comp1'];
	var name = form['add_friend_name'].value;
	var email = form['add_friend_email'].value;

	if (name.length > 0 && email.length > 0) {
		form['add_friend_name'].value = '';
		form['add_friend_email'].value = '';
		addToTable(email, name);
	}
}

function clearFriends() {
	var table = document.getElementById('friends_table');
	friends = new Array();
	for (var i=table.rows.length-1;i>=0;i--) {
		table.deleteRow(0);
	}
}

function submitForm() {
	var form = document.forms['comp1'];
	var element = form['friend_emails'];
	element.value = '';
	for (x in friends) {
		var entry = friends[x] + ':' + x;
		element.value = element.value + (element.value.length > 0 ? ";" : "") + entry; 
	}
	//alert(element.value);
	form.submit();
}

function removeFriend(tableIndex) {
	var table = document.getElementById('friends_table');
	table.deleteRow(tableIndex);
}

function addToTable(email, name) {										
	// Append to array.
	friends[email] = name;

	// Append to html table.
	var table = document.getElementById('friends_table');
	var index = table.rows.length;
	var row = table.insertRow(index);
	var cell = row.insertCell(0);
	cell.innerHTML = '<b>'+(index+1)+'. '+name+'</b><br/>'+email;
	//' (<a href="javascript: removeFriend(this.rowIndex);">remove</a>)'
/*
	var tr = document.createElement('TR');
	var text, td;

	var data = [
		document.createTextNode(name),
		document.createElement('BR'),
		document.createTextNode(email)
	];
	
	td = document.createElement('TD');
	for (x in data) {
		td.appendChild(data[x]);
	}
	tr.appendChild(td);
	
	table.appendChild(tr);
*/
}