var tooltip3 = {id:"tooltip3",offsetx : 0,offsety : 0,_x : 0,_y : 0,_tooltipElement:null,_saveonmouseover:null}

tooltip3.show = function (htmlelement)
{

    var text=htmlelement.getAttribute("name");
    htmlelement.setAttribute("name","");
    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;

	var contenu='<img src="' + text + '" \/>'
    this._tooltipElement.innerHTML = contenu;

    this.moveTo(-500,-500);

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

tooltip3.hide = function (htmlelement)
{
    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;
}

tooltip3.mouseMove = function (e)
{
	var larg = -285;
	var haut = -200;
   // 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) // FireFox 3, Chrome
	{
		tooltip3._x = e.pageX;
        tooltip3._y = e.pageY;
    }
	else if(event != undefined && event.x != undefined && event.clientX == undefined)
	{
        tooltip3._x = event.x;
        tooltip3._y = event.y;
    }
	else if(e.clientX != undefined )
	{
        if(document.documentElement) // IE7
		{
            tooltip3._x = e.clientX + ( document.documentElement.scrollLeft || document.body.scrollLeft);
            tooltip3._y = e.clientY + ( document.documentElement.scrollTop || document.body.scrollTop);
        }
		else
		{
            tooltip3._x = e.clientX + document.body.scrollLeft;
            tooltip3._y = e.clientY + document.body.scrollTop;
        }
    }
	else
	{
        tooltip3._x = 0;
        tooltip3._y = 0;
    }
	
	larg=larg+tooltip3._x
	haut=haut+tooltip3._y;
	
    tooltip3.moveTo(larg,haut);

}

tooltip3.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;
    }
}