function focuser(x) {
	document.getElementById(x).value = '';
	document.getElementById(x).style.color = 'black';
}

function newInput(x) {
var y = x.split("-");
var z = parseInt(y[1])+1;

var q = document.getElementById('name-'+y[1]).value;

document.getElementById('xyz'+y[1]).innerHTML = q.charAt(0).toUpperCase() + q.substr(1);

var productElement = document.getElementById('xyz'+z);
if (productElement == null) {
	var content = document.createElement('span');
content.innerHTML = '<hr style="margin:6px 0 6px 0;" size="1"/><label>Friend\'s Name:</label><input type="text" name="name['+z+']" id="name-'+z+'" value="optional" style="color:gray;" onfocus="if(this.value = \'optional\') {focuser(this.id)};" onblur="if(this.value.length>0) {newInput(this.id);}"/><label><span id="xyz'+z+'">Friend</span>\'s Email:</label><input type="text" name="email['+z+']" id="email-'+z+'" value="optional" style="color:gray;" onfocus="if(this.value = \'optional\') {focuser(this.id)};" />';
	document.getElementById('extraFriends').appendChild(content);
}
}