// Configuration du preview de l'image
	var espace_avec_le_curseur_de_souris=[15,15]; // [x,y] - [0,0] va provoquer un effet de clignotement désagréable.
	var grande_image_width=470;
	var grande_image_height=370;
	var message_chargement="Chargement en cours ...";


// Initialisation (animation de la barre de progression et autres)
	var t_id = setInterval(animation_chargement,20);
	var pos=0;
	var dir=2;
	var len=0;
	var currentimageheight=200;


// Ajout d'un bloc dans la page qui accueillera le "popup"
	if (document.getElementById || document.all){
		document.write('<div id="bloc_de_grande_image"></div>');
	}


// Affichage du popup avec le contenu d'une page html présente sur le même site
	function voir_page(adresse_page){
		var xhr2 = getXhr();
		xhr2.onreadystatechange = function() {
			if(xhr2.readyState == 4 && xhr2.status == 200){
				document.onmousemove=suivre_la_souris;
				document.getElementById("bloc_de_grande_image").innerHTML = xhr2.responseText;
				document.getElementById("bloc_de_grande_image").style.display="inline";
			}
		}
		
		xhr2.open("GET",adresse_page,true);
		xhr2.send(null);
	}			


// Affichage du "popup" avec la grande image
	function voir_grande_image(image){
		document.onmousemove=suivre_la_souris;
		newHTML = 	'<div id="bordure_grande_image" style="width:'+grande_image_width+'px;height:'+grande_image_height+'px">'+
									'<div id="bloc_de_chargement">'+
										'<div id="chargement">'+
											'<div align="center">'+message_chargement+'</div>'+
											'<div id="background_du_chargement">'+
												'<div id="barre_de_progression"> </div>'+
											'</div>'+
										'</div>'+
									'</div>'+
									'<div class="bloc_emplacement_grande_image">'+
										'<img id="grande_image" onload="javascript:suppression_barre_de_progression();" src="' + image + '" border="0">'+
									'</div>'+
								'</div>';
		document.getElementById("bloc_de_grande_image").innerHTML = newHTML;
		var t_id = setInterval(animation_chargement,20);
		document.getElementById("bloc_de_grande_image").style.display="inline";
	}


// Masquage du "popup" avec la grande image
	function cacher_grande_image(){
		document.getElementById("bloc_de_grande_image").style.innerHTML = " ";
		document.getElementById("bloc_de_grande_image").style.display="none";
		document.onmousemove="";
		document.getElementById("bloc_de_grande_image").style.left="-500px";
	}


// Animation de la barre de chargement
	function animation_chargement(){
		var elem = document.getElementById('barre_de_progression');
		if(elem != null) {
			if (pos==0) len += dir;
			if (len>32 || pos>79) pos += dir;
			if (pos>79) len -= dir;
			if (pos>79 && len==0) pos=0;
			if(elem.style.left){ elem.style.left=pos;}
			document.getElementById('barre_de_progression').style.left=pos;
			if(elem.style.width){ elem.style.width=len;}
			document.getElementById('barre_de_progression').style.width=len;
		}
	}


// Suppression de la barre de chargement
	function suppression_barre_de_progression() {
		this.clearInterval(t_id);
		var targelem = document.getElementById('bloc_de_chargement');
		targelem.style.display='none';
		targelem.style.visibility='hidden';
		var t_id = setInterval(animation_chargement,60);
		currentimageheight=document.getElementById('grande_image').height;
	}



// Récupération de l'objet body
	function document_body(){
		return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}


// Function permettant de déplacer le "popup" avec la souris et de le placer correctement dans la page
	function suivre_la_souris(e){
	
		var xcoord=espace_avec_le_curseur_de_souris[0];
		var ycoord=espace_avec_le_curseur_de_souris[1];
	
		var docwidth=document.all? document_body().scrollLeft+document_body().clientWidth : window.innerWidth-15;
		var docheight=document.all? Math.min(document_body().scrollHeight, document_body().clientHeight) : Math.min(window.innerHeight);
	
		if (typeof e != "undefined"){
			if (docwidth - e.pageX < grande_image_width){
				xcoord = e.pageX - xcoord - grande_image_width - 30; // Placer à gauche du curseur
			} else {
				xcoord += e.pageX;
			}
			if (docheight - e.pageY < (currentimageheight + 50)){
				ycoord += e.pageY - Math.max(0,(50 + currentimageheight + e.pageY - docheight - document_body().scrollTop));
			} else {
				ycoord += e.pageY;
			}
	
		} else if (typeof window.event != "undefined"){
			if (docwidth - event.clientX < grande_image_width){
				xcoord = event.clientX + document_body().scrollLeft - xcoord - grande_image_width - 30; // Placer à gauche du curseur
			} else {
				xcoord += document_body().scrollLeft+event.clientX
			}
			if (docheight - event.clientY < (currentimageheight + 50)){
				ycoord += event.clientY + document_body().scrollTop - Math.max(0,(50 + currentimageheight + event.clientY - docheight));
			} else {
				ycoord += document_body().scrollTop + event.clientY;
			}
		}
	
		if(ycoord < 0) { ycoord = ycoord*-1; }
		document.getElementById("bloc_de_grande_image").style.left=xcoord+"px"
		document.getElementById("bloc_de_grande_image").style.top=ycoord+"px"
	
	}
	
// Récupération du contenu d'une page avec AJAX
		function getXhr(){
			delete xhr;
			if(window.XMLHttpRequest) 
				var 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; 
			}
			return xhr;
		}