$(document).ready(function() {
	
	//////////////////////////////////////////////////
	///// Changement d'images au mouseover
	//////////////////////////////////////////////////
	
	$("#vision").mouseover( function ()  {
		$("#visuelCiblage").fadeOut();
		$("#visuelEvaluation").fadeOut();
		$("#visuelGeneration").fadeOut();
		afficheVisuel("#visuelVision");
	});
	
	$("#ciblage").mouseover( function ()  {
		$("#visuelVision").fadeOut();
		$("#visuelEvaluation").fadeOut();
		$("#visuelGeneration").fadeOut();
		afficheVisuel("#visuelCiblage");
	});
	
	$("#evaluation").mouseover( function ()  {
		$("#visuelVision").fadeOut();
		$("#visuelCiblage").fadeOut();
		$("#visuelGeneration").fadeOut();
		afficheVisuel("#visuelEvaluation");
	});
	
	$("#generation").mouseover( function ()  {
		$("#visuelVision").fadeOut();
		$("#visuelCiblage").fadeOut();
		$("#visuelEvaluation").fadeOut();
		afficheVisuel("#visuelGeneration");
	});

	function afficheVisuel (idVisuel) {
	
		// On masque le visuel
		$(".texte").fadeOut();

		// On affiche le texte
		$(idVisuel).fadeIn();

	}
	
	//////////////////////////////////////////////////
	///// Apparation du texte au click
	//////////////////////////////////////////////////
	
	$("#vision").click( function ()  {
		afficheTexte("#texteVision");
	});
	
	$("#ciblage").click( function ()  {
		afficheTexte("#texteCiblage");
	});
	
	$("#evaluation").click( function ()  {
		afficheTexte("#texteEvaluation");
	});
	
	$("#generation").click( function ()  {
		afficheTexte("#texteGeneration");
	});

	function afficheTexte (idTexte) {
	
		// On masque le visuel
		$(".image").fadeOut();
	
		// Blank img
		$(".image").attr("src", "images/home/blank.gif");

		// On affiche le texte
		$(idTexte).fadeIn();

	}
	
	//////////////////////////////////////////////////
	///// CYCLE NEWS
	//////////////////////////////////////////////////
	
	$('#slidesNews').cycle({ 
    		fx:    'scrollLeft', 
    		timeout: 8000, 
			speed: 1000,
			pause: 1
    	});
	
	//////////////////////////////////////////////////
	///// CYCLE PALMARES
	//////////////////////////////////////////////////
	
	$('#slidesPalmares').cycle({ 
    		fx:    'scrollUp', 
    		timeout: 10000, 
			speed: 1000,
			pause: 1
    	});

});