// retourne un objet xmlHttpRequest.
// méthode compatible entre tous les navigateurs (IE/Firefox/Opera)
function getXMLHTTP()
{
  var xhr = null;
  if(window.XMLHttpRequest)     // Firefox et autres
    xhr = new XMLHttpRequest();
  else if(window.ActiveXObject) // Internet Explorer
  {
    try{
      xhr = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
      try{
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e1){
        xhr = null;
      }
    }
  }
  else // XMLHttpRequest non supporté par le navigateur
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");

  return xhr;
}


//Fonction renvoyant le code de la touche appuyée lors d'un évènement clavier
function getKeyCode(evenement)
{
  for (prop in evenement)
    if(prop == 'which')
      return evenement.which;

  return event.keyCode;
}


//Suppression des espaces/sauts de ligne inutiles (http://www.breakingpar.com/bkp/home.nsf/0/87256B280015193F87256C0C0062AC78)
function trim(value) {
   var temp = value;
   var obj = /^(\s*)([\W\w]*)(\b\s*$)/;
   if (obj.test(temp)) { temp = temp.replace(obj, '$2'); }
   var obj = /  /g;
   while (temp.match(obj)) { temp = temp.replace(obj, " "); }
   return temp;
}

//Fonction donnant la largeur en pixels du texte donné (merci SpaceFrog !)
function getTextWidth(texte)
{
  //Valeur par défaut : 150 pixels
  var largeur = 150;

  if(trim(texte) == "")
    return largeur;

  //Création d'un span caché que l'on "mesurera"
  var span = document.createElement("span");
  span.style.visibility = "hidden";
  span.style.position = "absolute";

  //Ajout du texte dans le span puis du span dans le corps de la page
  span.appendChild(document.createTextNode(texte));
  document.getElementsByTagName("body")[0].appendChild(span);

  //Largeur du texte
  largeur = span.offsetWidth;

  //Suppression du span
  document.getElementsByTagName("body")[0].removeChild(span);
  span = null;

  return largeur;
}


//Fonction renvoyant une valeur "aléatoire" pour forcer le navigateur (ie...)
//A envoyer la requête de mise à jour
function ieTrick(sep){
  d = new Date();
  trick = d.getYear() + "ie" + d.getMonth() + "t" + d.getDate() + "r" + d.getHours() + "i" + d.getMinutes() + "c" + d.getSeconds() + "k" + d.getMilliseconds();

  if (sep != "?")
    sep = "&";

  return sep + "ietrick=" + trick;
}


//On ne pourra éditer qu'une valeur à la fois
var editionEnCours = false;

//variable évitant une seconde sauvegarde lors de la suppression de l'input
var sauve = false;

//Fonction de modification inline de l'élément double-clique
function inlineMod(id, obj, nomValeur, type){
  if(editionEnCours)
    return false;
  else{
    editionEnCours = true;
    sauve = false;
  }

  //Objet servant à l'édition de la valeur dans la page
  var input = null;

  //On crée un composant différent selon le type de la valeur à modifier
  switch(type){
    //Valeur de type texte ou nombre
    case "texte":
    case "nombre":
      input = document.createElement("input");
      break;

    //Valeur de type texte multilignes
    case  "texte-multi":
      input = document.createElement("textarea");
      break;
  }

  //Assignation de la valeur
  if (obj.innerText)
    input.value = obj.innerText;
  else
    input.value = obj.textContent;

  input.value = trim(input.value);

  //On lui donne une taille un peu plus large que le texte à modifier
  input.style.width  = getTextWidth(input.value) + 30 + "px";

  //Remplacement du texte par notre objet input
  obj.replaceChild(input, obj.firstChild);

  //On donne le focus à l'input et on sélectionne le texte qu'il contient
  input.focus();
  input.select();

  //Assignation des deux évènements qui déclencheront la sauvegarde de la valeur

  //Sortie de l'input
  input.onblur = function sortir()
  {
    sauverMod(id, obj, nomValeur, input.value, type);
    delete input;
  };

  //Appui sur la touche Entrée
  input.onkeydown = function keyDown(event)
  {
    if (!event&&window.event)
      event = window.event;
    if(getKeyCode(event) == 13)
    {
      sauverMod(id, obj, nomValeur, input.value, type);
      delete input;
    }
  };
}

//Objet XMLHTTPRequest
var XHR = null;

//Fonction de sauvegarde des modifications apportées
function sauverMod(id, obj, nomValeur, valeur, Type)
{
  //Si on a déjà sauvé la valeur en cours, on sort
  if(sauve)
    return false;
  else
    sauve = true;

  //Si l'objet existe déjà on abandonne la requête et on le supprime
  if(XHR && XHR.readyState != 0)
  {
    XHR.abort();
    delete XHR;
  }

  //Création de l'objet XMLHTTPRequest
  XHR = getXMLHTTP();

  if(!XHR)
  {
    return false;
  }

  //URL du script de sauvegarde auquel on passe la valeur à modifier
  XHR.open("GET", "inlineMod.php?id="+id+"&champ="+nomValeur+"&valeur="+escape(valeur)+"&type="+Type+ieTrick(), true);

  //On se sert de l'évènement OnReadyStateChange pour supprimer l'input et le replacer par son contenu
  XHR.onreadystatechange = function()
  {
    //Si le chargement est terminé
    if (XHR.readyState == 4)
    {
      //Réinitialisation de la variable d'état d'édition
      editionEnCours = false;

      //Remplacement de l'input par le texte qu'il contient
      obj.replaceChild(document.createTextNode(valeur), obj.firstChild);
    }
  }

  //Envoi de la requête
  XHR.send(null);
}