/*
var	oldcontenu="";
var zoomshow=0;

//	------------------------------------------------------------------------------------------------
function zoomShow(e,urlofimage){
	var obj=findDOM("zoomonmouse",0);
	if(obj){
	}else{
		zoomshow=1;
		var img=new Image();
		img.src=urlofimage;
		var obj=findDOM("page",0);
		var contenu=obj.innerHTML;
		oldcontenu=contenu;
		contenu+="<div id=\"zoomonmouse\" style=\"position:absolute;top:"+e.pageY+";left:"+e.pageX+";width:"+img.width+";height:"+img.height+";z-index:2000;padding:4px;border:1px solid black;background-color:white\">";
		contenu+="<img src=\""+urlofimage+"\">";
		contenu+="</div>";
		obj.innerHTML=contenu;
	}
}
function zoomHide(){
	if(zoomshow=1){
		var obj=findDOM("page",0);
		obj.innerHTML=oldcontenu;
		zoomshow=0;
	}
}
*/

var xOffset=6;
var yOffset=5;

var affiche=false; // La variable i nous dit si le bloc est visible ou non
var w3c=document.getElementById && !document.all;
var ie=document.all;
var zoomonmouse,curX,curY;

function ietruebody(){ // retourne le bon corps...
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function deplacer(e) {
	if(affiche){
		curX=(w3c)?e.pageX:event.x + ietruebody().scrollLeft;
		curY=(w3c)?e.pageY:event.y + ietruebody().scrollTop;

		var winwidth=ie && !window.opera ? ietruebody().clientWidth : window.innerWidth - 20;
		var winheight=ie && !window.opera ? ietruebody().clientHeight : window.innerHeight - 20;

		var rightedge=ie && !window.opera ? winwidth - event.clientX - xOffset : winwidth - e.clientX - xOffset;
		var bottomedge=ie && !window.opera ? winheight - event.clientY - yOffset : winheight - e.clientY - yOffset;

		var leftedge=(xOffset < 0) ? xOffset*(-1) : -1000

		// modifier la largeur de l'objet s'il est trop grand...
		if(zoomonmouse.offsetWidth > winwidth / 3){
			zoomonmouse.style.width = winwidth / 3
		}

		// si la largeur horizontale n'est pas assez grande pour l'info bulle
		if(rightedge < zoomonmouse.offsetWidth){
			// bouge la position horizontale de sa largeur à gauche
			zoomonmouse.style.left = curX - zoomonmouse.offsetWidth + "px"
		}else{
			if(curX<leftedge){
				zoomonmouse.style.left="5px";
			}else{
				// la position horizontale de la souris
				zoomonmouse.style.left = curX + xOffset + "px"
			}
		}

		// même chose avec la verticale
		if(bottomedge < zoomonmouse.offsetHeight){
			zoomonmouse.style.top = curY - zoomonmouse.offsetHeight - yOffset + "px"
		}else{
			zoomonmouse.style.top = curY + yOffset + "px"
		}
  }
}
function zoomShow(e,urlofimage){
	zoomonmouse=findDOM("zoomonmouse",0);
	if (zoomonmouse){
	}else{
 		var obj=findDOM("page",0);
		var contenu=obj.innerHTML;
		contenu+="<div id=\"zoomonmouse\" style=\"background-color:#fff;position:absolute;top:"+curY+";left:"+curX+";z-index:1000;\"></div>";
		obj.innerHTML=contenu;
		zoomonmouse=findDOM("zoomonmouse",0);
	}
	var img=new Image();
	img.src=urlofimage;
  zoomonmouse.innerHTML="<img src=\""+img.src+"\">"; // fixe le texte dans l'infobulle
  zoomonmouse.style.visibility="visible"; // Si il est cachée (la verif n'est qu'une securité) on le rend visible.
  affiche=true;
}

function zoomHide() {
  if (w3c||ie){
    affiche = false
    zoomonmouse.style.visibility="hidden" // avoid the IE6 cache optimisation with hidden blocks
    zoomonmouse.style.top = '-100000px'
    zoomonmouse.style.backgroundColor = ''
    zoomonmouse.style.width = ''
  }
}
document.onmousemove = deplacer; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.