//************************************************ 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 = "#FFFFFF";
fondOFF = "#C30500";


texte = new Array();
fond = new Array();
fond[1] = "#FBB000";
texte[1] = "#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 *************************************************

    function startGallery() {
      var myGallery = new gallery($('myGallery'), {
      timed: true,
      showArrows: false,
      showCarousel: false,
      embedLinks: false,
      showInfopane: false
      });
    }
    window.onDomReady(startGallery);