// JScript File
// Written for BFD SA, by Jerome Lacambra
// Version : 1.1.0
//
var gcstrVERTBFD ="#0c3d08";
//---DivSsMenu---//
function DivSsMenu(p_bAccueil, p_nDivSsMenu){
    var strElt, strText, strStyleDiv, strClassAstrStyleBordTD;
        
    strStyleBord ="border-width:1px; border-style:solid; border-color:"+ gcstrVERTBFD+ ";";
    
    strElt="div";
    if(p_bAccueil){
        strStyleDiv = "background-color: White";
        strClassA = "ssTitreTexteMenu";
    }
    else{
        strStyleDiv = "background-color: White";
        strClassA = "ssTitreTexteMenu";
    }
    
    switch(p_nDivSsMenu){
        case 0 :
            if(gbIE)
                //Nous ne définissons pas l'attribut height car il sera obtenu dans showDivSsMenu
                //puisqu'une taille en % n'est pas prise en compte par IE
                strElt ="<div id=\"divssmenu0\" class=\"divSsMenu\" style=\"z-index: 10; width: 100%;\" onmouseover=\"hideDivSsMenu()\">";
            else{
                strStyleDiv ="z-index: 10; width: 100%; height: 80%;";
            }
            strText = "";
            break;
        case 1 ://Actualités BFD Management
            strElt ="";
            strText ="";
            break;
        case 2 ://Présentation
            if(gbIE)
                strElt ="<div id=\"divssmenu2\" class=\"divSsMenu\" style=\""+ strStyleDiv+ "\">";
                
            strText ="<table style=\""+ strStyleBord+ "\" cellspacing=\"0\" cellpadding=\"2\">" +
                "<tr><td><a href=\"/Presentation/QuiSommesNous.htm\" class=\""+ strClassA+ "\">Qui sommes nous ?</a></td></tr>" +
                "<tr><td><a href=\"/Presentation/GererConnaissances.htm\" class=\""+ strClassA+ "\">Pourquoi gérer les connaissances ?</a></td></tr>" +
                "<tr><td><a href=\"/Presentation/CultivezConnaissances.htm\" class=\""+ strClassA+ "\">Cultivez vos connaissances</a></td></tr>" +
                "<tr><td><a href=\"/Presentation/Vision.htm\" class=\""+ strClassA+ "\">Notre vision</a></td></tr>" +
                "</table>";
            break;
        case 3 ://Offre
            if(gbIE)
                strElt ="<div id=\"divssmenu3\" class=\"divSsMenu\" style=\""+ strStyleDiv+ "\">";
            
            strText ="<table style=\""+ strStyleBord+ "\" cellspacing=\"0\" cellpadding=\"2\">" +
                "<tr><td><a href=\"/Offre/Formation/Planning.htm\" class=\""+ strClassA+ "\">Planning des formations</a></td></tr>" +
                "<tr><td><a href=\"/Offre/Formation/Plaquette.htm\" class=\""+ strClassA+ "\">Obtenir les plaquettes des formations</a></td></tr>" +
                "<tr><td><a href=\"/Offre/Mission.htm\" class=\""+ strClassA+ "\">Mission</a></td></tr>" +
                "<tr><td><a href=\"/Offre/Demarche.htm\" class=\""+ strClassA+ "\">Démarche</a></td></tr>" +
                "<tr><td><a href=\"/Offre/Interventions.htm\" class=\""+ strClassA+ "\">Exemples d'interventions</a></td></tr>" +
                "<tr><td><a href=\"/Offre/ReflexionsMethodo.htm\" class=\""+ strClassA+ "\">Réflexions méthodologiques</a></td></tr>" +
                "</table>";
            break;
        case 4 ://Publications
            if(gbIE)
                strElt ="<div id=\"divssmenu4\" class=\"divSsMenu\" style=\""+ strStyleDiv+ "\">";
            
            strText ="<table style=\""+ strStyleBord+ "\" cellspacing=\"0\" cellpadding=\"2\">" +
                "<tr><td><a href=\"/Publications/Articles.htm\" class=\""+ strClassA+ "\">Articles</a></td></tr>" +
                "<tr><td><a href=\"/Publications/CommuniquesPresse.htm\" class=\""+ strClassA+ "\">Communiqués de presse</a></td></tr>" +
                "<tr><td><a href=\"/Publications/DossiersPresse.htm\" class=\""+ strClassA+ "\">Dossiers de presse</a></td></tr>" +
                "</table>";
            break;
    }

    if(strElt!=""){
        var oElt = document.createElement(strElt);
        if(!gbIE){
            oElt.setAttribute("id", "divssmenu"+p_nDivSsMenu);
            oElt.setAttribute("class", "divSsMenu");
            oElt.setAttribute("style", strStyleDiv);
            if(p_nDivSsMenu==0){
                oElt.setAttribute("onmouseover", "hideDivSsMenu()");
            }
        }
        oElt.innerHTML = strText;
        document.body.insertBefore(oElt, document.body.firstChild);
    }
}
//---DivHeader---//
function DivHeader(p_bAccueil){
    var strElt, strText, strClassTR, strImgSrc, strStyleBordTD;
        
    strStyleBordTD ="border-width:1px; border-style:solid; border-color:"+ gcstrVERTBFD+ ";";
    
    if(p_bAccueil){
        strClassTR = "BarreMenuAccueil";
        strImgSrc = "/Images/Logo-BFD-Management-transparent-pt.gif";
    }
    else{
        strClassTR = "BarreMenuAutres";
        strImgSrc = "/Images/Logo-BFD-Management-transparent-pt.gif";
    }

    var oElt;
    if(gbIE){
        strElt ="<div id=\"divHeader\" style=\"z-index:5; width:100%\">";
        oElt = document.createElement(strElt);
    }
    else{
        oElt = document.createElement("div");
        oElt.setAttribute("id", "divHeader");
        oElt.setAttribute("style", "z-index:5; width:100%;");
    }
    
    strText ="<table width=\"100%\" cellspacing=\"0\">"+
        "<tr class=\""+ strClassTR+ "\">"+
            "<td style=\"width:20%; vertical-align: middle;"+ strStyleBordTD+ " border-right-style:none\"><a href=\"/\" title=\"Lien vers la page d'accueil de BFD Management\"><img alt=\"Logo BFD Management\" src=\""+ strImgSrc+ "\" /></a></td>"+
            "<td style=\"width:80%; vertical-align: middle; text-align:left;"+ strStyleBordTD+ " border-left-style:none\"><img alt=\"Cultivez vos connaissances\" src=\"/Images/Texte_Mistral.gif\" /></td>"+
        "</tr>"+
        "<tr>"+
            "<td colspan=\"2\" align=\"center\">"+
                "<table width=\"90%\" cellspacing=\"8\">"+
                    "<tr class=\""+ strClassTR+ "\">"+
                        "<td class=\"TexteMenu\" style=\"width:30%;"+ strStyleBordTD+ "\"><a href=\"/Actualites/Actualites.htm\" title=\"Actualités BFD Management\" class=\"TexteMenu\">Actualités BFD Management</a></td>"+
                        "<td class=\"TexteMenu\" style=\"width:25%;"+ strStyleBordTD+ "\" onmouseover=\"showDivSsMenu(event, 2)\" onmouseout=\"showDivSsMenu(event, 0)\">Présentation</td>"+
                        "<td class=\"TexteMenu\" style=\"width:20%;"+ strStyleBordTD+ "\" onmouseover=\"showDivSsMenu(event, 3)\" onmouseout=\"showDivSsMenu(event, 0)\">Offre</td>"+
                        "<td class=\"TexteMenu\" style=\"width:25%;"+ strStyleBordTD+ "\" onmouseover=\"showDivSsMenu(event, 4)\" onmouseout=\"showDivSsMenu(event, 0)\">Publications</td>"+
                    "</tr>"+
                "</table>"+
            "</td>"+
        "</tr>"+
        "</table>";
    oElt.innerHTML = strText;
    document.body.insertBefore(oElt, document.body.firstChild);
}
//---Header---//
function Header(p_bAccueil){
    //Insère dans l'ordre inverse car on place les nouveaux éléments devant le 1er fils du body, donc on empile.
    DivHeader(p_bAccueil);
    for(var i=gcnMAXDIVSSMENU; i>=0; i--){
        DivSsMenu(p_bAccueil, i);
    }
    
    return true;
}
//---fctPlaceFooter---//
//Fonction appelée par Footer mais aussi par window.onresize dans chaque page
function fctPlaceFooter(p_oElt){
    //Redimensionne le divFooter (p_oElt) en prenant la largeur du divHeader
    //divHeader existe car il a été créé avant
    p_oElt.style.width = document.getElementById("divHeader").clientWidth +"px";
    
    //Il faut tenir compte d'une fenêtre du navigateur plus petite que la page
    //window.document.documentElement.clientHeight = taille de la zone d'affichage (la fenêtre du navigateur)
    var nTop;
    if(window.document.documentElement.clientHeight <= document.body.clientHeight)
        //Cas où la zone d'affichage est plus petite que la page à afficher
        //alors on prend la taille de la page pour ne pas placer la barre sur un autre élément
        nTop = document.body.clientHeight;
    else{
        //Cas où la zone d'affichage est plus grande que la page
        //p_oElt.offsetHeight = Hauteur de la barre divFooter
        nTop = window.document.documentElement.clientHeight - p_oElt.offsetHeight;
        //Si cette position est inférieure à celle de la page
        //on prend celle de la page car sinon on afficherait la barre sur d'autres éléments
        if(nTop < document.body.clientHeight)
            nTop = document.body.clientHeight;
    }
    p_oElt.style.top = nTop +"px";

    var nVal = document.body.offsetLeft;
    if(nVal ==0)//Cas autre que IE
        nVal = document.getElementById("divHeader").offsetLeft;
    
    p_oElt.style.left = nVal +"px";
}

//---Footer---//
function Footer(p_bAccueil){
    var strElt, strText, strClassTR, strClassTD;
    
    if(p_bAccueil){
        strClassTR = "BarreMenuAccueil";
        strClassTD = "TexteMenu";
    }
    else{
        strClassTR= "BarreMenuAutres";
        strClassTD = "TexteMenu";
    }
    var oElt;
    if(gbIE){
        strElt ="<div id=\"divFooter\" style=\"z-index:5; position:absolute; top:0px; left:0px;\">";
        oElt = document.createElement(strElt);
    }
    else{
        oElt = document.createElement("div");
        oElt.setAttribute("id", "divFooter");
        oElt.setAttribute("style", "z-index:5; position:absolute; top:0px; left:0px;");
    }
    
    strText="<br /><br /><table width=\"100%\" cellspacing=\"0\" style=\"border-width:1px; border-style: solid; border-color:"+gcstrVERTBFD+";\">"+
        "<tr class=\""+ strClassTR+ "\">"+
            "<td style=\"width: 20%; border-right-style:none\" class=\""+ strClassTD+ "\"><a href=\"http://www.bfd.fr/\" title=\"www.bfd.fr\" class=\""+ strClassTD+ "\">www.bfd.fr</a></td>"+
            "<td style=\"width: 60%; border-left-style:none; border-right-style:none\"><a href=\"http://www.gestion-des-connaissances.com\" target=\"_blank\" title=\"Vos Connaissances et Votre Savoir-Faire : Un Capital à Valoriser\" class=\""+ strClassTD+ "\">www.gestion-des-connaissances.com</a></td>"+
            "<td style=\"width: 20%; border-left-style:none\"><a href=\"/Contacts.htm\" title=\"Lien pour nous contacter\" class=\""+ strClassTD+ "\">Contacts</a></td>"+
        "</tr></table>";
    
    oElt.innerHTML = strText;
    document.body.insertBefore(oElt, null);
    //Redimensionne le divFooter (oElt) en prenant la largeur du divHeader
    //divHeader existe car il a été créé avant
//    oElt.style.width = document.getElementById("divHeader").clientWidth +"px";
    //Positionne l'élément en bas de page, il faut avoir déclaré dans le style la position sur absolute.
    //Il est OBLIGATOIRE de déterminer la position de la barre après l'avoir ajouté au body grâce à inserBefore
    fctPlaceFooter(oElt);
}//Footer

//---window.onresize---//
window.onresize =function(){
    if(document.getElementById("divFooter")!=null)
        fctPlaceFooter(document.getElementById("divFooter"));
}