/* NOTE
- 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.
*/



/**
*
* Can show a tooltip over an element
* Content of tooltip is the title attribute value of the element
* Tested with Firefox, IE6, IE5.5, IE7, Konqueror
*
* To use it :
* 1.include this script on your page
* 2.insert this element somewhere in your page
*       <div id="tooltip"></div>
* 3. style it in your CSS stylesheet (set color, background etc..). You must set
*     this two style too :
*     div#tooltip { position:absolute; visibility:hidden; ... }
* 4.the end. test it ! :-)
*
* @version 1.1
* @copyright 2004-2007 Laurent Jouanneau.
* @link http://ljouanneau.com/soft/javascript
* @licence release under LGPL Licence
*/

// the tooltip object
var tooltip = {
// setup properties of tooltip object
id:"tooltip",

//FR j'ai modifié offsetx : 10,
offsetx : -200,
offsety : -500,
_x : 0,
_y : 0,
_tooltipElement:null,
_saveonmouseover:null
}

/**
* Open ToolTip. The title attribute of the htmlelement is the text of the tooltip
* Call this method on the mouseover event on your htmlelement
* ex :  <div id="myHtmlElement" onmouseover="tooltip.show(this)"...></div>
*/
tooltip.show = function (htmlelement) {

// we save text of title attribute to avoid the showing of tooltip generated by browser
//FR l'attribut 'name' de la petite image est utilisé
var text=htmlelement.getAttribute("name");
htmlelement.setAttribute("name","");
htmlelement.setAttribute("title_saved",text);
//    alert('Attribute = ' + 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 + '" \/>'
this._tooltipElement.innerHTML = contenu;

this.moveTo(this._x + this.offsetx , this._y + this.offsety);

if(this._tooltipElement.style){
	this._tooltipElement.style.visibility ="visible";
}else{
	this._tooltipElement.visibility = "visible";
}
return false;
}



/**
* hide tooltip
* call this method on the mouseout event of the html element
* ex : <div id="myHtmlElement" ... onmouseout="tooltip.hide(this)"></div>
*/
tooltip.hide = function (htmlelement) {
//FR l'attribut 'name' de la petite image est utilisé
htmlelement.setAttribute("name",htmlelement.getAttribute("title_saved"));
htmlelement.removeAttribute("title_saved");
if(this._tooltipElement.style){
this._tooltipElement.style.visibility ="hidden";
}else{
this._tooltipElement.visibility = "hidden";
}
document.onmousemove=this._saveonmouseover;
}

tooltip.toggle = function (htmlelement){
	if(this._tooltipElement.style){
		if (this._tooltipElement.style.visibility == "hidden"){
			tooltip.show(this);
		} else {
			tooltip.hide(this);
		}
	} else {
		if (this._tooltipElement.visibility == "hidden"){
			tooltip.show(this);
		} else {
			tooltip.hide(this);
		}
	}
}

// Moves the tooltip element
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 if(event != undefined && event.x != undefined){ // IE6,  IE7, IE5.5
tooltip.x = event.x + ( document.documentElement.scrollLeft || document.body.scrollLeft);
tooltip.y = event.y + ( document.documentElement.scrollTop || document.body.scrollTop);
*/
}else{
tooltip._x = 0;
tooltip._y = 0;
}
tooltip.moveTo( tooltip._x +tooltip.offsetx , tooltip._y + tooltip.offsety);

}

// Move the tooltip element
tooltip.moveTo = function (xL,yL) {
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;
}
}