//************************************************ roll_rub ***************************************************
// Fonction de rollover à utiliser pour changer les couleurs de fond et de texte
// à utiliser sur balise div essentiellement, à cause des affichages et espacement diff entre IE, Firefox et Cie
// onMouseOver="roll_rub(this,'on','#FF8900','#FFFFFF')"; onMouseOut="roll_rub(this,'on','#FFFFFF','#000000')
//*************************************************************************************************************

texteOFF = "#000000";
fondOFF = "#FFFFFF";
sous_fondON = "#9A9A9A";
sous_texteON = "#FFFFFF";
sous_fondOFF = "#FFFFFF";
sous_texteOFF = "#000000";

texte = new Array();
fond = new Array();
fond[1] = "#B6CF00";
texte[1] = "#000000";
fond[2] = "#FFCE11";
texte[2] = "#000000";
fond[3] = "#419BFF";
texte[3] = "#000000";
fond[4] = "#419BFF";
texte[4] = "#000000";
fond[5] = "#419BFF";
texte[5] = "#000000";
fond[6] = "#419BFF";
texte[6] = "#000000";
fond[7] = "#419BFF";
texte[7] = "#000000";
fond[8] = "#419BFF";
texte[8] = "#000000";

function roll_rub(nom,flag,Cfond,Ctexte) {

type = new Array();
type = nom.split('_');

//C'est une catégorie
if ((type.length-1) == 1 ) {
  objet = getElement("categorie_"+type[1]);

  if (!texte[type[1]]) { texte[type[1]] = texte[1]; fond[type[1]] = fond[1];  };

  if (flag=='on') {
    objet.style.color=texte[type[1]]; objet.style.background=fond[type[1]];
  } else {
    objet.style.color=texteOFF; objet.style.background=fondOFF;
  }
}

//C'est une sous catégorie
if ((type.length-1) == 2 ) {
  objet = getElement("categorie_"+type[1]);
  test = "categorie_"+type[1];
  objet2 = getElement("categorie_"+type[1]+"_"+type[2]);
  if (flag=='on') {
    objet.style.color=texte[type[1]]; objet.style.background=fond[type[1]];
    objet2.style.color=sous_texteON; objet2.style.background=sous_fondON;
  } else {
    objet.style.color=texteOFF; objet.style.background=fondOFF;
    objet2.style.color=sous_texteOFF; objet2.style.background=sous_fondOFF;
  }

}
//C'est une sous sous catégorie
if ((type.length-1) == 3 ) {
  alert('c\'est une sous sous catégorie');
}

} // fin function roll_rub

//************************************************ getElement ***************************************************
// Fonction pour connaitre le nom de l'objet calque suivant le navigateur employé
//***************************************************************************************************************
function getElement(eltID) {
  if (document.layers) return document.layers[eltID+'C'].document.layers[eltID];
  if (document.getElementById) return document.getElementById(eltID);
  if (document.all) return document.all[eltID]; 
  if (document[eltID+'C']) return document[eltID+'C'].document[eltID]; 
  alert('Rien ne marche avec ce navigateur');
  return false;
}

//********************************************** MENU HORIZONTAL *************************************************
// Fonction du menu horizontal
    tempo = 150; //Durée de l'ouverture des calques
    tempo2 = 10; //Durée du fade-out

    compteur = new Array();
    fade_out = new Array();
//****************************************************************************************************************
function menu_horizontal(op) {
  if (op=='init') {
    document.getElementById("conteneur_categorie").style.visibility='visible';
  }
}

  function declencher_fermer_calque(id_calque,numero) {
    if (navigator.appName != "Microsoft Internet Explorer") {
      compteur[numero] = setTimeout(fermer_calque,tempo,id_calque,numero);
     } else {
      compteur[numero] = setTimeout("fermer_calque('"+id_calque+"','"+numero+"')",tempo);
     }
  }
  
  function fade_out2(id_calque,numero) {
  
    if (!document.getElementById(id_calque+numero).style.opacity) { document.getElementById(id_calque+numero).style.opacity = 1; }
    if (document.getElementById(id_calque+numero).style.opacity <= 0) {
      clearInterval(fade_out[numero]);
      document.getElementById(id_calque+numero).style.visibility = 'hidden';
    }
    document.getElementById(id_calque+numero).style.opacity = document.getElementById(id_calque+numero).style.opacity - 0.2;
  }
  
  function fermer_calque(id_calque,numero) {
    if (navigator.appName != "Microsoft Internet Explorer") {
      fade_out[numero] = setInterval(fade_out2,tempo2,id_calque,numero);
    } else {
      document.getElementById(id_calque+numero).style.visibility = 'hidden';
    }
  }

function ouvrir_calque(id_calque,numero,niv) {

    if (compteur[numero] != "undefined") {
      clearTimeout(compteur[numero]);
    }

    if (niv == "bas") {
      X1 = (parseInt(document.getElementById("categorie_"+numero).offsetLeft) + parseInt(document.getElementById("conteneur_categorie").offsetLeft));
      Y1 = parseInt(document.getElementById("conteneur_categorie").offsetTop) + document.getElementById("conteneur_categorie").offsetHeight;
    }
    
    if (niv == "droite") {
      X1 = (parseInt(document.getElementById("categorie_"+numero).offsetLeft) + parseInt(document.getElementById("conteneur_categorie").offsetLeft));
      Y1 = parseInt(document.getElementById("conteneur_categorie").offsetTop) + document.getElementById("conteneur_categorie").offsetHeight;
    }
    
    document.getElementById(id_calque+numero).style.left = X1;
    document.getElementById(id_calque+numero).style.top = Y1;

    if ((document.getElementById("categorie_"+numero).offsetWidth) > (document.getElementById(id_calque+numero).offsetWidth)) {
      document.getElementById(id_calque+numero).style.width = document.getElementById("categorie_"+numero).offsetWidth;
    }

    document.getElementById(id_calque+numero).style.opacity = 1;
    document.getElementById(id_calque+numero).style.visibility = 'visible';
}

//********************************************** FIN MENU HORIZONTAL *************************************************