﻿function GetXHR()
{
  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)
    {
      xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
  else
  { // XMLHttpRequest non supporté par le navigateur 
    alert("Votre navigateur ne supporte pas l\'ajax..."); 
    xhr = false; 
  }
  return xhr;
}


function go()
{
  var xhr = GetXHR();
  // On défini ce qu'on va faire quand on aura la réponse
  xhr.onreadystatechange = function()
  {
    // On ne fait quelque chose que si on a tout reçu (readystate) et que le serveur est ok (status)
    if(xhr.readyState == 4 && xhr.status == 200)
    {
      leselect = xhr.responseText;
      // On se sert de innerHTML pour rajouter les options a la liste
      document.getElementById('photoDIV').innerHTML = leselect;
    }
  }
  // Ici on va voir comment faire du post
  url = "/html/requete-ajax.php" ;
  xhr.open("POST",url,true);
  // ne pas oublier ça pour le post
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  // ne pas oublier de poster les arguments
  // ici, l'id de l'album
  sel = document.getElementById('albums');
  ID = sel.options.selectedIndex.value;
  //alert (sel.value);
  xhr.send('idAlbum=' + sel.value);
}

/*
function supp(Var1)
{
  var xhr = GetXHR();
  url = "/html/requete-ajax.php";
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.open("POST",url,true);
  xhr.send('idphoto=' + Var1);
  alert(Var1);
}
*/

function SelectAlbums()
{
  var xhr = GetXHR();
  xhr.onreadystatechange = function()
  {
    if(xhr.readyState == 4 && xhr.status == 200)
    {
      leselect = xhr.responseText;
      document.getElementById('DIValbums').innerHTML = leselect;
    }
  }
  url = "../html/requete-ajax.php" ;
  xhr.open("POST",url,false);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  sel = document.getElementById('groupes');
  Group = sel.options[sel.selectedIndex].value;
  xhr.send('groupe=' + Group);
  //alert("Etat de la requête : " + xhr.readyState);
  //alert("groupe = [" + Group + "]");
  //( document.forms.ff.dmc. options.selectedIndex) + 1)
}
/*
function AjoutePhoto()
{
  var sel = document.getElementById('inser_photo');
  if( sel != null )
  {
    document.getElementById('DIVattente').innerHTML= "<center><img src='/images/animes/attente.gif' title='En chargement...' /></center>";
document.write(sel.files[0]);
   // if( sel.files.length == null )
    //{
      // alert( "ESSAI = [" + sel.files[0].fileName + "]" );
	 // var URLdecodee = encodeURIComponent(sel.files[ 0 ].getAsBinary());
      // alert( URLdecodee );

      var xhr = GetXHR();
      xhr.onreadystatechange = function()
      {
        if(xhr.readyState == 4 && xhr.status == 200)
        {
          leselect = xhr.responseText;
          //document.getElementById('DIVphotos').innerHTML= leselect ;
        }
      }
      var url = "../html/requete-ajax.php" ;
      xhr.open("POST",url,false);
	  //xhr.setRequestHeader('content-type', 'application/octet-stream');   
      //xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      var Photo = 'photo=push&filename=' + sel.fileName + '&filesize=' + sel.fileSize;
      xhr.send( Photo );
    }
  //}
  document.getElementById('DIVattente').innerHTML= "Fichier copie";
 // alert( Photo );
}
*/

/* 
function AjoutePhoto()   
{   
  var sel = document.getElementById('inser_photo');
  var xhr = new XMLHttpRequest();   
  var url = "../html/requete-ajax.php";
  xhr.open('POST', url, true);   
  var boundary = '------multipartformboundary' + (new Date).getTime();   
  var dashdash = '--';   
  var crlf     = '\r\n';   
  var requestBody = dashdash + boundary + crlf;   
  requestBody += 'content-disposition: form-data; name="photo"';   
  requestBody += '; filename="' + encodeURIComponent(sel.files[ 0 ].fileName) + '"';   
  requestBody += crlf + 'content-type: application/octet-stream' + crlf;   
  requestBody += crlf;   
  alert(requestBody);
  requestBody += sel.files[ 0 ].getAsBinary();   
  requestBody += crlf + dashdash + boundary + dashdash + crlf;   
  xhr.setRequestHeader('content-type', 'multipart/form-data; boundary='+ boundary);   
  xhr.sendAsBinary(requestBody);
} 
*/

// FAITE PAR OLIVIER
function AjoutePhoto()   
{   
  var sel = document.getElementById('inser_photo');
  if( sel != null )
  {
    document.getElementById('DIVattente').innerHTML= "<center><img src='/images/animes/attente.gif' title='En chargement...' /></center>";
    if( sel.files.length == 1 )
    {
      var variable = encodeURIComponent(sel.files[ 0 ].getAsBinary());
 
      var xhr = GetXHR();
      var url = "http://www.payebook.com/html/requete-ajax.php" ;
      xhr.open("POST",url,false);
      xhr.setRequestHeader("Content-Type", "multipart/form-data; boundary=111222111");
      var Photo = 'photo=push&filename=' + sel.files[ 0 ].fileName + '&filesize=' + sel.files[ 0 ].fileSize + 
              '&binary=' + variable;
      xhr.send( Photo );
      if(xhr.readyState == 4 && xhr.status == 200)
      {
        leselect = xhr.responseText;
        alert( 'photo=push&filename=' + sel.files[ 0 ].fileName + '&filesize=' + sel.files[ 0 ].fileSize + '&binary=' + variable );
      }
    }
  }
  document.getElementById('DIVattente').innerHTML= "Fichier copie";
  alert ("fichier copie");
}


/*
function AjoutePhoto()
{
  var sel = document.getElementById('inser_photo');
  if( sel != null )
  {
    //document.getElementById('DIVattente').innerHTML= "<center><img src='/images/animes/attente.gif' title='En chargement...' /></center>";
    if( sel.files.length == 1 )
    {
      var xhr = GetXHR();
      var url = "../html/requete-ajax.php" ;

      var Photo = 'photo=push&filename=' + sel.files[ 0 ].fileName + '&filesize=' + sel.files[ 0 ].fileSize + '&binary=' + encodeURIComponent( sel.files[ 0 ].getAsBinary() );
      xhr.open("POST",Photo,false);
      xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      xhr.send( Photo );
      if(xhr.readyState == 4 && xhr.status == 200)
      {
        leselect = xhr.responseText;
      }
    }
  }
  //document.getElementById('DIVattente').innerHTML= "Fichier copi&eacute;";
}
*/

function supp(Var1)
{
  var xhr = GetXHR();
  xhr.onreadystatechange = function()
  {
    if(xhr.readyState == 4 && xhr.status == 200)
    {
      leselect = xhr.responseText;
      document.getElementById('suppDIV').innerHTML = leselect;
    }
  }
  url = "../html/requete-ajax.php";
  //xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.open("POST",url,false);
  xhr.send('idphoto=' + Var1);
  //alert("Etat de la requête : " + xhr.readyState);
}


function utilisateurs()
{
  var xhr = GetXHR();
  
  xhr.onreadystatechange = function()
  {
    if(xhr.readyState == 4 && xhr.status == 200)
    {
      leselect = xhr.responseText;
      document.getElementById('utilisateursDIV').innerHTML = leselect;
    }
  }
  url = "../html/requete-ajax.php" ;
  xhr.open("POST",url,false);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  sel = document.getElementById('users');
  ID = sel.options[sel.selectedIndex].value;
  xhr.send('idusers=' + ID);
  //alert("Etat de la requête : " + xhr.readyState);
}

function Annonce()
{
  var xhr = GetXHR();

  xhr.onreadystatechange = function()
  {
    if(xhr.readyState == 4 && xhr.status == 200)
    {
      leselect = xhr.responseText;
      document.getElementById('annonceDIV').innerHTML = leselect;
    }
  }
  url = "../html/requete-ajax.php" ;
  xhr.open("POST",url,false);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  sel = document.getElementById('sentence');
  selLog = document.getElementById('login_session');
  ID = sel.value;
  IDLog = selLog.value;
  xhr.send('annonce=' + ID + '&log=' + IDLog );
  //alert("Etat de la requête : " + xhr.readyState);*/
  //alert( "ID = [" + ID + "] et ID Log = [" + IDLog + "]" );
}

function diaporama()
{
  var xhr = GetXHR();
  
  xhr.onreadystatechange = function()
  {
    if(xhr.readyState == 4 && xhr.status == 200)
    {
      leselect = xhr.responseText;
      document.getElementById('diaporapaye').innerHTML = leselect;
    }
  }
  url = "../html/requete-ajax.php?diapo=next" ;
  xhr.open("GET",url,false);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  xhr.send( null );
}

function ReadMail(ID_MSG)
{
  var xhr = GetXHR();

  xhr.onreadystatechange = function()
  {
    if(xhr.readyState == 4 && xhr.status == 200)
    {
      var IDDIV = ID_MSG + '_update';
      document.getElementById( IDDIV ).innerHTML = xhr.responseText;
    }
  }
  url = "../html/requete-ajax.php?mailbox=true&idmsg=" + ID_MSG ;
  xhr.open("GET",url,false);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  xhr.send( null );
}
/*
function Attente()
{
  var xhr = GetXHR();
  // On défini ce qu'on va faire quand on aura la réponse
  xhr.onreadystatechange = function()
  {
    // On ne fait quelque chose que si on a tout reçu (readystate) et que le serveur est ok (status)
    if(xhr.readyState == 4 && xhr.status == 200)
    {
      leselect = xhr.responseText;
      // On se sert de innerHTML pour rajouter les options a la liste
      document.getElementById("DIVattente").innerHTML = leselect;
    }
  }
  // Ici on va voir comment faire du post
  url = "/downloads/upload.php" ;
  xhr.open("POST",url,true);
  // ne pas oublier ça pour le post
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  // ne pas oublier de poster les arguments
  // ici, l'id de l'album
  //sel = document.getElementById('upload_succes');
  //ID = 'TEST';
  ID = '<span style="font-family:arial;font-size:12px;">Loading...</span><br/><img src="/images/animes/attente.gif" />';
  //alert (sel.value);
  xhr.send('attente=' + ID);
  //alert(ID)
}
*/
// readyState
// 0 -> Non initialisé.
// 1 -> Ouverture (open() vient de s'exécuter).
// 2 -> Envoyé (send() vient de s'exécuter).
// 3 -> En cours (des données sont en train d'arriver).
// 4 -> Prêt (toutes les données sont chargées).
