function init_request()
{
  var request = false;

  if(window.XMLHttpRequest)
  { 
    request = new XMLHttpRequest();
  } 
  else 
  {
    if(window.ActiveXObject)
    { 
      try
      {
        request = new ActiveXObject("Msxml2.XMLHTTP");
      }
      catch (e)
      {
        try
        {
          request = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (e) {}
      }
    } 
    else
    {
      alert('navigateur moisi');
    }
  }

  if (!request)
  {
    alert("Error initializing XMLHttpRequest!");
  }
  
  return request;
}

var xhr = init_request();
var doc;
  
function getXML(page)
{

  var url = '/ajax/commentaires.php?page='+page;
  try 
  {
    xhr.open("GET", url);
    xhr.onreadystatechange = function()
    { 
      if (xhr.readyState == 4 && xhr.status == 200) 
      {
      
        doc = xhr.responseXML; 
        if (doc != null)
        {
          updateComment(doc, page);         
        }
      }
    }
    xhr.send(null);
  } catch (e) {}
}

function updateComment(doc,page)
{
 //alert(doc);
  var main      = document.getElementById('main');
  var commentaires = doc.getElementsByTagName('commentaire');
  
  var container2 = document.createElement("div");
  container2.id = "coment2";
  for (commentidx = 0; commentidx < commentaires.length; ++commentidx)
  {
    var commentaire = commentaires.item(commentidx);
    var valid = commentaire.getElementsByTagName('valid').item(0);
    var name = commentaire.getElementsByTagName('name').item(0);
    var date = commentaire.getElementsByTagName('date').item(0);
    var note = commentaire.getElementsByTagName('note').item(0);
    var message = commentaire.getElementsByTagName('message').item(0);
    
    if (valid.firstChild.data == 'yes')
    {
      var icon_comment = 'comment.gif';
    }
    else
    {
      var icon_comment = 'comment_delete.gif';
    }

    var container = document.createElement("div");
    container.className = "coment";
    
    var p_head = document.createElement('p');
    p_head.className = "head";
    
    var img1 = document.createElement("img");
    img1.src = '/images/commentaires/'+icon_comment;
    p_head.appendChild(img1);
    
    var span1 = document.createElement("span");
    span1.innerHTML = 'Commentaire ajouté le ' + date.firstChild.data + '<br /> Par ' + name.firstChild.data;
    p_head.appendChild(span1);
    
   /* if (commentaire.getElementsByTagName('email').item(0).firstChild != null)
    {
      var a1 = document.createElement("a");
      a1.href = 'mailto:'+commentaire.getElementsByTagName('email').item(0).firstChild.data;
      var img2 = document.createElement("img");
      img2.src = '/images/commentaires/icon_email.gif';
      a1.appendChild(img2);
      p_head.appendChild(a1);
    }*/
    if (commentaire.getElementsByTagName('url').item(0).firstChild != null)
    {
      var a2 = document.createElement("a");
      a2.href = commentaire.getElementsByTagName('url').item(0).firstChild.data;
      var img3 = document.createElement("img");
      img3.src = '/images/commentaires/icon_world.gif';
      a2.appendChild(img3);
      p_head.appendChild(a2);
    }
    var span2 = document.createElement("span");
    span2.innerHTML = '(adresse ip enregistrée) Note : ';
    p_head.appendChild(span2);
    
    var img4 = document.createElement("img");
    img4.src = '/images/note/star_'+ note.firstChild.data;
    p_head.appendChild(img4);
    
    container.appendChild(p_head);
    
    var p_body = document.createElement('p');
    p_body.className = "body";
    message = message.firstChild.data;
    message = message.replace("\n", '<br />');
	message = message.replace("\r", '<br />');
    message = message.replace('/__(.*)__/', '<b>$1</b>');
    message = message.replace("/''(.*)''/", '<i>$1</i>');
    message = message.replace("/%%%/", '<br />');
/*
      $message=preg_replace("/\+\+(.*)\+\+/", "<u>$1</u>", $message);
      $message=preg_replace("/--(.*)--/", "<del>$1</del>", $message);
      $message=preg_replace("/{{(.*)}}/", "\"$1\"", $message);
      $message=preg_replace("/@@(.*)@@/", "<code>$1</code>", $message);
      $message=preg_replace("/\[(.*)\|(.*)\|(.*)\]/", "<a href=\"$2\">$1</a>", $message);
      $message=preg_replace("/%%%/", "<br />", $message);    */
     
    
    p_body.innerHTML = message;
    
    container.appendChild(p_body);
    
    container2.appendChild(container);
    //alert(valid.firstChild.data);
  }
  main.appendChild(container2);
  
  var com_text = document.getElementById('show_com_txt');
  if (commentaires.length == 1)
  {
    com_text.innerHTML = "masquer le commentaire";
  }
  else
  {
    com_text.innerHTML = "masquer les commentaires";
  }
  var com = document.getElementById('show_com');
  com.setAttribute('onclick', 'hideComment(\''+page+'\')');
  var com2 = document.getElementById('show_com2');
  com2.setAttribute('onclick', 'hideComment(\''+page+'\')');
  
  /*var valid = element.getElementsByTagName('valid').item(0);
  alert(valid.firstChild.data);*/
}   

function hideComment(page)
{
  var com_text = document.getElementById('show_com_txt');
  com_text.innerHTML = "afficher les commentaires";
  var com = document.getElementById('show_com');
  com.setAttribute('onclick', 'getXML(\''+page+'\')');
  var com2 = document.getElementById('show_com2');
  com2.setAttribute('onclick', 'getXML(\''+page+'\')');
  var commentaire = document.getElementById('coment2');
  
  var main      = document.getElementById('main');
  main.removeChild(commentaire);

  
}