clonecount = 0;
document.observe("dom:loaded", function() {
	$$('#addAnother')[0].observe('click', addFriend);
	watchRemovers();
});

function toggleButton()
{
	if(howManyFriends() == 5)
	{$('addAnother').update('You cannot add any more');	}
	if(howManyFriends() < 5){$('addAnother').update('Add another friend');}
}

function addFriend(event)
{	
	if(howManyFriends() < 5)
	{
		var clone = $('origFriend').cloneNode(true);		
		$('origFriend').insert({after: clone});
		
		clone.id = 'clone_' + clonecount;
		clone.down('label').writeAttribute('for','femail'+clonecount);
		clone.down('input').value='';
		clone.down('input').id= 'femail'+clonecount;
		clone.down('.remove').id = '';
		
		console.log('there are currently '+ $$('.friend').length + ' friends')
		watchRemovers();
		clonecount++;
	}
	toggleButton()
}

function howManyFriends()
{
	return $$('.friend').length;
}

function watchRemovers()
{
	$$('span.remove').each(function(ele){
		ele.observe('click', killFriend)
	});
}

function killFriend(event)
{
	event.target.up().remove();
	toggleButton()
}