/* NOTE
- Source : http://gihef.bey.free.fr/CCM/bulleaide_tooltip/images.html
- Le script qui suit est une modification du script de Laurent Jouanneau.
- Il est adapté pour afficher des images plutôt que du texte.
- Cette adaptation est le résultat de tâtonnements amateurs.
- L'élément HTML utilisé est un "name" ajouté à la petite image.
- Il contient une référence à l'image de grande taille.
-
- Le script d'origine a été trouvé ici :
- http://www.ljouanneau.com/softs/javascript/tooltip.php
- La licence reste valable.
 * @version 1.1
 * @copyright 2004-2007 Laurent Jouanneau. 
 * @link http://ljouanneau.com/soft/javascript
 * @licence release under LGPL Licence
NOUVELLE VERSION Thierry mijsoot 
*/
var tooltip = {
    id:"tooltip",
//FR j'ai modifié offsetx : 10,
    offsetx : -200,
    offsety : -400,
    _x : 0,
    _y : 0,
    _tooltipElement:null,
    _saveonmouseover:null
}
tooltip.show = function (htmlelement) {
//FR l'attribut 'longdesc' de la petite image est utilisé
    this.moveTo(0,0);
    var text=htmlelement.getAttribute("longdesc");
    htmlelement.setAttribute("longdesc","");
    htmlelement.setAttribute("title_saved",text);
	if(document.getElementById){this._tooltipElement = document.getElementById(this.id);
	}else if(document.all){this._tooltipElement = document.all[this.id].style;}
    this._saveonmouseover = document.onmousemove;
    document.onmousemove = this.mouseMove;
//FR une nouvelle variable fabriquant la source le l'image de grande taille
var contenu='<img src="' + text + '" id="imgzoom" \/>'
    this._tooltipElement.innerHTML = contenu;
	document.getElementById('imgzoom').lowsrc="http://www.evingroom.com/canape-cuir/waiting.gif";
    this.moveTo(this._x + this.offsetx , this._y + this.offsety);
	if(this._tooltipElement.style){
		this._tooltipElement.style.visibility ="visible";
		this._tooltipElement.style.display ="";
	}else{
		this._tooltipElement.visibility = "visible";
		this._tooltipElement.display = "";
	}
   return false;
}
tooltip.hide = function (htmlelement) {
//FR l'attribut 'longdesc' de la petite image est utilisé
    this.moveTo(0,0);
    htmlelement.setAttribute("longdesc",htmlelement.getAttribute("title_saved"));
    htmlelement.removeAttribute("title_saved");
    if(this._tooltipElement.style){
		this._tooltipElement.style.visibility ="hidden";
		this._tooltipElement.style.display ="none";
	}else{
		this._tooltipElement.visibility = "hidden";
		this._tooltipElement.visibility = "none";
	}
    //document.onmousemove=this._saveonmouseover;
}
tooltip.mouseMove = function (e) {
   // we don't use "this" because this method is assign to an event of document and so is dereferenced
    if(e == undefined)
        e = event;
    if( e.pageX != undefined){ // gecko, konqueror,
        tooltip._x = e.pageX;
        tooltip._y = e.pageY;
    }else if(event != undefined && event.x != undefined && event.clientX == undefined){ // ie4 ?
        tooltip._x = event.x;
        tooltip._y = event.y;
    }else if(e.clientX != undefined ){ // IE6,  IE7, IE5.5
        if(document.documentElement){
            tooltip._x = e.clientX + ( document.documentElement.scrollLeft || document.body.scrollLeft);
            tooltip._y = e.clientY + ( document.documentElement.scrollTop || document.body.scrollTop);
        }else{
            tooltip._x = e.clientX + document.body.scrollLeft;
            tooltip._y = e.clientY + document.body.scrollTop;
        }
    }else{
        tooltip._x = 0;
        tooltip._y = 0;
    }
    tooltip.moveTo( tooltip._x +tooltip.offsetx , tooltip._y + tooltip.offsety);

}
tooltip.moveTo = function (xL,yL) {
    if(this._tooltipElement){
		if(this._tooltipElement.style){
			this._tooltipElement.style.left = xL +"px";
			this._tooltipElement.style.top = yL +"px";
		}else{
			this._tooltipElement.left = xL;
			this._tooltipElement.top = yL;
		}
	}
}