$(document).ready(function(){

	$('a.remove').click(function(){
		$('li#friend-'+this.id.split('-')[1]).remove();
	});
	
	$('input.text').focus(function(){
		if(this.value == 'Enter email address') $(this).val('');
	});

	$('a.add').click(function(){
		var nid = parseInt($(this).attr('id').split('-')[1])+1;
		$(this).attr('id', 'add-'+nid);
		
		var html = '<li id="friend-'+nid+'" class="clearfix">'
				 + '<label><a href="#" class="remove" id="remove-'+nid+'">Remove</a></label>'
				 + '<input type="text" name="email[]" class="text required" value="Enter email address" />'
				 + '</li>';
		
				 
		$('#friend-1').after(html);
		
		$('a.remove').click(function(){
			$('li#friend-'+nid).remove();
			return false;
		});
		
		$('input.text').focus(function(){
			if(this.value == 'Enter email address') $(this).val('');
		});
		
		return false;
	});
	
});