$(window).load(function (){
	$('#navigation').hide();
	
	/*___affichage ou non des bt de navigation___*/
	$('.slide').hover(
	  function () {
		$('#navigation').show();
	  },
	  function(){
		$('#navigation a img').hover(
		  function(){
			$('#navigation').addClass("over");
			$('#navigation').show();
		  },
		  function(){
			$('#navigation').removeClass("over");
			$('#navigation').hide();
		  });

		if(!$('#navigation').hasClass("over"))
		 {
		   $('#navigation').hide();
		 }
	  }
	);
	
	/*___gestion des animations et contenu___*/
	$('#slides').slides({
		preload: true,
		preloadImage: '../../e_img/charte/loading.gif',

		effect: 'fade',
		crossfade: false,
		slideSpeed: 350,
		fadeSpeed: 500,
		generateNextPrev: false,
		generatePagination: false,

		play: 5000,
		pause: 2500,
		hoverPause: true,
		
		animationStart: function(current){
			$('.caption').animate({	opacity: 0},100);
			
			if (window.console && console.log) {
				// centre return of current slide number
				console.log('animationStart on slide: ', current);
			};
		},

		animationComplete: function(current){
			/*Floutage des vignettes sauf celle courrente*/
			$('.pagination img').not('.pagination .current img').animate({'opacity':'0.4'},1);

			$('.pagination .current img').animate({'opacity':'1'},1);
			
			/*affichage du txt*/
			$('.caption').fadeTo("100", 1);
			
			if (window.console && console.log) {
				// centre return of current slide number
				console.log('animationComplete on slide: ', current);
			};
		},

		slidesLoaded: function() {
			$('.caption').fadeTo("100", 1);
			
		}
	});
	
	$('div.slide').attr("style","position:relative; display:none;"); 
	$('div.slides_control').attr("style","height:188px");
	
	/*Floutage des vignettes sauf celle courrente*/
	$('.pagination img').not('.pagination .current img').animate({'opacity':'0.4'},0);	
});

$(document).ready(function() {
	$("a.single_image").fancybox(); //pour la lightbox

	/*________vignette flouté__________*/
	 /*gestion floutage (manip direct sur la pagination)*/
	$('.pagination img')
	  .live('mouseover',function(){
		$(this).animate({'opacity':'1.0'},200);
	  })
	  .live('mouseout',function(){		 
		if(!$(this).parent().parent().hasClass("current"))
			$(this).animate({'opacity':'0.4'},200);
	  })
	  .click(function(){	  
		 $('.pagination .current img').animate({'opacity':'0.4'},200);
		 $(this).animate({'opacity':'1'},200);
	  });
	  
	  /*gestion floutage avec les bt de navigation*/
	  $('#navigation').click(function(){
		$('.pagination img').not('.pagination .current img').animate({'opacity':'0.4'},200);
			$('.pagination .current img').animate({'opacity':'1'},200);
	  });
	  
	/* Gestion des légendes : ajustement de la largeur des légende selon la largeur de l'image (si trop grand) + ajout largeur sur celle qui doivent se centrer  */
	$(".imageLegende").each(function(){
		$w = $(this).children("img:first").width()-18;
		
		//console.log($w);
		if ($(this).children(".legende").width() > $w)
		{
			$(this).children(".legende").width($w);
		}
	});

	$(".imageLegende a").each(function(){		
		$w = $(this).children("img:first").width()-18;
				
		if ($(this).children(".legende").width() > $w)
		{
			$(this).children(".legende").width($w);
		}
	});
	
	/*fixe une taille à la div.imageLegende.center pour pouvoir la centrer s'il y a une légende*/
	$(".imageLegende.center").each(function(){
		if($(this).children(".legende").length>0)
		{
			$(this).width($(this).children("img").width());	
		}
		
		if($(this).children("a").children(".legende").length>0)
		{
			$(this).width($(this).children("a").children("img").width());	
		}
	});  
});
		

$(function() {
  if($('#actu-home').length) {
    $('#actu-home').after('<div id="nav-actu-home" class="nav">').cycle({
      fx:       'fade',        
      speed:    1500,        
      timeout:  2000,
      pause:    1,
      pager:    '#nav-actu-home'    
    });
    $('#pauseButton').click(function() { 
      $('#actu-home').cycle('pause'); 
    });
    $('#resumeButton').click(function() { 
      $('#actu-home').cycle('resume'); 
    });
  }
});