// JavaScript Document
var xhr = null;
var backgroundVar = "#dcedd4";
var timeoutImage;
 
// Fonction de creation de l'objet XMLHttpRequest qui resservira pour chaques fonctions AJAX
function getXhr()
 {
  if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); 
  else if(window.ActiveXObject)
   {  
    try
     {
      xhr = new ActiveXObject("Msxml2.XMLHTTP");
     }
    catch (e)
     {
      xhr = new ActiveXObject("Microsoft.XMLHTTP");
     }
   }
  else 
   { 
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest, veuillez le mettre à jour"); 
    xhr = false; 
   } 
 } 
 
	function seeOtherDetail(id,type,txt)
	{
		getXhr();
		xhr.onreadystatechange = function()
		{
			if(xhr.readyState == 4 && xhr.status == 200)
			{
				document.getElementById('changeDetail').innerHTML = xhr.responseText;
				document.getElementById(type).innerHTML = "<span>txt</span>";
			}
		}
		
		document.getElementById('changeDetail').innerHTML = '<img src="includes/js/lightbox/images/loading.gif" style="margin:130px 0px 0px 125px;"';
		
		document.getElementById('desc').innerHTML = "<a href='javascript:;' onclick='javascript:seeOtherDetail("+id+", \"desc\", \"DESCRIPTION\"); javascript:return false;'><span>DESCRIPTION</span></a>";
		document.getElementById('carac').innerHTML = "<a href='javascript:;' onclick='javascript:seeOtherDetail("+id+", \"carac\", \"CARACT&Eacute;RISTIQUE\"); javascript:return false;'><span>CARACT&Eacute;RISTIQUE</span></a>";
		
		if(document.getElementById('couleur'))
		{
			document.getElementById('couleur').innerHTML = "<a href='javascript:;' onclick='javascript:seeOtherDetail("+id+", \"couleur\", \"COULEUR\"); javascript:return false;'><span>COULEUR</span></a>";
		}
		
		xhr.open("POST",'includes/js/ajax.php?action=seeOtherDetail',true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	  
		xhr.send("id="+id+"&type="+type);
	}