window.addEvent('domready',function(){

	/////////////////////// MENUMATIC 
	var myMenu = new MenuMatic({
		opacity:100
	});
	
	////////////////////// Liens externes
	$$('a.lien_ext').addEvent('click', function() {
		window.open(this.href) ;
		return false;
	});
	
	
	/////////////////////// NOOBSLIDE NEWS
	if ( $('slideNews') ) {
	
		var slideNews = new noobSlide({
			box: $('slideNews'),
			items: $$('div#slideNews div'),
			size: 230,
			handles: $$('#handlesNews span'),
           	onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('select');
				currentHandle.addClass('select');
           		$('maskNews').tween('height', currentItem.getCoordinates().height);
           }
		
		});
		
		// Lance le défilement auto. La première valeur est correspond au temps
		slideNews.play(5000,"next",-1);
	}
	
	if ( $('slideNewsFocus') ) {
	
		var slideFocus = new noobSlide({
			box: $('slideNewsFocus'),
			items: $$('div#slideNewsFocus div'),
			size: 230,
			handles: $$('#handlesNewsFocus span'),
           	onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('select');
				currentHandle.addClass('select');
           		$('maskNewsFocus').tween('height', currentItem.getCoordinates().height);
           }
		
		});
		
		// Lance le défilement auto. La première valeur est correspond au temps
		slideFocus.play(5000,"next",-1);
	}
	
	if ( $('slideNewsPrive') ) {
	
		var slidePrive = new noobSlide({
			box: $('slideNewsPrive'),
			items: $$('div#slideNewsPrive div'),
			size: 460,
			handles: $$('#handlesNewsPrive span'),
           	onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('select');
				currentHandle.addClass('select');
           		$('maskNewsPrive').tween('height', currentItem.getCoordinates().height);
           }
		
		});
		
		// Lance le défilement auto. La première valeur est correspond au temps
		slidePrive.play(5000,"next",-1);
	}
	
	
	// diaporama home
	if ( $('diapoHome') ) {
		new viewer($$('#diapoHome img'), { 
			mode: 'alpha',
			interval: 5000
		}).play(true);
	}
	
	
	
}) ;



/*GESTION DU ZOOM */
//gestion de l'agrandissemente de la police de caracteres (outil) 
var tailleTexte = 12;
//taille initial du text
var tailleInit = 12;
//taille maximum autorise 
var tailleMax = 17;
//nom de la div ou ce trouve les texte a agrandir
var divPrincipal = 'article';


function changeTaille(pas)
{
  
  //determine si on veut changer de la taille de la poilce ou non (en rapport au taille max et initial defini)     
  var changeSize = true;
  
  tailleTexte = tailleTexte + pas;
    
  //on va verifier si la taille du texte n'est pas inferieur a la taille minimum
  if (tailleTexte < tailleInit)
  {
        //si la taille minumm a ete atteinte, on remet notre tailleTexte a la taille minumum, et
        //on considereque ce n'est pas la peine de changer la taille des element
        tailleTexte = tailleInit;
        changeSize = false;
   
  }        
  else
  {
        //cette fois ci on verifier que la taille maximum n'a ete atteinte
        if (tailleTexte > tailleMax)
        {
            tailleTexte = tailleMax;
            changeSize = false;
        }
  }
  
  //si changesize est true, c partie on change la taille de la police !!
  if (changeSize)
  {
      var text = document.getElementById(divPrincipal);
      
      //ici on va changer la taille de tout les p de la page
      //ICI ON MET TOUT LES TAGS QUI N'AUGMENTE PAS CA TAILLE AVEC LA SIMPLE INSTRUCTION 
      // text.style.fontSize = tailleTexte + 'px';
      
      updateTaille(text,'p',tailleTexte)
	  updateTaille(text,'li',tailleTexte)
      updateTaille(text,'h6',tailleTexte)
      
      //on rajoute quand meme cette ligne pour augmenter d'autre element
      text.style.fontSize = tailleTexte + 'px';

  }
 
}

function updateTaille(divParent,tag,tailleTexte)
{

        //determine si on veut changer de la taille de la poilce ou non (en rapport au taille max et initial defini)  
        var changeSize = true;
        
        //on va augmenter la taille de tout ce qui ce trouve dans p
        var textPart = divParent.getElementsByTagName(tag);
        for (var i = 0; i < textPart.length; i++) 
        {
            textPart[i].style.fontSize = tailleTexte + 'px';
        }  
}