// ***********************************************************************
// AFFICHAGE D'UNE IMAGE EN SURIMPRESSION SUR LA PAGE 
// ***********************************************************************

// PARAMETRES
var _dir_images = "\photos/"; // répertoire de l'image à afficher
var _couleur_fond = "#000000"; // couleur du fond
var _couleur_titre = "#FFFF99"; // couleur du titre
var _bordure_titre = "000000"; // couleur de la bordure autour du titre (pas de bordure indiquer : "")
var _police = "Arial"; // police du texte
var _id_layer = "popup";
var _haut_titre = 25; // hauteur du titre en pixels (pour déterminer la hauteur de la zone permettant le déplacement) 
var _bordure = 1; // largeur bordure
var _afficher_titre = true;

// VARIABLES GLOBALES
var nn4 = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
var obj_layer = null;
var larg_image = 0; // largeur de l'image
var cache = true;
var X,Y,moveX,moveY,offsetX,offsetY;

// création de l'objet obj_layer en fonction du navigateur :
// affecte le layer et lui donne son emplacement vertical
function init_layer(e) {
 if (dom&& (document.getElementById(_id_layer))) {
   obj_layer = document.getElementById(_id_layer).style;
   X = iex ?  e.clientX: e.clientX;
   Y = iex ?  e.clientY : e.clientY;
 }
 else if (iex&& (_id_layer)) {
   obj_layer = _id_layer.style;
   X=e.clientX;
   Y=e.clientY;
 }
 else if (nn4&& (document.layers[_id_layer])) {
   obj_layer = document.layers[_id_layer];
   X=e.pageX;
   Y=e.pageY;
 }


 if (obj_layer) {
       obj_layer.left = X;
       obj_layer.top = Y;
 }
}

function getScrollX() {
                if (navigator.appName=='Netscape') {
                                 return window.pageXOffset;
                } else {
                                 if (document.compatMode&& document.compatMode != 'BackCompat') {

                                                                   return document.documentElement.scrollLeft;                                                   
                                 } else {
                                                                   return document.body.scrollLeft;
                                 }
                }
}

function getScrollY() {
                if (navigator.appName=='Netscape') {
                                 return window.pageYOffset;
                } else {
                                 if (document.compatMode&& document.compatMode != 'BackCompat') {
                                                                   return document.documentElement.scrollTop;
                                 } else {
                                                                   return document.body.scrollTop;
                                 }
                }
}


// écrit le contenu dans le layer et le rend visible
function contenu_layer(contenu) {
 if (nn4) {
   obj_layer.document.write(contenu);
   obj_layer.document.close();
   obj_layer.visibility = "visible";
 }
 else if (dom) {
   document.getElementById(_id_layer).innerHTML = contenu;
   obj_layer.visibility = "visible";
 }
 else if (iex) {
   document.all[_id_layer].innerHTML = contenu;
   obj_layer.visibility = "visible";
 }
}

// cache le layer (seulement s'il est visible)
function fermer() {
 if (!cache) {
   obj_layer.visibility = "hidden";
   cache = true;
 }
}

// positionne correctement le layer si on a fait défilé la page
function scroll_layer() {
      obj_layer.left = parseInt(getScrollX() + X);
      obj_layer.top = parseInt(getScrollY() + Y);

}


// affiche le titre 
function affiche_titre(texte) {
 var ch_texte = "";
 // si on a défini une bordure autour du titre, on entoure celui-ci de 2 tableaux imbriqués
 // pour simuler une bordure : le 1er de la couleur de la bordure, le 2nd de la couleur du fond
 if (_bordure_titre) {  
   ch_texte += "<tr><td><table width='100%' cellspacing='1' cellpadding='0' border='0' bgcolor='" + _bordure_titre + "'><tr><td>";
   ch_texte += "<tr><td><table width='100%' cellspacing='0' cellpadding='0' border='0' bgcolor='" + _couleur_fond + "'><tr><td>";
 }
 // on écrit le titre
 ch_texte += "<tr><td align='center'" + (nn4 ? ">" : " width='100%'>") + "<font color='" + _couleur_titre + "' face='" + _police + "' size='2'>" + texte + "</font></td>";
 ch_texte += "</tr>";
 if (_bordure_titre) ch_texte += "</table></td></tr></table></td></tr>";
 return ch_texte;
}

// affiche un sous-titre (en bas de la page)
function affiche_soustitre(texte) {
 return "<tr><td align='center'" + (_bordure_titre ? " colspan='2'>" : ">") + "<font color='" + _couleur_titre + "' face='" + _police + "' size='2'>" + texte + "</font></td></tr>";
}
 
// affiche une image en surimpression
// avec un texte au-dessus 
// 3 arguments : le fichier image, le titre (en haut) et l'evenement
function afficher_image(fimage, titre, e) {
 // reinitialise le layer
 init_layer(e);
 // si le layer existe, on affiche titre et image dans un tableau de fond _couleur_fond (défini dans les paramètres)
 if (obj_layer) {
   cache = false;
   var ch_texte = "<table cellspacing='0' cellpadding='" + _bordure + "' border='0' bgcolor='" + _couleur_fond + "'>";
   // affiche le titre en haut
   if(_afficher_titre)
                    ch_texte += affiche_titre(titre);
   // affiche l'image
   ch_texte += "<tr><td align='center'" + (_bordure_titre ? " colspan='2'>" : ">") + "<img src='" + _dir_images + fimage + "' border='0' width='300'></td></tr>";
   ch_texte += "</table>";
   // replace le layer, si on a fait défilé la fenêtre
   scroll_layer();
   // affecte ch_texte au contenu du layer
   contenu_layer(ch_texte);
 }
}