// JavaScript Document
$(document).ready(function() {
	
	
	$('.formrech dd, .faqs dd').hide();
	$('.formrech dt, .faqs dt').hover(function(){$(this).addClass('hoverg')},function(){$(this).removeClass('hoverg')}).click(function(){
	  $(this).next().slideToggle('normal');
	});
	
	
	
						   
	$('a[rel=externe]').attr('target','_blank'); 
	
	//$('#list1, #list2, #list3').accordion();
	
	$(".caption1").hover(function () {$('a.nav1').addClass("navOn");},function () {$('a.nav1').removeClass("navOn");});
	$(".caption2").hover(function () {$('a.nav2').addClass("navOn");},function () {$('a.nav2').removeClass("navOn");});
	$(".caption3").hover(function () {$('a.nav3').addClass("navOn");},function () {$('a.nav3').removeClass("navOn");});
	
start();

function start() {
	$("#box_choix li").animate({opacity:0,fontSize:"2px"},0);	
	$("li.choix1").animate({opacity:1,fontSize:"14px"},500,function(){anim2();});
	
	function anim2(){$("li.choix2").animate({opacity:1,fontSize:"14px"},500,function(){anim3();});}
	function anim3(){$("li.choix3").animate({opacity:1,fontSize:"14px"},500,function(){anim4();});}
	function anim4(){$("li.choix4").animate({opacity:1,fontSize:"14px"},500,function(){anim5();});}
	function anim5(){$("li.choix5").animate({opacity:1,fontSize:"14px"},500,function(){
	setTimeout(function(){$("#box_choix li").animate({opacity:0},2000);start()},4500);});}
 }

  //IMAGE 1
	$(function () {
		$('.hover1, .hover1 img').animate({opacity: 0}, 0)
		$('.caption1, a.nav1').hover(function() {		  
			$(".hover1, .hover1 img", ".caption1").stop().animate({opacity: 1},0);
		}, function() {
			$(".hover1, .hover1 img", ".caption1").stop().animate({opacity: 0},0);
		});	
		
	});
	
	///IMAGE 2
	$(function () {
		$('.hover2, .hover2 img').animate({opacity: 0}, 0)
		$('.caption2, a.nav2').hover(function() {		  
			$(".hover2, .hover2 img", ".caption2").stop().animate({opacity: 1},0);
		}, function() {
			$(".hover2, .hover2 img", ".caption2").stop().animate({opacity: 0},0);
		});	
		
	});
	
	///IMAGE 3
	$(function () {
		$('.hover3, .hover3 img').animate({opacity: 0}, 0)
		$('.caption3, a.nav3').hover(function() {		  
			$(".hover3, .hover3 img", ".caption3").stop().animate({opacity: 1},0);
		}, function() {
			$(".hover3, .hover3 img", ".caption3").stop().animate({opacity: 0},0);
		});	
		
	});
	

});