/* scroll dans block auto */
function initScroll(EltId, increment, timer, direction, ismouseover) {
         direction = direction.toLowerCase();
         var BlockScroll = document.getElementById(EltId); //On recupere l'element
         //On rajoute les attributs dans l'élément, ça évite de se les trimballer à chaque fois
         BlockScroll.increment = increment;
         BlockScroll.timer = timer;
         BlockScroll.direction = direction;
         if (direction=="bt" || direction=="tb") { //direction verticale
            var FirstDiv = BlockScroll.insertBefore(document.createElement("div"), BlockScroll.firstChild); //On cree un DIV au debut du bloc
            var LastDiv = BlockScroll.appendChild(document.createElement("div")); //on cree un div à la fin du bloc
            FirstDiv.style.height = BlockScroll.clientHeight+"px"; //On dimensionne le premier div de la hauteur du bloc
            LastDiv.style.height = BlockScroll.clientHeight+"px"; //idem pour le dernier div
         }
         if (direction=="lr" || direction=="rl") { //direction horizontale
            BlockScroll.style.paddingLeft=BlockScroll.clientWidth;
            BlockScroll.style.paddingRight=BlockScroll.clientWidth;
            BlockScroll.style.whiteSpace="nowrap"; //On vire le retour charriot afin de présenter le texte sur une seule ligne
          }
       //Rajout des évènement sur le block
       if (ismouseover) {
          BlockScroll.onmouseover = function() { //Arrête le défilement lors du passage de la souris
             this.backupincrement = this.increment;
             this.increment=0;
          }
          BlockScroll.onmouseout = function() {
             this.increment=this.backupincrement;
          }
       }
       eval('var '+EltId+'Timer = setInterval("scrollElement(\'"+ EltId + "\')",timer);'); //On lance la fonction qui va initialiser le scroll
}
       
function scrollElement(eltId) {

   var BlockScroll = document.getElementById(eltId);
   with (BlockScroll) {

      switch(direction) {
          case "bt":
             scrollTop += increment;
             if (scrollTop+clientHeight>=scrollHeight) { scrollTop=0};
             break;
          case "tb":
             scrollTop -= increment;
             if (scrollTop<=increment) { scrollTop=scrollHeight};
             break;
          case "rl": 
             scrollLeft += increment;
             if (scrollLeft+clientWidth>=scrollWidth) scrollLeft=0;
             break;
          case "lr": 
             scrollLeft -= increment;
             if (scrollLeft<increment) scrollLeft=scrollWidth;
             break;
      }
   }
}

function showHide(elId) {
	var el = document.getElementById(eltId);
	if (el) {
		if (el.style.display == 'none') {
			el.style.display = 'block';
		} else {
			el.style.display = 'none';
		}
	}
}

function show(elId) {
	var el = document.getElementById(elId);
	if (el) {
		el.style.display = 'block';
	}
}

function hide(elId) {
	var el = document.getElementById(elId);
	if (el) {
		el.style.display = 'none';
	}
}

function switchOngletAccueil(ongletId, tab) {
	hide('onglet-leuville');
	hide('onglet-ingenierie');
	hide('onglet-formation');
	show(ongletId);
	
	var tabLeuville = document.getElementById('titre-onglet-leuville');
	var tabIngenierie = document.getElementById('titre-onglet-ingenierie');
	var tabFormation = document.getElementById('titre-onglet-formation');
	tabLeuville.className = 'unselected';
	tabIngenierie.className = 'unselected';
	tabFormation.className = 'unselected';
	
	tab.className = 'selected';
}