// PARAMETRES
var _xlayer = 150; // position du bord gauche du layer relativement à la page
var _ylayer = 150; // position du bord haut du layer relativement à la page
var _couleur_fond = "#FFFFFF"; // couleur du fond
var _couleur_titre = "#0000FF"; // couleur du titre
var _bordure_titre = "#E0E0E0"; // couleur de la bordure autour du titre 
var _police = "Verdana,Arial,Helvetica,sans serif"; // police du texte
var _bouton_fermer = "images/fermer.gif"; // bouton fermer la fenêtre

// VARIABLES GLOBALES
var nn4 = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
var obj_layer = null;
var cache = true;
var X,Y,moveX,moveY,offsetX,offsetY;
var b_traine = false;

function init_layer() {
  if (dom && (document.getElementById(_id_layer))) {
    obj_layer = document.getElementById(_id_layer).style;
    X = iex ?  "event.clientX": "e.clientX";
    Y = iex ?  "event.clientY" : "e.clientY";
    offsetX = (iex) ? "document.body.scrollLeft" : "pageXOffset";
    offsetY = (iex) ? "document.body.scrollTop" : "pageYOffset";
  }
  else if (iex && (_id_layer)) {
    obj_layer = _id_layer.style;
    X="event.clientX";
    Y="event.clientY";
    offsetX="document.body.scrollLeft";
    offsetY="document.body.scrollTop";
  }
  else if (nn4 && (document.layers[_id_layer])) {
    obj_layer = document.layers[_id_layer];
    X="e.pageX";
    Y="e.pageY";
    offsetX="pageXOffset";
    offsetY="pageYOffset";
    document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE|Event.MOUSEUP);
  }
  if (obj_layer) {
    obj_layer.left = _xlayer;
    obj_layer.top = _ylayer;
  }
}

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";
  }
}

function fermer() {
  if (!cache) {
    obj_layer.visibility = "hidden";
    cache = true;
  }
}

function scroll_layer() {
    if (document.all) {
        obj_layer.left = parseInt(document.body.scrollLeft + _xlayer);
        obj_layer.top = parseInt(document.body.scrollTop + _ylayer);
    }
    else {
        obj_layer.left = parseInt(window.pageXOffset + _xlayer);
        obj_layer.top = parseInt(window.pageYOffset + _ylayer);
    }
}

function affiche_titre(texte) {
  var ch_texte = "";
  ch_texte += "<tr><td><table width='100%' cellspacing='0' cellpadding='0' border='0' bgcolor='" + _bordure_titre + "'>";
  ch_texte += "<tr style='cursor:default'><td align='center'" + (nn4 ? ">" : " width='100%' height='20' valign='center'>") + "<font color='" + _couleur_titre + "' face='" + _police + "' size='2'><b> &nbsp; " + texte + " &nbsp; </b></font></td>";
  ch_texte += "<td align='right' valign='center'><a href='javascript:fermer()'><img src='" + _bouton_fermer + "' border='0' alt='Cliquez ici pour fermer cette fenêtre'></a></td></tr>";
  if (_bordure_titre) ch_texte += "</table></td></tr>";
  return ch_texte;
}

function agrandir_image(fimage, titre, nom_layer) {
  fermer();
  _id_layer = nom_layer;
  init_layer();
  if (obj_layer) {
    cache = false;
    var ch_texte = "<table cellspacing='0' cellpadding='0' border='1' bgcolor='" + _couleur_fond + "'>";
    ch_texte += affiche_titre(titre);
    ch_texte += "<tr><td align='center'" + (_bordure_titre ? " colspan='2'>" : ">") + "<br>&nbsp;&nbsp;&nbsp;<img src='" + fimage + "' border='0' alt=''>&nbsp;&nbsp;&nbsp;<br>&nbsp;</td></tr>";
    ch_texte += "</table>";
    scroll_layer();
    contenu_layer(ch_texte);
  }
}

function init_traine(e) {
  if (obj_layer && !cache) {
    var Xin = eval(X);
    var Yin = eval(Y);
    var L = parseFloat(obj_layer.left);
    var T = parseFloat(obj_layer.top);
    var offX = (nn4)? 0 : eval(offsetX);
    var offY = (nn4)? 0 : eval(offsetY);
    if (Xin>(L-offX) && Xin<(L-offX+400) && Yin>(T-offY) && Yin<(T-offY+25)) {
      b_traine = true;
      moveX=Xin-L;
      moveY=Yin-T;
    }
    else b_traine = false;
  }
  else b_traine = false;
}

function stop_traine() {
  if (b_traine) {
    moveX = null;
    moveY = null;
    b_traine = false;
  }
}

function traine_layer(e) {
  if (b_traine) {
    var Xin = eval(X);
    var Yin = eval(Y);
    obj_layer.top = Yin - moveY;
    obj_layer.left = Xin - moveX;
  }
}

document.onmousedown=init_traine;
document.onmousemove=traine_layer;
document.onmouseup=stop_traine;