//a l appel de la page
var zoom;

var largeur;
var hauteur;
var carre;

function AffichePreview(ref)
{
	
	var xhr=null;
    var url="";	
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { AffichePreview2(xhr); };
	
	//on fait patienter
	document.getElementById('contenuScan').innerHTML="<div id='wait' style='display:block;top:200px;left:300px;position:relative;'><img src='images/wait.gif'></div>";
	document.getElementById('wait').style.display='block';
	
	url="manuel.php?ref="+ref;
	
	//document.write(url);
//url=url.replace(/( )/g,"%20");
//alert (url);
    //on appelle le fichier reponse.txt
    xhr.open("GET", url, true);
    xhr.send(null);

}
function AffichePreview2(xhr)
{
	  if (xhr.readyState==4 && xhr.status == 200) 
    {
    	var docXML= xhr.responseXML;
	var itemstotaltest = docXML.getElementsByTagName("totaltest");
	
	if(itemstotaltest.item(0).firstChild.data==0)
		{
	
			var itemsimage = docXML.getElementsByTagName("image");
			var itemscouv = docXML.getElementsByTagName("couv");
			var itemsref = docXML.getElementsByTagName("ref");
			var itemsid = docXML.getElementsByTagName("id");

			var itemsdesi = docXML.getElementsByTagName("desi");
			var chaine="";
			
			//ON DONNE LA VALEUR DE LA REF CLIQUER A LA BALISE CACHEE
			document.getElementById("refcliquer").value=itemsid.item(0).firstChild.data;
			
			chaine=chaine+"<table cellpadding='0' cellspacing='0' width='100%' align='center'>";
			chaine=chaine+"<tr><td colspan='2' align='center' class='Style0bold' >";
			chaine=chaine+"&nbsp;";
			chaine=chaine+"</td>";
			chaine=chaine+"</tr>";
			chaine=chaine+"<tr><td align='center' style='cursor:pointer;'><img src='images/scanmanuelmodif/"+itemsimage.item(0).firstChild.data+"' height='400' onclick=\"\"></td></tr>";
			chaine=chaine+"</table>";
			
			//on fait plus patienter
			document.getElementById('wait').style.display='none';
			document.getElementById('contenuScan').innerHTML=chaine;
			
			//on affiche l'image cliquable pour consulter le manuel
			var chainelivre="Consultez un extrait du manuel "+itemsdesi.item(0).firstChild.data;
			document.getElementById('containerLivre').innerHTML=chainelivre;
			document.getElementById('containerLivre').style.display='block'
			
			
		 }
		 else
		 {
			var itemsconstr = docXML.getElementsByTagName("constr");
			var itemsref = docXML.getElementsByTagName("ref");
			var itemsdesi = docXML.getElementsByTagName("desi");
			var itemsid = docXML.getElementsByTagName("id");
			var chaine="";
			chaine=chaine+"<table cellpadding='0' cellspacing='0' width='100%' align='center' style='font-family: Arial;font-size:12px;font-weight:bold'>";
			
			document.getElementById("refcliquer").value=itemsid.item(0).firstChild.data;
			
			chaine=chaine+"<tr><td colspan='2' align='center' class='Style0bold' >";
			chaine=chaine+"&nbsp;";
			chaine=chaine+"</td>";
			chaine=chaine+"</tr>";
		
			chaine+="<tr>";
			
			chaine+="<td valign='top' width='100px' align='left' style=''>";
			
			chaine+="<div style='width:130px;height:450px;overflow:auto;background:#fff;'>";
				chaine=chaine+"<table cellpadding='0' cellspacing='0' width='100px' align='left' class='TabloConstrManuel'>";
			 chaine+="<tr >";
				    chaine+="<td  class='haut_manuel_constr'>";
				    chaine+="&nbsp";
				    chaine+="</td>";
				   chaine+="</tr>";
				for(i=0;i<itemsconstr.length;i++)
				{
				   chaine+="<tr >";
				    chaine+="<td  onmouseover='Changecoul(this);' onmouseout='Remetcoul(this);' class='ligneconstr' onclick='VaChercherReste(\""+itemsconstr.item(i).firstChild.data+"\",\""+itemsref.item(0).firstChild.data+"\")'>";
				    chaine+=itemsconstr.item(i).firstChild.data;
				    chaine+="</td>";
				   chaine+="</tr>";
				}
				
			
			 chaine+="<tr >";
				    chaine+="<td  class='bas_manuel_constr' >";
				    chaine+="&nbsp";
				    chaine+="</td>";
				   chaine+="</tr>";
					
			chaine+="</table>";
			
			chaine+="</div>";
			chaine+="</td>";
			
			
			
			
			
			chaine+="<td valign='top' align='left' style='background:#fff;'>";
			chaine+="<div id='resteSommairecontainer'>";
			chaine+="<div id='resteSommaire'><br><br><br><br><span style='font-size:13px; text-align:center'>Sélectionner un constructeur <br>pour parcourir <br>les modèles traités</span></div>";
			chaine+="</div>";
			chaine+="</td>";
			chaine+="</tr>";
			
			//on ne fait plus patienter
			document.getElementById('wait').style.display='none';
			
			document.getElementById('contenuScan').innerHTML=chaine;
			//alert(itemsref.item(0).firstChild.data);
			//document.getElementById('resteSommairecontainer').style.background='url(images/manuelsGd/'+itemsref.item(0).firstChild.data+'_transp.png) 125px 110px  no-repeat';
			//document.getElementById('resteSommaire').style.background='#000000';
			
			
			//on affiche l'image cliquable pour consulter le manuel
			var chainelivre="Consultez un extrait du manuel "+itemsdesi.item(0).firstChild.data;
			document.getElementById('containerLivre').innerHTML=chainelivre;
			document.getElementById('containerLivre').style.display='block'
			
			
			
		 }

}

}



function Changecoul(obj)
{
obj.style.backgroundColor='#fff';
obj.style.color='#355c91';
}

function Remetcoul(obj)
{
obj.style.backgroundColor='#3f5177';
obj.style.color='#fff';
}


function VaChercherReste(constr,ref)
{
	var xhr=null;
    var url="";	
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { VaChercherReste2(xhr); };
	
	//on fait patienter
	
	
	url="VaChercherReste.php?ref="+ref+"&constr="+constr;
	
	//document.write(url);
//url=url.replace(/( )/g,"%20");
//alert (url);
    //on appelle le fichier reponse.txt
    xhr.open("GET", url, true);
    xhr.send(null);
	
}


function VaChercherReste2(xhr)
{
 if (xhr.readyState==4 && xhr.status == 200) 
    {
    	var docXML= xhr.responseXML;
	var itemsdiverscolle = docXML.getElementsByTagName("diverscolle");
	
	var itemsannee = docXML.getElementsByTagName("annee");
	
	var chaine="";
	chaine=chaine+"<table cellpadding='0' cellspacing='0' width='100%' align='left' style='font-family:Arial;font-size:12px;font-weight:bold;'>";
	 chaine+="<tr >";
				    chaine+="<td >";
				    chaine+="&nbsp";
				    chaine+="</td>";
				   chaine+="</tr>";
				   
	for(i=0;i<itemsannee.length;i++)
		{
			chaine+="<tr>";
			chaine+="<td style='padding-left:5px;'>";
			chaine+=itemsdiverscolle.item(i).firstChild.data;
			chaine+="</td>";
			chaine+="<td>";
			chaine+=itemsannee.item(i).firstChild.data;
			chaine+="</td>";
			chaine+="</tr>";
		}
	
	 chaine+="<tr >";
				    chaine+="<td  >";
				    chaine+="&nbsp";
				    chaine+="</td>";
				   chaine+="</tr>";
	chaine+="</table>";		
	
	
	
    document.getElementById('resteSommaire').innerHTML=chaine;
    }


}



function AfficheScan(ref,premier)
{
	var xhr=null;
    var url="";	
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { AfficheScan2(xhr,ref,premier); };
	
	//on fait patienter
	
	
	url="manuel.php?ref="+ref;
	
	//document.write(url);
//url=url.replace(/( )/g,"%20");
//alert (url);
    //on appelle le fichier reponse.txt
    xhr.open("GET", url, true);
    xhr.send(null);


	
	
}

function AfficheScan2(xhr,ref,premier)
{

	

	  if (xhr.readyState==4 && xhr.status == 200) 
    {
    	var docXML= xhr.responseXML;
		var itemsimage = docXML.getElementsByTagName("image");
		var itemscouv = docXML.getElementsByTagName("couv");
		var itemsnbrepage = docXML.getElementsByTagName("nbrepage");		
		var itemsdesi = docXML.getElementsByTagName("desi");
		var itemspageacouv = docXML.getElementsByTagName("pageacouv");
		var chainegauche="";
		var chainedroite="";
		var chainefleche="";
		var couvgauche="";
		var couvdroite="";
		//ON VA METTRE QUE LE PREMIER EN BLOCK LES AUTRE A NONE
		
		
		for(i=0;i<itemsimage.length;i++)
		{
			
			if(itemscouv.item(i).firstChild.data==1)
			{
			couvgauche=couvgauche+"<div id='couvgauche1' class='couvgauche' onmousemove=\"document_onmousemove(event,'"+itemsimage.item(i).firstChild.data+"','','couvgauche');\" style='display:none;cursor:default;'\">";				
			couvgauche=couvgauche+"<img id='couvimgpetit"+itemsimage.item(i).firstChild.data+"' src='images/scanmanuelmodif/"+itemsimage.item(i).firstChild.data+"' width=150>";                
			couvgauche=couvgauche+"<div id='couvcontimgdeGauche"+itemsimage.item(i).firstChild.data+"' style='width:300;height:300;left:-200px;top:-200px;overflow:hidden;position:absolute;display:none;border:#c0c0c0 2px solid;'>";
			couvgauche=couvgauche+"<img id='couvimgdeGauche"+itemsimage.item(i).firstChild.data+"' src='images/scanmanuelmodifgd/"+itemsimage.item(i).firstChild.data+"' style='position:absolute' width=700>";
			couvgauche=couvgauche+"</div>";			
			couvgauche=couvgauche+"</div>";	
			couvgauche=couvgauche+"<div id='couvimggauche' class='couvgauche'></div>";			
			document.getElementById('couvgauche').innerHTML=couvgauche;
		

			
			reglages(""+itemsimage.item(i).firstChild.data+"",'couvgauche');
			}
			if(itemscouv.item(i).firstChild.data==2)
			{
			
			couvdroite=couvdroite+"<div id='couvdroite1' class='couvdroite' onmousemove=\"document_onmousemove(event,'','"+itemsimage.item(i).firstChild.data+"','couvdroite');\" style='display:none;cursor:default;'\">";				
			couvdroite=couvdroite+"<img id='couvimgpetitdroite"+itemsimage.item(i).firstChild.data+"' src='images/scanmanuelmodif/"+itemsimage.item(i).firstChild.data+"' width=150>";                
			couvdroite=couvdroite+"<div id='couvcontimgdeDroite"+itemsimage.item(i).firstChild.data+"' style='width:300;height:300;left:-200px;top:-200px;overflow:hidden;position:absolute;display:none;border:#c0c0c0 2px solid;'>";
			couvdroite=couvdroite+"<img id='couvimgdeDroite"+itemsimage.item(i).firstChild.data+"' src='images/scanmanuelmodifgd/"+itemsimage.item(i).firstChild.data+"' style='position:absolute' width=700>";
			couvdroite=couvdroite+"</div>";			
			couvdroite=couvdroite+"</div>";
			couvdroite=couvdroite+"<div id='couvimgdroite' class='couvdroite'></div>";
			document.getElementById('couvdroite').innerHTML=couvdroite;
			

			
			reglages(""+itemsimage.item(i).firstChild.data+"",'couvdroite');

			
			
			
			}
			if(itemscouv.item(i).firstChild.data==0)
			{
				
			if(premier==1)
			{
			//PAGE GAUCHE VISIBLE
			chainegauche=chainegauche+"<div id='pagegauche"+itemsimage.item(i).firstChild.data+"' class='pagegauche' onmousemove=\"document_onmousemove(event,'"+itemsimage.item(i).firstChild.data+"','"+itemsimage.item(i+1).firstChild.data+"','gauche');\" style='display:block;cursor:default;'\">";				
			chainegauche=chainegauche+"<img id='imgpetit"+itemsimage.item(i).firstChild.data+"' src='images/scanmanuelmodif/"+itemsimage.item(i).firstChild.data+"' width=400>";                
			chainegauche=chainegauche+"<div id='contimgdeGauche"+itemsimage.item(i).firstChild.data+"' style='width:300;height:300;left:-200px;top:-200px;overflow:hidden;position:absolute;display:none;border:#c0c0c0 2px solid;'>";
			chainegauche=chainegauche+"<img id='imgdeGauche"+itemsimage.item(i).firstChild.data+"' src='images/scanmanuelmodifgd/"+itemsimage.item(i).firstChild.data+"' style='position:absolute' width=700>";
			chainegauche=chainegauche+"</div>";			
			chainegauche=chainegauche+"</div>";						
			document.getElementById('pagegauche0').innerHTML=chainegauche;
			

			
			reglages(""+itemsimage.item(i).firstChild.data+"",'gauche');
			
				
				
			//PAGE DROITE VISIBLE
			if(itemscouv.item(i+1).firstChild.data!=1)
				{
			chainedroite=chainedroite+"<div id='pagedroite"+itemsimage.item(i+1).firstChild.data+"' class='pagedroite' onmousemove=\"document_onmousemove(event,'"+itemsimage.item(i).firstChild.data+"','"+itemsimage.item(i+1).firstChild.data+"','droite');\" style='display:block;cursor:default;'\">";				
			chainedroite=chainedroite+"<img id='imgpetitdroite"+itemsimage.item(i+1).firstChild.data+"' src='images/scanmanuelmodif/"+itemsimage.item(i+1).firstChild.data+"' width=400>";                
			chainedroite=chainedroite+"<div id='contimgdeDroite"+itemsimage.item(i+1).firstChild.data+"' style='width:300;height:300;left:-200px;top:-200px;overflow:hidden;position:absolute;display:none;border:#c0c0c0 2px solid;'>";
			chainedroite=chainedroite+"<img id='imgdeDroite"+itemsimage.item(i+1).firstChild.data+"' src='images/scanmanuelmodifgd/"+itemsimage.item(i+1).firstChild.data+"' style='position:absolute' width=700>";
			chainedroite=chainedroite+"</div>";			
			chainedroite=chainedroite+"</div>";						
			document.getElementById('pagedroite0').innerHTML=chainedroite;
			reglages(""+itemsimage.item(i+1).firstChild.data+"",'droite');
				
			
			premier=0;
				}
			}
			else
			{
				if(itemsnbrepage.item(0).firstChild.data>2)
				{
			//PAGE GAUCHE INVISIBLE
			chainegauche=chainegauche+"<div id='pagegauche"+itemsimage.item(i).firstChild.data+"' class='pagegauche' onmousemove=\"document_onmousemove(event,'"+itemsimage.item(i).firstChild.data+"','"+itemsimage.item(i+1).firstChild.data+"','gauche');\" style='display:none;cursor:default;'>";				
			chainegauche=chainegauche+"<img id='imgpetit"+itemsimage.item(i).firstChild.data+"' src='images/scanmanuelmodif/"+itemsimage.item(i).firstChild.data+"' width=400>";                
			chainegauche=chainegauche+"<div id='contimgdeGauche"+itemsimage.item(i).firstChild.data+"' style='width:300;height:300;left:-200px;top:-200px;overflow:hidden;position:absolute;border:#c0c0c0 2px solid;display:none;'>";
			chainegauche=chainegauche+"<img id='imgdeGauche"+itemsimage.item(i).firstChild.data+"' src='images/scanmanuelmodifgd/"+itemsimage.item(i).firstChild.data+"' style='position:absolute' width=700>";
			chainegauche=chainegauche+"</div>";			
			chainegauche=chainegauche+"</div>";			
			document.getElementById('pagegauche0').innerHTML=chainegauche;
			reglages(""+itemsimage.item(i).firstChild.data+"",'gauche');

			//PAGE DROITE INVISIBLE

			if(itemscouv.item(i+1).firstChild.data!=1)
				{
					chainedroite=chainedroite+"<div id='pagedroite"+itemsimage.item(i+1).firstChild.data+"' class='pagedroite' onmousemove=\"document_onmousemove(event,'"+itemsimage.item(i).firstChild.data+"','"+itemsimage.item(i+1).firstChild.data+"','droite');\" style='display:none;cursor:default;'>";				
					chainedroite=chainedroite+"<img id='imgpetitdroite"+itemsimage.item(i+1).firstChild.data+"' src='images/scanmanuelmodif/"+itemsimage.item(i+1).firstChild.data+"' width=400>";                
					chainedroite=chainedroite+"<div id='contimgdeDroite"+itemsimage.item(i+1).firstChild.data+"' style='width:300;height:300;left:-200px;top:-200px;overflow:hidden;position:absolute;border:#c0c0c0 2px solid;display:none;'>";
					chainedroite=chainedroite+"<img id='imgdeDroite"+itemsimage.item(i+1).firstChild.data+"' src='images/scanmanuelmodifgd/"+itemsimage.item(i+1).firstChild.data+"' style='position:absolute' width=700>";
					chainedroite=chainedroite+"</div>";			
					chainedroite=chainedroite+"</div>";			
					document.getElementById('pagedroite0').innerHTML=chainedroite;
					reglages(""+itemsimage.item(i+1).firstChild.data+"",'droite');
				}
				}
			
			}
			if(itemsnbrepage.item(0).firstChild.data>2)
			{
			
			if(i!=0 && i!=itemsnbrepage.item(0).firstChild.data-1)
				chainefleche=chainefleche+"<div id='divfleche."+itemsimage.item(i).firstChild.data+"' style='display:none;cursor:pointer;'><table align='center' class='Style0bold'><tr><td width='20'><img src='images/precedent.jpg' onclick=\"AffichePage('"+itemsimage.item(i-1).firstChild.data+"','"+itemsimage.item(i).firstChild.data+"','"+itemsimage.item(i-1).firstChild.data+"','"+itemsimage.item(i).firstChild.data+"','"+itemsimage.item(i+1).firstChild.data+"','"+itemsimage.item(i).firstChild.data+"','"+itemspageacouv.item(i-1).firstChild.data+"');\" style='cursor:pointer;'></td><td width='20'><img src='images/suivant.jpg' id='fleche"+itemsimage.item(i).firstChild.data+"' onclick=\"AffichePage('"+itemsimage.item(i+1).firstChild.data+"','"+itemsimage.item(i+2).firstChild.data+"','"+itemsimage.item(i+1).firstChild.data+"','"+itemsimage.item(i).firstChild.data+"','"+itemsimage.item(i+1).firstChild.data+"','"+itemsimage.item(i).firstChild.data+"','"+itemspageacouv.item(i+1).firstChild.data+"');\" style='cursor:pointer;'></td></tr></table></div>";
			if(i==itemsnbrepage.item(0).firstChild.data-1)
				chainefleche=chainefleche+"<div id='divfleche."+itemsimage.item(i).firstChild.data+"' style='display:none;cursor:pointer;'><table align='center' class='Style0bold'><tr><td width='20'><img src='images/precedent.jpg' onclick=\"AffichePage('"+itemsimage.item(i-1).firstChild.data+"','"+itemsimage.item(i).firstChild.data+"','"+itemsimage.item(i-1).firstChild.data+"','"+itemsimage.item(i).firstChild.data+"','"+itemsimage.item(i+1).firstChild.data+"','"+itemsimage.item(i).firstChild.data+"','"+itemspageacouv.item(i-1).firstChild.data+"');\" style='cursor:pointer;'></td><td width='20'></td></tr></table></div>";
			if(i==0)
				chainefleche=chainefleche+"<div id='divfleche."+itemsimage.item(i).firstChild.data+"' style='display:block;cursor:pointer;'><table align='center' class='Style0bold'><tr><td width='20'></td><td width='20'><img src='images/suivant.jpg' onclick=\"AffichePage('"+itemsimage.item(i+1).firstChild.data+"','"+itemsimage.item(i+2).firstChild.data+"','"+itemsimage.item(i+1).firstChild.data+"','"+itemsimage.item(i).firstChild.data+"','"+itemsimage.item(i+1).firstChild.data+"','"+itemsimage.item(i).firstChild.data+"','"+itemspageacouv.item(i+1).firstChild.data+"');\" style='cursor:pointer;'></td></tr></table></div>";
			}
			
			
			
			}
		



			
			
		}
			
			document.getElementById('conteneurflechescan').innerHTML=itemsdesi.item(0).firstChild.data+chainefleche;
			
				//on fait plus patienter
			
			couvgauche="<img src='images/couvgauch.jpg' align='right'>";
			couvdroite="<img src='images/couvdroit.jpg' align='left'>";
			if(document.getElementById('couvimggauche'))
			document.getElementById('couvimggauche').innerHTML=couvgauche;	
			if(document.getElementById('couvimgdroite'))
			document.getElementById('couvimgdroite').innerHTML=couvdroite;
			
			document.getElementById('ScanManuelGD').style.display='block';
	

}
}

	
function reglages(img,gauchedroite){

//-- Facteur de zoom ---
zoom=2;


//-- Taille de l'image initiale --
largeur=400;
hauteur=600;
//-- taille du carré de la loupe EN PIXELS--
carre=300;
largeurcouv=150;
if(gauchedroite=='couvgauche')
{

document.getElementById('couvcontimgdeGauche'+img+'').style.display='none';
//------------------------------------------
document.getElementById('couvimgpetit'+img+'').width=largeurcouv;
document.getElementById('couvimgpetit'+img+'').height=hauteur;
document.getElementById('couvcontimgdeGauche'+img+'').style.width=carre;
document.getElementById('couvcontimgdeGauche'+img+'').style.height=carre;
document.getElementById('couvimgdeGauche'+img+'').height=zoom*hauteur;
document.getElementById('couvimgdeGauche'+img+'').width=zoom*largeurcouv;
}

if(gauchedroite=='gauche')
{

document.getElementById('contimgdeGauche'+img+'').style.display='none';
//------------------------------------------
document.getElementById('imgpetit'+img+'').width=largeur;
document.getElementById('imgpetit'+img+'').height=hauteur;
document.getElementById('contimgdeGauche'+img+'').style.width=carre;
document.getElementById('contimgdeGauche'+img+'').style.height=carre;
document.getElementById('imgdeGauche'+img+'').height=zoom*hauteur;
document.getElementById('imgdeGauche'+img+'').width=zoom*largeur;
}



if(gauchedroite=='droite')
{
document.getElementById('contimgdeDroite'+img+'').style.display='none';
//------------------------------------------
document.getElementById('imgpetitdroite'+img+'').width=largeur;
document.getElementById('imgpetitdroite'+img+'').height=hauteur;
document.getElementById('contimgdeDroite'+img+'').style.width=carre;
document.getElementById('contimgdeDroite'+img+'').style.height=carre;
document.getElementById('imgdeDroite'+img+'').height=zoom*hauteur;
document.getElementById('imgdeDroite'+img+'').width=zoom*largeur;
}

if(gauchedroite=='couvdroite')
{

document.getElementById('couvcontimgdeDroite'+img+'').style.display='none';
//------------------------------------------
document.getElementById('couvimgpetitdroite'+img+'').width=largeurcouv;
document.getElementById('couvimgpetitdroite'+img+'').height=hauteur;
document.getElementById('couvcontimgdeDroite'+img+'').style.width=carre;
document.getElementById('couvcontimgdeDroite'+img+'').style.height=carre;
document.getElementById('couvimgdeDroite'+img+'').height=zoom*hauteur;
document.getElementById('couvimgdeDroite'+img+'').width=zoom*largeurcouv;
}


}
function document_onmousemove(event,imgGauche,imgDroite,gauchedroite) 
{

if(gauchedroite=='gauche')
{		
		if(document.getElementById('contimgdeDroite'+imgDroite))
		{

	document.getElementById('contimgdeGauche'+imgGauche).style.display='block';
	document.getElementById('contimgdeDroite'+imgDroite).style.display='none';
		}
	else
		document.getElementById('contimgdeGauche'+imgGauche).style.display='block';

	var ie = false; /*@cc_on ie = true; @*/
	if (ie) {
			x=event.x+document.body.scrollLeft;
			y=event.y+document.body.scrollTop;
             }
		else    {
			x=event.pageX;
			y=event.pageY;
             }

		if(y<590)
	{
	document.getElementById("contimgdeGauche"+imgGauche).style.left=x-(carre/2);
	document.getElementById("contimgdeGauche"+imgGauche).style.top=y-(carre/2)+150;
	document.getElementById("imgdeGauche"+imgGauche).style.top=(-(y)*zoom)+(carre/2);
	document.getElementById("imgdeGauche"+imgGauche).style.left=(-(x)*zoom)+(carre/2)+350;
	}
	else
	{
	document.getElementById('contimgdeGauche'+imgGauche).style.display='none';
	document.getElementById('contimgdeDroite'+imgDroite).style.display='none';

	}	
	
			if(x>150)
	{
	document.getElementById("contimgdeGauche"+imgGauche).style.left=x-(carre/2);
	document.getElementById("contimgdeGauche"+imgGauche).style.top=y-(carre/2)+150;
	document.getElementById("imgdeGauche"+imgGauche).style.top=(-(y)*zoom)+(carre/2);
	document.getElementById("imgdeGauche"+imgGauche).style.left=(-(x)*zoom)+(carre/2)+350;
	}
	else
	{
	document.getElementById('contimgdeGauche'+imgGauche).style.display='none';
	document.getElementById('contimgdeDroite'+imgDroite).style.display='none';

	}	

		
}


if(gauchedroite=='couvgauche')
{		
		

	document.getElementById('couvcontimgdeGauche'+imgGauche).style.display='block';
	
		
	

	var ie = false; /*@cc_on ie = true; @*/
	if (ie) {
			x=event.x+document.body.scrollLeft;
			y=event.y+document.body.scrollTop;
             }
		else    {
			x=event.pageX;
			y=event.pageY;
             }

		if(y<590)
	{
	document.getElementById("couvcontimgdeGauche"+imgGauche).style.left=x-(carre/2);
	document.getElementById("couvcontimgdeGauche"+imgGauche).style.top=y-(carre/2)+150;
	document.getElementById("couvimgdeGauche"+imgGauche).style.top=(-(y)*zoom)+(carre/2);
	document.getElementById("couvimgdeGauche"+imgGauche).style.left=(-(x)*zoom)+(carre/2);
	}
	else
	{
	document.getElementById('couvcontimgdeGauche'+imgGauche).style.display='none';
	

	}	
		
		if(x<150)
	{
	document.getElementById("couvcontimgdeGauche"+imgGauche).style.left=x-(carre/2);
	document.getElementById("couvcontimgdeGauche"+imgGauche).style.top=y-(carre/2)+150;
	document.getElementById("couvimgdeGauche"+imgGauche).style.top=(-(y)*zoom)+(carre/2);
	document.getElementById("couvimgdeGauche"+imgGauche).style.left=(-(x)*zoom)+(carre/2);
	}
	else
	{
	document.getElementById('couvcontimgdeGauche'+imgGauche).style.display='none';
	

	}		
}




if(gauchedroite=='droite')
{
	if(document.getElementById('contimgdeDroite'+imgDroite))
	{
	document.getElementById('contimgdeDroite'+imgDroite).style.display='block';
	document.getElementById('contimgdeGauche'+imgGauche).style.display='none';


	var ie = false; /*@cc_on ie = true; @*/
	if (ie) {
			x=event.x+document.body.scrollLeft;
			y=event.y+document.body.scrollTop;
             }
	else    {
		x=event.pageX;
         y=event.pageY;
             }
	if(y<590 )
	{

	document.getElementById("contimgdeDroite"+imgDroite).style.left=x-(carre/2);
	document.getElementById("contimgdeDroite"+imgDroite).style.top=y-(carre/2)+150;
	document.getElementById("imgdeDroite"+imgDroite).style.top=(-(y)*zoom)+(carre/2);
	document.getElementById("imgdeDroite"+imgDroite).style.left=(-(x)*zoom)+(carre/2)+1200;
	}
	else
	{
	document.getElementById('contimgdeGauche'+imgGauche).style.display='none';
	document.getElementById('contimgdeDroite'+imgDroite).style.display='none';

	}
	
	if(x<950 )
	{
	document.getElementById('couvcontimgdeDroite'+imgDroite).style.display='none';

	document.getElementById("contimgdeDroite"+imgDroite).style.left=x-(carre/2);
	document.getElementById("contimgdeDroite"+imgDroite).style.top=y-(carre/2)+150;
	document.getElementById("imgdeDroite"+imgDroite).style.top=(-(y)*zoom)+(carre/2);
	document.getElementById("imgdeDroite"+imgDroite).style.left=(-(x)*zoom)+(carre/2)+1200;
	}
	else
	{
	document.getElementById('contimgdeGauche'+imgGauche).style.display='none';
	document.getElementById('contimgdeDroite'+imgDroite).style.display='none';
	}
	
	
	}
}

if(gauchedroite=='couvdroite')
{
	
	document.getElementById('couvcontimgdeDroite'+imgDroite).style.display='block';
	


	var ie = false; /*@cc_on ie = true; @*/
	if (ie) {
			x=event.x+document.body.scrollLeft;
			y=event.y+document.body.scrollTop;
             }
	else    {
		x=event.pageX;
         y=event.pageY;
             }
			 
			
			 
	if(y<590 )
	{

	document.getElementById("couvcontimgdeDroite"+imgDroite).style.left=x-(carre/2);
	document.getElementById("couvcontimgdeDroite"+imgDroite).style.top=y-(carre/2)+150;
	document.getElementById("couvimgdeDroite"+imgDroite).style.top=(-(y)*zoom)+(carre/2);
	document.getElementById("couvimgdeDroite"+imgDroite).style.left=(-(x)*zoom)+(carre/2)+2000;
	}
	else
	{
	
	document.getElementById('couvcontimgdeDroite'+imgDroite).style.display='none';

	}
	
	if(x>956 )
	{

	document.getElementById("couvcontimgdeDroite"+imgDroite).style.left=x-(carre/2);
	document.getElementById("couvcontimgdeDroite"+imgDroite).style.top=y-(carre/2)+150;
	document.getElementById("couvimgdeDroite"+imgDroite).style.top=(-(y)*zoom)+(carre/2);
	document.getElementById("couvimgdeDroite"+imgDroite).style.left=(-(x)*zoom)+(carre/2)+2000;
	}
	else
	{
	
	document.getElementById('couvcontimgdeDroite'+imgDroite).style.display='none';

	}
}

}




function AffichePage(gauche,droite,dessinfleche,gaucheeffacer,droiteeffacer,flecheeffacer,pageacouv)
{
	
	//alert(gauche +" "+droite+" "+dessinfleche+" "+gaucheeffacer+" "+droiteeffacer+" "+flecheeffacer);
	
	
	//on efface deja les pages courantes et les fleches 
	document.getElementById('pagegauche'+gaucheeffacer).style.display='none';
	if(document.getElementById('pagedroite'+droiteeffacer))
	document.getElementById('pagedroite'+droiteeffacer).style.display='none';
	
	document.getElementById('divfleche.'+flecheeffacer).style.display='none';
	
	//apparait a gauche
	if(document.getElementById('pagegauche'+gauche))
	//Effect.SlideDown('pagegauche'+gauche,{duration:0.5,scaleY :false,scaleX:true})
	document.getElementById('pagegauche'+gauche).style.display='block';
	//apparait a droite
	if(document.getElementById('pagedroite'+droite))
	document.getElementById('pagedroite'+droite).style.display='block';
	//Effect.SlideDown('pagedroite'+droite,{duration:0.5,scaleY :false,scaleX:true})
	//apparait fleches
	document.getElementById('divfleche.'+dessinfleche).style.display='block';
	
	//si il y a page a couverture on affiche les deux couvertures
	if(pageacouv==1)
	{
	//document.getElementById('couvgauche1').style.display='block';
	//document.getElementById('couvdroite1').style.display='block';
	Effect.SlideDown('couvgauche1',{duration:0.5,scaleY :false,scaleX:true});
	Effect.SlideDown('couvdroite1',{duration:0.5,scaleY :false,scaleX:true});
	document.getElementById('couvimggauche').style.display='none';
	document.getElementById('couvimgdroite').style.display='none';
	}
	else
	{
	document.getElementById('couvgauche1').style.display='none';
	document.getElementById('couvdroite1').style.display='none';
	//Effect.SlideUp('couvgauche1',{duration:0.5,scaleY :false,scaleX:true});
	//Effect.SlideUp('couvdroite1',{duration:0.5,scaleY :false,scaleX:true});
	document.getElementById('couvimggauche').style.display='block';
	document.getElementById('couvimgdroite').style.display='block';	
	}



}

function ChargeManuel(div)
{
var atrouver;

if(div=='diag')
atrouver='diag';

if(div=='conf')
atrouver='conf';

if(div=='elec')
atrouver='elec';

if(div=='moto')
atrouver='moto';


	var xhr=null;
    var url="";	
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { ChargeManuel2(xhr,div); };
	
	
	url="chargemanuel.php?atrouver="+atrouver;
	
	//document.write(url);
//url=url.replace(/( )/g,"%20");
//alert (url);
    //on appelle le fichier reponse.txt
    xhr.open("GET", url, true);
    xhr.send(null);


}



function ChargeManuel2(xhr,div)
{

	  if (xhr.readyState==4 && xhr.status == 200) 
    {
    	var docXML= xhr.responseXML;
		var itemsimage = docXML.getElementsByTagName("image");
		var itemsnom = docXML.getElementsByTagName("nom");
		var itemsligne = docXML.getElementsByTagName("ligne");	
		var itemsref = docXML.getElementsByTagName("ref");			
		var chaine="<table  class='Style0'><tr>";
		
		for(i=0;i<itemsligne.length;i++)
		{
		
		if(itemsligne.item(i).firstChild.data==1)
		chaine=chaine+"</tr><tr>";
		
		chaine=chaine+"<td align='center' style='cursor:pointer;padding-top:115px;height:150px;width:100px;background:url(images/manuels/"+itemsimage.item(i).firstChild.data+") no-repeat;font-size:11px;font-weight:bold;text-align:left;' onclick='AffichePreview(\""+itemsref.item(i).firstChild.data+"\");'>";
		chaine=chaine+itemsnom.item(i).firstChild.data+"</td>";
		}
		
		chaine=chaine+"</tr></table>";
		
		document.getElementById(div).innerHTML=chaine;
		
		if(div=='diag')
		MontreManuel('diag','repar','conf','elec','moto');
		if(div=='conf')
		MontreManuel('conf','diag','repar','elec','moto');
		if(div=='elec')
		MontreManuel('elec','diag','repar','conf','moto');
		if(div=='moto')
		MontreManuel('moto','diag','repar','conf','elec');
		
	}



}