function hiddeBox(winGris, winFenetre) { // effacement du container
    if (winGris) {
        if (winFenetre) {
            winGris.removeChild(winFenetre);
        }
        if(document.getElementById("ajaxwin2").hasChildNodes()) document.getElementById("ajaxwin2").removeChild(winGris);
        if(document.getElementById("ajaxwin").hasChildNodes()) document.getElementById("ajaxwin").removeChild(winGris);
    }
    else
    {
        if(document.getElementById("ajaxwin2").hasChildNodes()) document.getElementById("ajaxwin2").removeChild(winFenetre);
        if(document.getElementById("ajaxwin").hasChildNodes()) document.getElementById("ajaxwin").removeChild(winFenetre);
    }
}

function hiddeBox2(conti,win) { // effacement du container
    var winFenetre = document.getElementById('gris');
    if(document.getElementById(conti).hasChildNodes()) {
        document.getElementById(conti).removeChild(winFenetre);
    }
}


function hiddeImage(win) { // effacement du container
    a=document.getElementById(win);
    document.getElementById("ajaxwin2").removeChild(a);
}

function modalDelete() {
    document.getElementById("delete").value = "ok";
    var a=document.getElementsByTagName("form").item(0);
    a.submit();
    return true;
}

function modalDeleteGrid() {
    var a=document.getElementsByTagName("form").item(0);
    a.submit();
    return;
}

function modalValidate() {
    document.getElementById("valid").value = "ok";
    document.getElementById("draft").value = "0"; // mode brouillon désactivé
    var a = document.getElementsByTagName("form").item(0);
    a.submit();
    return true;
}

function modalDraft() {
    document.getElementById("valid").value = "ok";
    document.getElementById("draft").value = "1"; // mode brouillon activé
    var a=document.getElementsByTagName("form").item(0);
    a.submit();
    return true;
}

var fencurIE6 = 0;

// Affichage d'une image
function imageDisplay(contid,winid,srcimage,idimage) {
    var ajaxwin = document.getElementById(contid);
    var image = document.getElementById(idimage);
    var fenetre = document.createElement("div");

    // Création de l'image
    var imageNode = document.createElement("img");
    imageNode.src = srcimage;

    // Position de l'icone
    var posimage = getPosition(image);
    var leftim = posimage.x;


    var rapport = imageNode.width / imageNode.height;
    var imageH = imageNode.height;
    if(imageNode.height > 100) {
        imageNode.height = 100;
        imageH = 100;
        imageNode.style.height = "100px";
        imageNode.width = 100 * rapport;
        imageNode.style.width = (100 * rapport)+"px";
    }

    // positionnement de l'image en vertical
    var left = leftim + 50;

    // positionnement de l'image en horizontal
    var gap = 380 - imageNode.height;
    if(gap >= 0) var top = gap / 2;

    if (navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = position;

    fenetre.id = winid;
    fenetre.style.position="fixed";
    fenetre.style.left=left+"px";

    if((y+imageH) > 800) y =  800 - imageH;
    fenetre.style.top=y+"px";

    fenetre.appendChild(imageNode)
    ajaxwin.appendChild(fenetre);
}

// Coordonnées de la souris
function position(e) {
    x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
    y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
    window.status = "Souris x:"+x+" | y:"+y;
    return y;
}


// Traitement du positionnement du message de retour pour prendre en compte les fenetres popup
function msgDisplayBox(heightretour,msg) {
    var w = screen.width;
    var h = screen.height;
    var top =heightretour-h;
    if (top <0) top = 10;
    var left = 450-w;
    if (left <0) left = 10;
    displayBox('ajaxwin','message_infos',left,top,450,heightretour,'Message',msg,1,'close');
}




// Affichage d'une fenêtre générique couvrant tous les cas d'utilisation
// contid : container supérieur dans lequel se crée la boite
// winid : nom de la fenêtre
// left, top : position à l'écran
// width, height, dimensions extérieures de la boite
// titreboite : titre de la fenêtre
// textequote : texte entant dans le corps de la boite
// bk : si TRUE écran grisé
// modal :
// flag :
// commande:
// action:
function displayBox(contid,winid,left,top,width,height,titreboite,textequote,bk,modal,flag,commande, action) {
    // Test si boîte déjà ouverte
    // Si cette fenêtre existe déjà on en ouvre pas une nouvelle...
    if (document.getElementById("insertion"+winid)) return;

    // Traitement des quotes du texte
    var textea = textequote.replace(/%quote/g,"'");
    var texte = textea.replace(/%guill/g,'"');

    // Passage des hauteurs et largeurs de base
    initDim(height,width);

    // Container supérieur AJAXWIN2 ----------------------------------------------------------------
    var ajaxwin = document.getElementById(contid);

    // Container GRIS ------------------------------------------------------------------------------
    var gris = document.getElementById('gris');
    if (!gris) {
        var gris = document.createElement("div");
        gris.id = "gris";
        gris.className = "greybox";
    }
    // Grisé derrière la boîte et sur toute la surface de l'écran'
    if(bk==1) {
        gris.style.background = "url(fileadmin/templates/img/fond01.png) repeat left top";
        gris.style.width = screen.width + "px";
        gris.style.height = screen.height + "px";
    }


    // Container FENETRE ---------------------------------------------------------------------------
    var fenetre = document.createElement("div");
    fenetre.id = winid;
    fenetre.style.left=left+"px";
    fenetre.style.top=top+"px";
    fenetre.className = "genericbox";

    // ===================== DEBUT
    // MPS le 16/10/09: Le redimensionnment automatique de la fenêtre est
    // temporairement désactivé, pour permettre d'afficher l'aide avec une largeur fixe.
    // Se pourrait être un paramètre par exemple ...
    if(isIE7 || isIE6) {
        fenetre.style.width=width+"px";
        fenetre.style.height=height+"px";
    }
    else { // pour tous les vrais navigateurs
        //if(fenetre.offsetWidth > width && width !=0) fenetre.style.width=width+"px";
        fenetre.style.width=width+"px";
        if(fenetre.offsetHeight > height && height !=0) fenetre.style.height=height+"px";
    }
    // ====================== FIN

    // Positionnement fenêtre pour IE6, pas de déplacement ni redimensionement
    if(isIE6) {
        ajaxwin.position="absolute";

        if(fencurIE6 == 0) {
            var rt = document.getElementById('ajaxwin2');
            var fencur = getPosition(rt);
            fencurIE6 = fencur.y;
        }
        ajaxwin.style.top=((fencurIE6*-1)+200)+"px";
        var r = (screen.width - width)/2;
        ajaxwin.style.left=r.toString() + "px";
        gris.style.width="1px";
        gris.style.height="1px";
    }


    // Création du tableau titre/image -----------------------------------------
    var boxtitle = document.createElement("table");
    boxtitle.id = "boxtitle";
    boxtitle.style.width = "100%";
    boxtitle.style.height = "20px";
    var tbody = document.createElement("tbody");
    var lignetitre = document.createElement("tr");
    var titre = document.createElement("th");
    titre.className = "genericboxtitle";
    titre.style.width = "95%";
  
    if(titreboite) titre.id = "titrebox";
    titre.appendChild(document.createTextNode(titreboite));
    lignetitre.appendChild(titre);

    // Image
    if(modal == 'accept') {
        // Le croix de fermeture n'apparait pas en mode 'acceptation'
        modal = "";
        titre.style.width = "100%";
    }
    else {
        //pour ne pas faire apparaître le bouton de fermeture lorsque nous sommes dans une fenetre popup
        //pour le moment le nom de la fenetre est utilisée
        //par contre même dans une fenêtre popup les boite contrôle du formulaire doivent pouvoir se fermer.
        if( ((window.name != 'NewGuardian')
            && (window.name != 'NouvellePartition')
            && (window.name != 'NouveauJure')
            && (window.name != 'popup'))
        || (titreboite == 'Controle du formulaire')){
            var btclose = document.createElement("th");
            btclose.width = "5%";
            btclose.className="boximage";

            var imgNode = document.createElement("img");
            imgNode.src = "fileadmin/templates/img/remove.png";
            imgNode.style.margin = "0 0 0 0";

            // Suppresion de la boite fenetre
            addEvent(imgNode,"click",function (){
                hiddeBox(gris,fenetre)
            });
            btclose.appendChild(imgNode);
            lignetitre.appendChild(btclose);
        }
        else{
            var btclose = document.createElement("th");
            btclose.width = "5%";
            btclose.className="boximage";
            lignetitre.appendChild(btclose);
        }
    }

    // Assemblage table à la boite

    tbody.appendChild(lignetitre);
    boxtitle.appendChild(tbody);
    fenetre.appendChild(boxtitle);


    // Affichage du message ------------------------------------------------------------------------
    var ctext = document.createElement("div");
    ctext.style.padding='15px';
    ctext.style.overflow='auto';
    //ctext.style.width="100%";
    // On ne définit pas la hauteur si modal ou flag pour laisser la place pour le modal et le flag
    if (!modal && !flag) {
        ctext.style.height=(height * 0.9)+"px";
    }

    ctext.id = "insertion"+winid;
    // Assemblage à la boite
    fenetre.appendChild(ctext);


    // Table pour ajout de boutons suivant valeur de 'modal' ---------------------------------------
    // submit form ou cancel (cas des brouillons ou des 'delete')
    // La table 'modal' est toujours affichée même sans les boutons pour le redimensionnement
    var boxmodal = document.createElement("table");
    boxmodal.style.width = "100%";
    var tbodymodal = document.createElement("tbody");
    var lignemodal = document.createElement("tr");
    var yesmodalalign = document.createElement("td");
    yesmodalalign.style.width = "25%";
    lignemodal.appendChild(yesmodalalign);

    // On affiche les boutons validation et cancel uniquement si ils sont demandés ...
    if ((action) && (commande)) {
        if(isIE7 || isIE6) fenetre.style.height=parseInt(width+80)+"px";
        // bouton Validation
        lignemodal.appendChild(buttonValid(action, commande, gris));

        // Bouton Cancel
        lignemodal.appendChild(buttonCancel(gris));
    }

    // Validation
    var yesmodal = document.createElement("td");
    if (modal =='close') {
        yesmodal.style.textAlign = "center";
        yesmodal.style.paddingLeft = "40px";
    }
    else {
        yesmodal.style.width = "33%";
        yesmodal.id = "yesmodal";
    }

    if(modal) {
        if(isIE7 || isIE6) {
            fenetre.style.height = parseInt(width) + 40 + "px";
        }
        var imgNode = document.createElement("img");
        imgNode.src = "fileadmin/templates/img/valid.png";

        if (modal=='valid')
            addEvent(imgNode,"click",function (){
                modalValidate()
            });

        if (modal=='draft')
            addEvent(imgNode,"click",function (){
                modalDraft()
            });

        if (modal=='delete')
            addEvent(imgNode,"click",function (){
                modalDelete()
            });

        if (modal=='deletegrid')
            addEvent(imgNode,"click",function (){
                modalDeleteGrid()
            });
            

        if (modal=='close')
            addEvent(imgNode,"click",function (){
                hiddeBox(gris,fenetre)
            });

        addEvent(imgNode,"click",function (){
            closePopup();
        });

        imgNode.className = "cursor";
        yesmodal.appendChild(imgNode);
        lignemodal.appendChild(yesmodal);
    }

    // Drapeau
    if(flag) {
        var imgNode = document.createElement("img");
        imgNode.src = 'fileadmin/templates/img/'+flag;
        yesmodal.appendChild(imgNode);
        lignemodal.appendChild(yesmodal);
        yesmodalalign.style.width = "45%"; // pour centrer l'image
    }


    // Cancel
    var nomodal = document.createElement("td");
    nomodal.style.width = "33%";
    if(modal && modal != 'close') {
        var imgNode = document.createElement("img");
        imgNode.src = "fileadmin/templates/img/cancel.png";
        addEvent(imgNode,"click",function (){
            hiddeBox(gris,fenetre)
        });
        imgNode.className = "cursor";
        nomodal.appendChild(imgNode);
    }
    lignemodal.appendChild(nomodal);
    tbodymodal.appendChild(lignemodal);
    boxmodal.appendChild(tbodymodal);
    fenetre.appendChild(boxmodal);


    // Assemblage au container supérieur -----------------------------------------------------------
    gris.appendChild(fenetre);
    ajaxwin.appendChild(gris);
    premier_plan(fenetre);


    if ((isWebKit && (ua.indexOf('4.0.3',0)) !== -1) || (-1 == ua.indexOf('safari',0))) {
        // Evènements
        if (isIE6 == true) {
        // pas de déplacement
        }
        else {
            addEvent(ajaxwin,"mousemove", function (event){
                deplacer_fenetre(event, fenetre)
            });
            addEvent(titre,"mouseout", function (){
                arreter_deplacement()
            });
            addEvent(titre,"mousedown",function (event){
                commencer_deplacement(event,fenetre)
            });
            addEvent(fenetre,"mouseup", function (){
                arreter_deplacement()
            });
        }
    }

    // Insertion du texte en HTML ou non
    document.getElementById("insertion"+winid).innerHTML=texte;
    return;
}


function chercher(url, fenetre){
    alert('Appel de la fonction chercher() : affichée depuis oa_genericbox.js');
}

function filtrer(url, fenetre){
    alert('Appel de la fonction filtrer() : affichée depuis oa_genericbox.js');
}

//ancienne fenetre
function configurer(url, fenetre){
    var a = document.getElementById("coladd").value;
    var b = document.getElementById("coldel").value;
    var c = document.getElementById("nbrecpage").value;
    try
    {
        var d = document.getElementById("etat").value;
    }
    catch(e) {};

    var url2 = '';

    if(a != 0) url2 += "&addcol="+a;
    if(b != 0) url2 += "&delcol="+b;
    if(c != 0) url2 += "&rowperpage="+c;
    if(d != 0) url2 += "&archive="+d;


    if(url2 != '') redirext(url+url2);
    else hiddeBox('',fenetre);

    return true;
}


//Bouton valid
function buttonValid(action, commande, fenetre){
    var yesmodal = document.createElement("td");
    yesmodal.style.width = "33%";

    var imgNode = document.createElement("img");
    imgNode.src = "fileadmin/templates/img/valid.png";

    /* addEvent(imgNode, "click", function (){
               modalSubmit(commande, fenetre);
            });*/


    switch(commande){
        case 'chercher':
            addEvent(imgNode, "click", function (){
                chercher(action, fenetre);
            });
            break;

        case 'filtrer':
            addEvent(imgNode, "click", function (){
                filtrer(action, fenetre);
            });
            break;

        case 'configurer':
            addEvent(imgNode, "click", function (){
                configurer(action, fenetre);
            });
            break;

        default :
            addEvent(imgNode, "click", function (){
                alert('Commande ' + commande + ' inconnue, appelée depuis la méthode displayToolBox() de oa_genericbox.js')
            });
    }

    imgNode.className = "cursor";
    yesmodal.appendChild(imgNode);

    return yesmodal;
}

// Bouton Cancel : bouton qui ferme la fenetre passée en parametre
function buttonCancel(fenetre){
    var nomodal = document.createElement("td");
    nomodal.style.width = "33%";

    var imgNode = document.createElement("img");
    imgNode.src = "fileadmin/templates/img/cancel.png";
    addEvent(imgNode,"click",function (){
        hiddeBox('',fenetre)
    });
    imgNode.className = "cursor";
    nomodal.appendChild(imgNode);

    return nomodal;
}



function closePopup(){
    switch(window.name){
        case 'NewGuardian':
            //Si la fenêtre popup est celle qui permet la saisie d'un nouveau tuteur
            //On exécute un appel ajax depuis la fenêtre d'origine.
            window.opener.readDB4ajax('updateGridGuardian;'+window.opener.etudiant);
            window.close();
            break;

        case 'NouvellePartition':
            window.opener.convoquer('oa_categories_sections_uid_exa',
                'oa_examen_detail',
                window.opener.pid,
                window.opener.rU);
            window.close();
            break;

        case 'NouveauJure':
            window.opener.readDB4ajax('updategridjure;'+window.opener.rU);
            window.close();
            break;

        case 'popup':
            window.close();
            break;
    }
}