function getXMLHttpRequest()
{
	var xhr = null;
	
	if (window.XMLHttpRequest || window.ActiveXObject) {
		if (window.ActiveXObject) {
			try {
			//	alert("Msxml2.XMLHTTP");
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				//				alert("ActiveXObject.XMLHTTP");
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
		} else {
					//		alert("XMLHttpRequest.XMLHTTP");
			xhr = new XMLHttpRequest(); 
		}
	} else {
		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
		return null;
	}
    return xhr;
	
}
function miniature(page,id_page)
 {  
     
  	
   for(var j=1;j<4;j++)
   {
      var element= document.getElementById("page_"+j);
	  element.style.backgroundColor ="#ffffff";
	  element.style.color ="#E84556";
	}
    page.style.backgroundColor ="#E84556";
	page.style.color ="#FFFFFF";
   
   diaporama(id_page);
   
   
   
 }
 function diaporama(id_page)
 {
	var xhr = null;
	xhr=   getXMLHttpRequest();
	xhr.onreadystatechange = function() { alert_ajaxx(xhr); };
    document.getElementById('mini').innerHTML='<div style="text-align:center;height:300px;"><img src="images/loading.gif" style="padding-top:140px;"></div>';
							
	xhr.open("GET", "./diaporamabis.php?id_page="+id_page,true);
	xhr.send(null);					
					
 }	
 function alert_ajaxx(xhr)
 {
	if (xhr.readyState==4) {
	//var docXML= xhr.responseXML;
	 //on fait juste une boucle sur chaque element "donnee" trouvé

     document.getElementById("mini").innerHTML=xhr.responseText;
	}
	
}
/*************************| realisations |*************************/
function page_realisation(page,id_page)
 {  
     
  	
   for(var j=1;j<4;j++)
   {
      var element= document.getElementById("page_"+j);
	  element.style.backgroundColor ="#ffffff";
	  element.style.color ="#E84556";
	}
    page.style.backgroundColor ="#E84556";
	page.style.color ="#FFFFFF";
   
   getPage(id_page);
   
   
   
 }
 function getPage(id_page)
 {
	var xhr = null;
	xhr=   getXMLHttpRequest();
	xhr.onreadystatechange = function() { alert_ajaxx2(xhr); };
    document.getElementById('loading').innerHTML='<div style="text-align:center;height:300px;"><img src="images/loading.gif" style="padding-top:140px;"></div>';
							
	xhr.open("GET", "./page_realisations.php?id_page="+id_page,true);
	xhr.send(null);					
					
 }	
 function alert_ajaxx2(xhr)
 {
	if (xhr.readyState==4) {
	//var docXML= xhr.responseXML;
	 //on fait juste une boucle sur chaque element "donnee" trouvé
	 document.getElementById('loading').innerHTML="";
     document.getElementById("page_realisations").innerHTML=xhr.responseText;
	}
 }