function edit_field(fieldName, defaultText)
{
	document.getElementById(fieldName + 'Field').innerHTML = '<input type="text" name="' + fieldName + '" id="' + fieldName + '"  class="' + fieldName + '" value="' + defaultText  + '" onfocus="remove_text(this, \'' + defaultText + '\', \'' + fieldName + '\')" onblur="replace_text(this, \'' + defaultText  + '\')" />';
	document.getElementById(fieldName).className = "blur";
}

function replace_field(fieldName, defaultText)
{
	document.getElementById(fieldName + 'Field').innerHTML = '<input type="text" name="' + fieldName + '" id="' + fieldName + '"  class="' + fieldName + ' field" value="' + defaultText  + '" />';
}

function edit_profileField(field, defaultText)
{
	var fieldName = field + '_profile';
	document.getElementById(fieldName + 'Field').innerHTML = '<input type="text" name="' + fieldName + '" id="' + fieldName + '"  class="' + fieldName + '" value="' + defaultText  + '" /> <a href="javascript:void(0);" id="' + fieldName + 'Save">save</a> <a href="javascript:void(0);" id="' + fieldName + 'Cancel">cancel</a>';
	document.getElementById(fieldName + 'Save').onclick = function()
	{
		save_profileField(field);
	}
	document.getElementById(fieldName + 'Cancel').onclick = function()
	{
		cancel_profileField(field, defaultText);
	}
}

function save_profileField(field)
{
	var url = '/bandtracker/manage/?request=save&field=' + field + '&value=' + document.getElementById(field + '_profile').value;
	var xmlHttp = new XMLHttpRequestObject(null, null, parse_profileField, url);
}

function parse_profileField(input)
{
	var success = input.getElementsByTagName('success')[0].firstChild.nodeValue.toString();
	var field = input.getElementsByTagName('field')[0].firstChild.nodeValue.toString();
	if (success == 'true')
	{
		if (field == 'password')
		{
			cancel_profilePasswordField(field);
		}
		else
		{
			var value = input.getElementsByTagName('value')[0].firstChild.nodeValue.toString();
			cancel_profileField(field, value);
		}
	}
	else
	{
		var error = input.getElementsByTagName('error')[0].firstChild.nodeValue.toString();
		document.getElementById(field + '_profileError').innerHTML = error;
		document.getElementById(field + '_profileError').style.display = 'block';
	}
}

function cancel_profileField(field, defaultText)
{
	var fieldName = field + '_profile';
	document.getElementById(fieldName + 'Field').innerHTML = defaultText + ' <a href="javascript:void(0);" id="' + fieldName + 'Edit">edit</a>';
	document.getElementById(fieldName + 'Error').innerHTML = '';
	document.getElementById(fieldName + 'Error').style.display = 'none';
	document.getElementById(fieldName + 'Edit').onclick = function()
	{
		edit_profileField(field, defaultText);
	}
}

function edit_profilePasswordField(field)
{
	var fieldName = field + '_profile';
	document.getElementById(fieldName + 'Label').innerHTML = 'Old Password:<br />New Password:<br />New Password again:';
	document.getElementById(fieldName + 'Field').innerHTML = '<input type="password" name="' + fieldName + 'Old" id="' + fieldName + 'Old"  class="' + fieldName + '" value="" /><br /><input type="password" name="' + fieldName + 'New1" id="' + fieldName + 'New1"  class="' + fieldName + '" value="" /><br /><input type="password" name="' + fieldName + 'New2" id="' + fieldName + 'New2"  class="' + fieldName + '" value="" /> <a href="javascript:void(0);" id="' + fieldName + 'Save">save</a> <a href="javascript:void(0);" id="' + fieldName + 'Cancel">cancel</a>';
	document.getElementById(fieldName + 'Save').onclick = function()
	{
		save_profilePasswordField(field);
	}
	document.getElementById(fieldName + 'Cancel').onclick = function()
	{
		cancel_profilePasswordField(field);
	}
}

function cancel_profilePasswordField(field)
{
	var fieldName = field + '_profile';
	document.getElementById(fieldName + 'Label').innerHTML = 'Password:';
	document.getElementById(fieldName + 'Field').innerHTML = '<span class="userState" style="font-weight: normal">hidden</span> <a href="javascript:void(0);" id="' + fieldName + 'Edit">edit</a>';
	document.getElementById(fieldName + 'Error').innerHTML = '';
	document.getElementById(fieldName + 'Error').style.display = 'none';
	document.getElementById(fieldName + 'Edit').onclick = function()
	{
		edit_profilePasswordField(field);
	}
}

function save_profilePasswordField(field)
{
	var fieldName = field + '_profile';
	var url = '/bandtracker/manage/?request=save&field=' + field + '&old=' + document.getElementById(fieldName + 'Old').value + '&new1=' + document.getElementById(fieldName + 'New1').value + '&new2=' + document.getElementById(fieldName + 'New2').value;
	var xmlHttp = new XMLHttpRequestObject(null, null, parse_profileField, url);
}