// ------------------------------------------------------------------------------------------------
// NAME SERVICE
// ------------------------------------------------------------------------------------------------

var dbTable = '';

function changeName(id, table) {

	var xhr = getXMLHttpRequest();
	
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			//alert(xhr.responseText);
			displayChangedName(xhr.responseText,id, table);
		} 
		else if (xhr.readyState < 4) {
			document.getElementById("inputName").innerHTML = "saving...";
		}

	};
	
	var newName = encodeURIComponent(document.getElementById("name").value);
	
	xhr.open("POST", "/changeName.php", true);
	xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=iso-8859-1');
	xhr.send("newName="+newName+"&id="+id+"&table="+table);

}

function displayInputName(id, table)
{
	dbTable = table;
	var h1name = document.getElementById('h1name');
	h1name.style.display = "none";
	var inputName = document.getElementById('inputName');
	inputName.style.display = "block";

	// ---------------------------
	// <Récuprer le nom du service>
	// ----------------------------
	var xhr = getXMLHttpRequest();
	
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			 	
				// ---------------------------
				// Afficher l'input avec en value le noom récupéré ci dessus
				// ---------------------------
				//alert(xhr.responseText);
				inputName.innerHTML = '<input type="text" id="name" value="'+xhr.responseText+'" /><a href="#" onclick="changeName('+id+',\''+table+'\');" >Save</a> <a href="#" onclick="cancelChangeName()">Cancel</a>';

		} 
		else if (xhr.readyState < 4) {
			document.getElementById("inputName").innerHTML = "Looking in the DB...";
		}

	};
	
	xhr.open("POST", "/getName.php", true);
	xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=iso-8859-1');
	xhr.send("id="+id+"&table="+table);
}

function cancelChangeName()
{
	var h1name = document.getElementById('h1name').style;
	h1name.display = "block";
	var inputName = document.getElementById('inputName').style;
	inputName.display = "none";
}

function displayChangedName(changedName, id, table)
{
	var h1name = document.getElementById('h1name');
	h1name.style.display = "block";
	var inputName = document.getElementById('inputName').style;
	inputName.display = "none";
	
	h1name.innerHTML = changedName+'    <a href="#" onclick="displayInputName('+id+', \''+table+'\');" ><img  border="0" src="/images/pencil.png"/></a>';

	// Changer la valeur dans le menu
	var lienBoutonSelectedMenuLeft = document.getElementById('lienBoutonSelectedMenuLeft'+id);
	lienBoutonSelectedMenuLeft.innerHTML = changedName;
}