$(document).ready(function() {

	//********* scroll actus accueil **********
    $('#slideActus').cycle({
		fx: 'scrollHorz',
		timeout: 5000,
		pause:1,
		pauseOnPagerHover:1,		
		next:   '.nextActu', 
    	prev:   '.prevActu'
	});

	
	//********* fade agenda accueil **********
    $('#fadeAgenda').cycle({
		fx: 'none',
		timeout: 0,
		pause:1,
		pauseOnPagerHover:1,		
		next:   '.nextAgenda', 
    	prev:   '.prevAgenda', 
    	pager: 	'#handleAgenda'
	});
	
	
	//********* fade evenements accueil **********
    $('#fadeEvent').cycle({
		fx: 'none',
		timeout: 0,
		pause:1,
		pauseOnPagerHover:1,		
		next:   '.nextEvent', 
    	prev:   '.prevEvent', 
    	pager: 	'#handleEvent'
	});
	
	
	
	$('ul.liensDeroulants li').mouseenter(function (i) {
		div = $(this).find('div.mDeroulantContenu') ;
		div.show();
    });
	$('ul.liensDeroulants li').mouseleave(function (i) {
		div = $(this).find('div.mDeroulantContenu') ;
		div.hide();
    });



	//********* INFOBULLE ( carre-eau ) **********
	
      // 1- Apparition de la bulle
      $('#carre-d-eau').mouseenter( function(){
        var bulle = $('#bulle-carre-eau') ;
        
        // Calcul des positions
        var decalageLeft = ($(this).innerWidth() - bulle.innerWidth()) / 2 ;
        var left = $(this).offset().left + decalageLeft ;
            
        var decalageTop = bulle.innerHeight() + 0 ;  // La dernière valeur correspond au décalage voulu 
        var top = $(this).offset().top - decalageTop ;
        
        // Modification des styles
    	  bulle.css('left', left) ;
    	  bulle.css('top', top) ;
    	  
    	  bulle.show();
    	});
    	
    	// 2 Disparition de la bulle
      $('#carre-d-eau').mouseleave( function(){
        var bulle = $('#bulle-carre-eau') ;
    	  bulle.hide();	  
    	});
	//********* FIN INFOBULLE ( carre-eau ) **********
	
	
	//********* INFOBULLE ( bulle-crd ) **********
	
      // 1- Apparition de la bulle
      $('#crd').mouseenter( function(){
        
        var bulle = $('#bulle-crd') ;
      
        // Calcul des positions
        var decalageLeft = ($(this).innerWidth() - bulle.innerWidth()) / 2 ;
        var left = $(this).offset().left + decalageLeft ;
            
        var decalageTop = bulle.innerHeight() + 0 ;  // La dernière valeur correspond au décalage voulu 
        var top = $(this).offset().top - decalageTop ;
        
        // Modification des styles
    	  bulle.css('left', left) ;
    	  bulle.css('top', top) ;
    	  
    	  bulle.show();
    	});
    	
    	// 2 Disparition de la bulle
      $('#crd').mouseleave( function(){
    
        var bulle = $('#bulle-crd') ;
    	  bulle.hide();	  
    	});
	//********* FIN INFOBULLE ( carre-eau ) **********	
	
	
	
	
});