//Couleur d'arrière-plan principale
//Généralement une couleur claire (blanc, jaune,etc)
	if (typeof fcolor == 'undefined') { var fcolor = "#FFA500";}
	
//Couleur du bord et du titre (caption)
//Généralement une couleur foncée (noir, bleu marine,etc)
	if (typeof backcolor == 'undefined') { var backcolor = "#000000";}
	
//Couleur du texte de l'infobulle
//Généralement une couleur foncée
	if (typeof textcolor == 'undefined') { var textcolor = "#FFFFFF";}
	
//Couleur du texte du titre (caption) 
//Généralement une couleur claire 
	if (typeof capcolor == 'undefined') { var capcolor = "#FFFFFF";}
	
//Couleur de Close lorsque on utilise l'option Adhésif
// Généralemnt une couleur moyenne 
	if (typeof closecolor == 'undefined') { var closecolor = "#FFFFFF";}
	
//Largeur des infobulles en pixels
//Généralement entre 100 et 300 pixels
	if (typeof width == 'undefined') { var width = "200";}
	
//Epaisseur du bord en pixels 
//Généralement entre 1 et 3 
	if (typeof border == 'undefined') { var border = "1";}
	
//Retrait horizontal en pixels de l'infobulle par rapport au curseur	 ');
//Généralement entre 3 et 12 
	if (typeof offsetx == 'undefined') { var offsetx = 0;}
	
//Retrait vertical en pixels de l'infobulle par rapport au curseur	 ');
//Généralement entre 3 et 12 
	if (typeof offsety == 'undefined') { var offsety = 0;}

var ie = (document.all)? true:false;
var ns4 = (document.layers)? true:false;
//var ns6 = (document.getElementById) && !(document.all);
var ns6 = (document.getElementById)? true:false;
var x = 0;
var y = 0;
var snow = 0;
var sw = 0;
var cnt = 0;
var dir = 1;
var tr = 1;
var photo = new Image;
var fermeture = new Image;
fermeture.src = "../images/cross.png";

// Sticky caption center
function popPhoto(evt,photo,largeur,hauteur,title,langue) {
	stc(2,photo,largeur,hauteur,title,langue);
}

// Simple popup
function dts(d,photo,largeur,hauteur) {
	txt = "<TABLE WIDTH="+largeur+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD><FONT FACE=\"Arial,Helvetica\" COLOR=\""+textcolor+"\" SIZE=\"-2\"><img src=\""+photo+"\" width=\""+largeur+"\" height=\""+hauteur+"\"></FONT></TD></TR></TABLE></TD></TR></TABLE>"
	AfficheLayer(txt);
	dir = d;
	display(largeur);
}

// Sticky
function stc(d,photo,largeur,hauteur,title,langue) {
    photo.src = photo;
	sw = 1;
	cnt = 0;
	if (langue == 'en')
//		txt = "<table width="+largeur+" border=0 cellpadding="+border+" cellspacing=0 bgcolor=\""+backcolor+"\"><tr><td><table width=100% border=0 cellpadding=0 cellspacing=0 bgcolor=\""+fcolor+"\"><tr><td><span class=\"texte-moyen\" style=\"font-weight:bold;color:"+textcolor+"\">"+title+"</span></td><td align=\"right\" valign=\"top\"><a href=\"javascript:void(0)\" onClick=\"cClique();\"><img name=\"fermeture\" src=\"../images/cross.png\" border=\"0\" alt=\"Closure of the photo\"></a></td></tr></table><table width=100% border=0 cellpadding=1 cellspacing=0 bgcolor=\""+fcolor+"\"><tr><td><span id=\"PST\"><font color=\""+textcolor+"\"><img name=\"photo\" src=\""+photo+"\" width=\""+largeur+"\" height=\""+hauteur+"\" alt=\""+title+"\"></font><span></td></tr></table></td></tr></table>";
		txt = "<div id='popEntete' style='width:"+largeur+"px; background-color:#CCCCCC;border:1px' onmouseover=\"this.style.background='#6B90D4'\" onmouseout=\"this.style.background='#CCCCCC'\" ><table border=\"0\" cellpadding=\""+border+"\" cellspacing=\"0\" style='width:100%;font-weight:bold;color:#FFFFFF;font-size:10pt'><tr><td>"+title+"</td><td align='right' valign='top'><a href=\"javascript:void(0)\" onClick=\"cClique();\"><img name=\"fermeture\" src=\"dictionnaire/images/cross.png\" border=\"0\" alt=\"Closure of the photo\" title=\"Closure of the photo\"></a></td></tr></table></div><div style='width:100%;background-color:"+fcolor+";clear: both;'><span id=\"PST\"><img name=\"photo\" src=\""+photo+"\" width=\""+largeur+"\" height=\""+hauteur+"\" alt=\""+title+" \"><span></div>";
	else
//		txt = "<table width="+largeur+" border=0 cellpadding="+border+" cellspacing=0 bgcolor=\""+backcolor+"\"><tr><td><table width=100% border=0 cellpadding=0 cellspacing=0 bgcolor=\""+fcolor+"\"><tr><td><span class=\"texte-moyen\" style=\"font-weight:bold;color:"+textcolor+"\">"+title+"</span></td><td align=\"right\" valign=\"top\"><a href=\"javascript:void(0)\" onClick=\"cClique();\"><img name=\"fermeture\" src=\"../images/cross.png\" border=\"0\" alt=\"Fermeture de la photo\"></a></td></tr></table><table width=100% border=0 cellpadding=1 cellspacing=0 bgcolor=\""+fcolor+"\"><tr><td><span id=\"PST\"><font color=\""+textcolor+"\"><img name=\"photo\" src=\""+photo+"\" width=\""+largeur+"\" height=\""+hauteur+"\" alt=\""+title+"\"></font><span></td></tr></table></td></tr></table>";
		txt = "<div id='popEntete' style='width:"+largeur+"px; background-color:#CCCCCC;border:1px' onmouseover=\"this.style.background='#6B90D4'\" onmouseout=\"this.style.background='#CCCCCC'\" ><table border=\"0\" cellpadding=\""+border+"\" cellspacing=\"0\" style='width:100%;font-weight:bold;color:#FFFFFF;font-size:10pt'><tr><td>"+title+"</td><td align='right' valign='top'><a href=\"javascript:void(0)\" onClick=\"cClique();\"><img name=\"fermeture\" src=\"dictionnaire/images/cross.png\" border=\"0\" alt=\"Fermeture de la photo\" title=\"Fermeture de la photo\"></a></td></tr></table></div><div style='width:"+largeur+";background-color:"+fcolor+";clear: both;'><span id=\"PST\"><img name=\"photo\" src=\""+photo+"\" width=\""+largeur+"\" height=\""+hauteur+"\" alt=\""+title+" \"><span></div>";
//	txt = "<table width=\""+largeur+"\" border=\"0\" cellpadding=\""+border+"\" cellspacing=\"0\" bgcolor=\""+backcolor+"\"><tr><td><div style=\"background-color:"+fcolor+"; height:17px; width:100%\"><div style=\"float:left;padding:0 \"><span class=\"texte-moyen\" style=\"font-weight:bold;color:"+textcolor+"\">"+title+"</span></div><div style=\"background-color:"+fcolor+";float:right;padding:0\"><a href=\"javascript:void(0)\" onClick=\"cClique();\" ><img src=\"../images/cross.png\" border=\"0\" alt=\"Fermeture de la photo\"></a></div></div><div style=\"padding:0\"><img src=\""+photo+"\" width=\""+largeur+"\" height=\""+hauteur+"\" alt=\""+title+"\"></div></td></tr></table>";
	AfficheLayer(txt);
	dir = d;
	display(largeur);
	snow = 0;
}

// Common calls
function display(width)
{
	if (snow == 0) 
	{
		if ( (ns4) || (ie) || (ns6))
		{
			if (ns4) MontreObjet(document.popBox,width);
			if (ie) MontreObjet(popBox.style,width);
			if (ns6) MontreObjet(document.getElementById("popBox").style,width);
		}
		snow = 1;
	}
}

// The Close onMouseOver function for Sticky
function cClique() {
if ( (ns4) || (ie) || (ns6)) {
	if (ns4) CacheObjet(document.popBox)
	if (ie) CacheObjet(popBox.style)
	if (ns6) CacheObjet(document.getElementById("popBox").style)
}
//	CacheObjet(over);
	snow=0;
}

// Writes to a layer
function AfficheLayer(txt) {
        if (ns4) {
                var lyr = document.popBox.document
                lyr.write(txt)
                lyr.close()
        }
        else if (ie) document.all["popBox"].innerHTML = txt
        else if (ns6) document.getElementById("popBox").innerHTML = txt
}

function getLeft(MyObject)
//Fonction permettant de connaître la position d'un objet
//par rapport au bord gauche de la page.
//Cet objet peut être à l'intérieur d'un autre objet.
    {
    if (MyObject.offsetParent)
        return (MyObject.offsetLeft + getLeft(MyObject.offsetParent));
    else 
        return (MyObject.offsetLeft);
    } 
function getTop(MyObject)
//Fonction permettant de connaître la position d'un objet
//par rapport au bord haut de la page.
//Cet objet peut être à l'intérieur d'un autre objet.
    {
    if (MyObject.offsetParent)
        return (MyObject.offsetTop + getTop(MyObject.offsetParent));
    else
        return (MyObject.offsetTop);
    }

// Make an object visible
function MontreObjet(obj,largeur)
{
	if (ns6)
	{
		//pos = document.getElementById("definition");
		pos = document.getElementById("popBox");
		DivLeft = getLeft(pos);
		DivTop = getTop(pos);
		document.getElementById("popBox").style.left = DivLeft+'px';
		document.getElementById("popBox").style.top = DivTop+'px';
	}
	else if (ie) 
	{
		obj.top = definition.scrollTop;

		pos = document.all['definition'];
		DivLeft = getLeft(pos);
		DivTop = getTop(pos);
		document.all["popBox"].style.posLeft = DivLeft;
		document.all["popBox"].style.posTop = DivTop;
	}
	else if (ns4)
	{
		pos = document.anchors["definition"];
		DivLeft = pos.x;
		DivTop = pos.y;
		document.layers["popBox"].pageX = DivLeft;
		document.layers["popBox"].pageY = DivTop;
	}
	initDrag();
	obj.visibility = "visible"
}

// Hides an object
function CacheObjet(obj)
{
	obj.visibility = "hidden"
}

//Init des variables,des Divs-Layers, et du onmousedown
function initDrag()
{
	if (ie)
	{
		// lance deplace quand on appuie sur le bouton de la souris
		popEntete.onmousedown= deplace;
	}
	else if (ns4)
	{
		// lance deplace quand on appuie sur le bouton de la souris
		document.captureEvents(Event.MOUSEDOWN);
		document.onmousedown=deplace;
	}
	else if (ns6)
	{
		// lance deplace quand on appuie sur le bouton de la souris
		document.getElementById("popEntete").addEventListener("mousedown",deplace, false);
	}
}
// Paramétrage du déplacement des Divs-Layers et des onmousemove & onmouseup pendant le onmousedown
// le (e) indique au programme qu'il utilise les évenements.
function deplace(e)
{
	if (ie)
	{
		//Récupération de la position de la souris
		window.lastX=event.clientX; 
		window.lastY=event.clientY;
		// lance doDrag tant que l'on appuie sur le bouton de la souris en la bougeant
		document.onmousemove=doDrag;
		// lance endDrag quand on relache le bouton de la souris
		document.onmouseup=endDrag;
	}
	else if (ns4)
	{
		//Récupération de la position de la souris
		window.lastX=e.pageX;
		window.lastY=e.pageY;
		// lance doDrag tant que l'on appuie sur le bouton de la souris en la bougeant
		document.captureEvents(Event.MOUSEMOVE)
		document.onmousemove=doDrag;
		// lance endDrag quand on relache le bouton de la souris
		document.captureEvents(Event.MOUSEUP)
		document.onmouseup=endDrag;
	}
	else if (ns6)
	{
		//Récupération de la position de la souris
		window.lastX=e.clientX;
		window.lastY=e.clientY;
		// lance doDrag tant que l'on appuie sur le bouton de la souris en la bougeant
		window.onmousemove=doDrag;
		// lance endDrag quand on relache le bouton de la souris
		window.onmouseup=endDrag;
	}
}
// Déplacement des Divs-Layers
function doDrag(e)
{
	if (ie)
	{
		// Calcul de l'écart de position de la souris
		var difX=event.clientX-window.lastX;
		var difY=event.clientY-window.lastY;
		//Récupération de la position du div et ajout de l'écart de position de la souris
		var newX1 = parseInt(popBox.style.left)+difX;
		var newY1 = parseInt(popBox.style.top)+difY;
		// Assignation des nouvelles coordonnées au div
		popBox.style.left=newX1+"px";
		popBox.style.top=newY1+"px";
		//Assignation de l'anciènne position de la souris
		window.lastX=event.clientX;
		window.lastY=event.clientY;
	}
	else if (ns4)
	{
		// Calcul de l'écart de position de la souris
		var difX=e.pageX-window.lastX;
		var difY=e.pageY-window.lastY;
		//Récupération de la position du div et ajout de l'écart de position de la souris
		var newX1 = parseInt(document.layers.popBox.left)+difX;
		var newY1 = parseInt(document.layers.popBox.top)+difY;
		// Assignation des nouvelles coordonnées au div
		document.layers.popBox.left=newX1;
		document.layers.popBox.top=newY1;
		//Assignation de l'anciènne position de la souris
		window.lastX=e.pageX;
		window.lastY=e.pageY;
	}
	else if (ns6)
	{
		// Calcul de l'écart de position de la souris
		var difX=e.clientX-window.lastX;
		var difY=e.clientY-window.lastY;
		//Récupération de la position du div et ajout de l'écart de position de la souris
		var newX1 = parseInt(document.getElementById("popBox").style.left)+difX;
		var newY1 = parseInt(document.getElementById("popBox").style.top)+difY;
		// Assignation des nouvelles coordonnées au div
		document.getElementById("popBox").style.left=newX1+"px";
		document.getElementById("popBox").style.top=newY1+"px";
		//Assignation de l'anciènne position de la souris
		window.lastX=e.clientX;
		window.lastY=e.clientY;
	} 
}
function endDrag(e)
{
	if (ie || ns4)
	{
		//Réinitialisation du onmousemove
		document.onmousemove=null;
	}
	else if (ns6)
	{
		//Réinitialisation du onmousemove
		window.onmousemove=null;
	}
}