var jl_ua=navigator.userAgent.toLowerCase();
var jlGEC=(jl_ua.indexOf('gecko')!=-1) && (jl_ua.indexOf('safari')==-1);
if(!jlGEC){var jlFF=0;}else{var jlFF=(parseFloat(jl_ua.split('rv:')[1])>=1);};
var NS4=(document.layers);
var IE4=(document.all);
var jlDOM=(document.GetElementById);
//
var zindex=0;
var fenetre_xmargin=170;
var fenetre_ymargin=-120;
var fenetre_deplacee=0;
var fenetre_deplacee_difx=0;
var fenetre_deplacee_dify=0;
//
var xm = new Array();
var ym = new Array();
xm['aidectx']=170;
ym['aidectx']=-120;
//
function creer_fenetre(left,top,width,height) {
        var fenetre = document.createElement("div");
        fenetre.className="fenetre"; //On donne un attribut class à cette div
        fenetre.style.left=left+"px"; //Modification de l'attribut left du style de notre div
        fenetre.style.top=top+"px";
        fenetre.style.width=width+"px";
        fenetre.style.height=height+"px";
        addEvent(fenetre,"mousedown",function (){premier_plan(fenetre)});
        //
        //On créé de la même manière la div "haut":
        var haut = document.createElement("div");
        haut.className="haut";
        addEvent(haut,"mousedown",function (event){commencer_deplacement(event,fenetre)});
        addEvent(haut,"mouseup",arreter_deplacement);
        //On créé ensuite les trois div qui seront dedans:
        var haut_gauche = document.createElement("div");
        haut_gauche.className="haut_gauche";
        var haut_droite = document.createElement("div");
        haut_droite.className="haut_droite";
        var haut_centre = document.createElement("div");
        haut_centre.className="haut_centre";
        //Puis on les insère une par une dans notre bloc "haut":
        haut.appendChild(haut_gauche);
        haut.appendChild(haut_droite);
        haut.appendChild(haut_centre);
        //On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre":
        fenetre.appendChild(haut);
        //
        //On fait de même pour la div "milieu"
        var milieu = document.createElement("div");
        milieu.className="milieu";
        var milieu_gauche = document.createElement("div");
        milieu_gauche.className="milieu_gauche";
        var milieu_droite = document.createElement("div");
        milieu_droite.className="milieu_droite";
        var milieu_centre = document.createElement("div");
        milieu_centre.className="milieu_centre";
        milieu.appendChild(milieu_gauche);
        milieu.appendChild(milieu_droite);
        milieu.appendChild(milieu_centre);
        fenetre.appendChild(milieu);
        //
        //On fait de même pour la div "bas
        var bas = document.createElement("div");
        bas.className="bas";
        var bas_gauche = document.createElement("div");
        bas_gauche.className="bas_gauche";
        var bas_droite = document.createElement("div");
        bas_droite.className="bas_droite";
        var bas_centre = document.createElement("div");
        bas_centre.className="bas_centre";
        bas.appendChild(bas_gauche);
        bas.appendChild(bas_droite);
        bas.appendChild(bas_centre);
        fenetre.appendChild(bas);
        //
        premier_plan(fenetre); //On met au premier plan notre fenêtre
        document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corps
}
//
function addEvent(obj,event,fct){
     if(obj.attachEvent)
        obj.attachEvent('on' + event,fct);
     else
        obj.addEventListener(event,fct,true);
}
//
function premier_plan(fenetre) {
        zindex++; //On incrémente la variable globale
        fenetre.style.zIndex=zindex; //On affecte sa valeur au z-index de la fenetre concernée
}
//
function commencer_deplacement(ev,fenetre) {
        fenetre_deplacee=fenetre; //On définit quelle fenêtre est en cours de déplacement
        old_mouseCoords=mouseCoords(ev); //On récupère la position de la souris
        old_windowCoords=getPosition(fenetre); //Et la position de notre fenêtre
        //On stocke les différences dans les variables globales
        fenetre_deplacee_difx=old_mouseCoords.x-old_windowCoords.x;
        fenetre_deplacee_dify=old_mouseCoords.y-old_windowCoords.y;
}
//
function arreter_deplacement() {
        fenetre_deplacee=0; //La variable vaut 0
}
//
function deplacer_fenetre(ev) {
        if(fenetre_deplacee!=0) {
                var souris=mouseCoords(ev);
                fenetre_deplacee.style.left=(souris.x-fenetre_deplacee_difx)+'px'; //On soustrait l'abscisse du curseur par rapport au coin gauche de la fenêtr
                fenetre_deplacee.style.top=(souris.y-fenetre_deplacee_dify)+'px'; //On fait de même avec l'ordonnée
        }
}
//
function mouseCoords(ev){
        if(ev.pageX || ev.pageY){
                return {x:ev.pageX, y:ev.pageY};
        }
        return {
                x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
                y:ev.clientY + document.body.scrollTop  - document.body.clientTop
        };
}
//
function getPosition(e){
        var left = 0;
        var top  = 0;
        while (e.offsetParent){
                left += e.offsetLeft;
                top  += e.offsetTop;
                e     = e.offsetParent;
        }
        left += e.offsetLeft;
        top  += e.offsetTop;
        return {x:left+fenetre_xmargin, y:top+fenetre_ymargin};
}
//
function jlbmn_ini_fenetres()
{
        if(document.getElementById('aidectx'))
        {
         fenetre_xmargin=xm['aidectx'];
         fenetre_ymargin=ym['aidectx'];
         afenetre=document.getElementById('aidectx');
         afenetre.style.left=(document.body.clientWidth/2)+'px';
         ahaut=document.getElementById('aidehaut');
         addEvent(ahaut,'mousedown',function (event){commencer_deplacement(event,afenetre)});
         addEvent(ahaut,'mouseup',arreter_deplacement);
        };
}
//
function jlbmnAffOuiNon(jlelaff,onoff)
{
 if(IE4||jlDOM||jlFF)
 {
  if(onoff==2)
  {
   if(document.getElementById(jlelaff).style.display=="none")
   {
    onoff=1;
   }
   else
   {
    onoff=0;
   };
  };
  if(onoff==1)
  {
   document.getElementById(jlelaff).style.display="inline";
   if(xm[jlelaff])
   {
    fenetre_xmargin=xm[jlelaff];
    fenetre_ymargin=ym[jlelaff];
   };
   if(document.getElementById(jlelaff+'0'))
   {
    document.getElementById(jlelaff+'0').style.display="inline";
    document.getElementById(jlelaff+'1').style.display="none";
   };
  }
  else
  {
   document.getElementById(jlelaff).style.display="none";
   if(document.getElementById(jlelaff+'0'))
   {
    document.getElementById(jlelaff+'0').style.display="none";
    document.getElementById(jlelaff+'1').style.display="inline";
   };
  };
 };
}
//
window.onload=jlbmn_ini_fenetres;