// la fonction jquery  
  $(document).ready(function(){
	
	/* =animation des menus de iphone
-------------------------------------------------------------------------- */	
	// on sélectionne les div avec la class iphone puis leur appliquent les instructions 			
	$("div.boutonIphone").hover(function(){$(this).fadeOut(100);$(this).fadeIn(500);});
	// au survol je stoppe la fonction runIt et la relance ensuite en mettant le texte "choisi..." dans la div IphoneEcranBandeau				 
    $("#ecran_bouton").hover(function(){clearTimeout(delai); $("#texteScrolling").hide();} , function(){$("#texteScrolling").show(); $("#IphoneEcranBandeau").html(""); a=true; runIt(); }); 

	  function runIt() {
	  do {numeroInit = Math.floor((12)*Math.random()) + 1;}  while (numeroInit==numero);// generation d'un nombre aléatoire entre 1 et 12
	  numero = numeroInit; // while est là pour éviter que les nombres aléatoires soient identiques à suivre
	  delai = setTimeout(  function(){$("#menuIphone"+numero).fadeTo("slow", 0.5).fadeTo("slow", 1).fadeIn("slow", 1); runIt();},1000);
	  // j'anime un bouton puis appelle la fonction rappelle la fonction après un délai de 1000 pour animer un autre bouton
	  } // je ferme la fonction
	

	var numeroInit=6;
	var numero=7// je déclare la variable
	runIt(); // appel de la fonction dès le départ					 



 	/* =animation du menus de gauche
-------------------------------------------------------------------------- */	
    $(".imageLayer_class").css({'opacity':'0'}); // je mets les images ayant la class imageLayer transparentes

	$(".menuGauche_class").hover( // au survol des éléments ayant pour class menuGauche
		function() {
			$(this).find('.imageLayer_class').stop().fadeTo(100, 1); // je cherche dans les descendants de l'élément sélectionné un élément ayant pour class imageLayer_class puis fondu
		},
		function() {
			$(this).find('.imageLayer_class').stop().fadeTo(500, 0);
		}
	)
		
	/* =animation des survol des boutons qui lancent les videos
-------------------------------------------------------------------------- */

	// on sélectionne les div avec la class ClassDivLienMetier puis leur appliquent les instructions 			
	//$(".bouton_video").hover(function(){$(this).fadeTo(100, 0.6);} , function(){$(this).fadeTo(100, 1); }) .click(function(){$("#image_ecran").fadeOut(100); $("#espaceMedia").show();loadFile('le_player', {file:fichierVideo;}, {autostart:true;});}) ;
	
	

/* lancement video
-------------------------------------------------------------------------- */	
//$("#lance_video").effect("pulsate", { times:3 }, 2000).click(function(){$("#lance_video").fadeOut(100); $("#espaceMedia").show();});

// lancement à partir des pages métiers en cliquant sur l'image de l'écran
//$("#lance_video").click(function(){$("#lance_video").fadeOut(100); $("#espaceMedia").show();});
// lancement à partir de la page multimedia en cliquant sur les vignettes
$(".vignette_video").click(function(){$("#lance_video").fadeOut(100); $("#espaceMedia").show();});



 	/* =animation du scroll
-------------------------------------------------------------------------- */	

$("#texteScrolling").show();

$('#example2').bxSlider({
	mode: 'slide',
	auto: 'true',
	speed: 1500,
	pause: 3500,
	width: 410,
	    next_text: '',
	    prev_text: '',
	wrapper_class: 'example2_container'
});	






 
 	/* fin 
-------------------------------------------------------------------------- */	 
 });