// holds an instance of XMLHttpRequest
var xmlHttp = createXmlHttpRequestObject();
// holds the remote server address
var serverAddress = "validate_abonne.php";

var serverAddressAbonneServicesProposes = "validate_abonneServicesProposes.php";
// when set to true, display detailed error messages
var showErrors = true;
// initialize the validation requests cache
var cache = new Array();


// creates an XMLHttpRequest instance
function createXmlHttpRequestObject()
{
  // will store the reference to the XMLHttpRequest object
  var xmlHttp;
  // this should work for all browsers except IE6 and older
  try
  {
    // try to create XMLHttpRequest object
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    // assume IE6 or older
    var XmlHttpVersions = new Array("MSXML2.XMLHTTP.6.0",
                                    "MSXML2.XMLHTTP.5.0",
                                    "MSXML2.XMLHTTP.4.0",
                                    "MSXML2.XMLHTTP.3.0",
                                    "MSXML2.XMLHTTP",
                                    "Microsoft.XMLHTTP");
    // try every id until one works
    for (var i=0; i<XmlHttpVersions.length && !xmlHttp; i++)
    {
      try
      {
        // try to create XMLHttpRequest object
        xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
      }
      catch (e) {} // ignore potential error
    }
  }
  // return the created object or display an error message
  if (!xmlHttp)
    displayError("Error creating the XMLHttpRequest object.");
  else
    return xmlHttp;
}


// function that displays an error message
function displayError($message)
{
  // ignore errors if showErrors is false
  if (showErrors)
  {
    // turn error displaying Off
    showErrors = false;
    // display error message

    alert("Error encountered: \n" + $message);
    // retry validation after 10 seconds
    setTimeout("validate();", 10000);
  }
}


// the function handles the validation for any form field
function validate(inputValue, fieldID)
{
  // only continue if xmlHttp isn't void
  if (xmlHttp)
  {
    // if we received non-null parameters, we add them to cache in the
    // form of the query string to be sent to the server for validation
    if (fieldID)
    {
      // encode values for safely adding them to an HTTP request query string
      inputValue = encodeURIComponent(inputValue);
      fieldID = encodeURIComponent(fieldID);
      // add the values to the queue
      cache.push("inputValue=" + inputValue + "&fieldID=" + fieldID);
    }
    // try to connect to the server
    try
    {
      // continue only if the XMLHttpRequest object isn't busy
      // and the cache is not empty
      if ((xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
         && cache.length > 0)
      {
        // get a new set of parameters from the cache
        var cacheEntry = cache.shift();
        // make a server request to validate the extracted data
        xmlHttp.open("POST", serverAddress, true);
        xmlHttp.setRequestHeader("Content-Type",
                                 "application/x-www-form-urlencoded");
        xmlHttp.onreadystatechange = handleRequestStateChange;
        xmlHttp.send(cacheEntry);
      }
    }
    catch (e)
    {
      // display an error when failing to connect to the server
      displayError(e.toString());
    }
  }
}


// function that handles the HTTP response
function handleRequestStateChange()
{
  // when readyState is 4, we read the server response
  if (xmlHttp.readyState == 4)
  {
    // continue only if HTTP status is "OK"
    if (xmlHttp.status == 200)
    {
      try
      {
        // read the response from the server
        readResponse();
      }
      catch(e)

      {
        // display error message
        displayError(e.toString());
      }
    }
    else
    {
      // display error message
      displayError(xmlHttp.statusText);
    }
  }
}


// read server's response
function readResponse()
{
  // retrieve the server's response
  var response = xmlHttp.responseText;
  // server error?
  if (response.indexOf("ERRNO") >= 0
      || response.indexOf("error:") >= 0
      || response.length == 0)
    throw(response.length == 0 ? "Server error." : response);
  // get response in XML format (assume the response is valid XML)
  responseXml = xmlHttp.responseXML;
  // get the document element
  xmlDoc = responseXml.documentElement;
  result = xmlDoc.getElementsByTagName("result")[0].firstChild.data;
  fieldID = xmlDoc.getElementsByTagName("fieldid")[0].firstChild.data;
  // find the HTML element that displays the error
  message = document.getElementById(fieldID + "Failed");
  inputMessage = document.getElementById(fieldID);
  
  // show the error or hide the error
  message.className = (result == "0") ? "error" : "hidden";
  
  // Paramétrage de la couleur du texte dans un champ d'un champ
  inputMessage.style.color = (result == "0") ? "black" : "";  
  // Paramétrage de la couleur de la bordure d'un champ
  inputMessage.style.borderColor = (result == "0") ? "red" : "";  
  // Paramétrage de la largeur de la bordure d'un champ
  inputMessage.style.borderStyle = (result == "0") ? "solid double" : ""; 
  
  // call validate() again, in case there are values left in the cache
  setTimeout("validate();", 500);
}


// sets focus on the first field of the form
function setFocus()
{
  document.getElementById("txtLogin").focus();
}


/* **************************************************************************** */
/* ****************** PARTIE CONCERNANT LA PARTIE DRAG AND DROP *************** */
/* **************************************************************************** */

// Scriptaculous-specific code to define a sortable list and a drop zone
function startup()
{


}


// Serialize the id values of list users (<li>s)
function serialize(listID)
{
  // count the list's items
  var length = document.getElementById(listID).childNodes.length;
  var serialized = "";
  // loop through each element
  for (i = 0; i < length; i++)
  {
    // get current element
    var li = document.getElementById(listID).childNodes[i];
    // get current element's id without the text part
    var id = li.getAttribute("id");
    // append only the number to the ids array
    serialized += encodeURIComponent(id) + "_";
  }
  // return the array with the trailing '_' cut off
  return serialized.substring(0, serialized.length - 1);
}


// Send request to server
function process(content, action)
{
  // only continue if xmlHttp isn't void
  if (xmlHttp)
  {
    // initialize the request query string to empty string
    params = "";

    if (action == "addService")
    {
      // prepare the task for sending to the server
      var newTask = content;
	  // don't add void tasks
      if (newTask)
        params = "?content=" + newTask + "&actionMod=addService";
    }
    else if (action == "removeService")
    {
      // prepare the task for sending to the server
      var newTask = content;
      // don't add void tasks
      if (newTask)
        params = "?content=" + newTask + "&actionMod=removeService";
    }

    // don't add null params to cache
    if (params) cache.push(params);

    // try to connect to the server
    try
    {
      // only continue if the connection is clear and cache is not empty
      if ((xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
           && cache.length>0)
      {
        // get next set of values from cache
        var cacheEntry = cache.shift();
        // initiate the request
        "POST", serverAddressAbonneServicesProposes, true
        //xmlHttp.open("GET", "drag-and-drop.php" + cacheEntry, true);
        xmlHttp.open("POST", serverAddressAbonneServicesProposes + cacheEntry, true);
        xmlHttp.setRequestHeader("Content-Type",
                                 "application/x-www-form-urlencoded");
        xmlHttp.onreadystatechange = handleRequestStateChangeDragAndDrop;
        xmlHttp.send(null);
      }
      else
      {
        setTimeout("process();", 1000);
      }
    }
    // display the error in case of failure
    catch (e)
    {
      displayError(e.toString());
    }
  }
}


// function that retrieves the HTTP response
function handleRequestStateChangeDragAndDrop()
{
  // when readyState is 4, we also read the server response
  if (xmlHttp.readyState == 4)
  {
    // continue only if HTTP status is "OK"
    if (xmlHttp.status == 200)
    {
      try
      {
      }
      catch(e)
      {
        // display error message
        displayError(e.toString());
      }
    }
    else
    {
      displayError(xmlHttp.statusText);
    }
  }
}


/* handles keydown to detect when enter is pressed */
function handleKey(e)
{
  // get the event
  e = (!e) ? window.event : e;
  // get the code of the character that has been pressed
  code = (e.charCode) ? e.charCode :
         ((e.keyCode) ? e.keyCode :
         ((e.which) ? e.which : 0));
  // handle the keydown event
  if (e.type == "keydown")
  {
    // if enter (code 13) is pressed
    if(code == 13)
    {
      // send the current message
      process("txtNewTask", "addNewTask");
    }
  }
}


/* removes leading and trailing spaces from the string */
function trim(s)
{
  return s.replace(/(^\s+)|(\s+$)/g, "")
}