<!--///////////////////////////////////////////////////////////////////////////////////////-->
<!--// Slider ACCEUIL  //-->
<!--///////////////////////////////////////////////////////////////////////////////////////-->
	function ChangeImgSelectedPole(index){
	var IdElement = index;
	var NomElementEncours = 'imgpolename'+IdElement;
	var NomFichierElementEncours = 'images/interface/menu2/bt_menu_off_'+IdElement+"_on.png";

		document.getElementById('imgpolename1').src = "images/interface/menu2/bt_menu_off_1.png"; 
		document.getElementById('imgpolename2').src = "images/interface/menu2/bt_menu_off_2.png"; 
		document.getElementById('imgpolename3').src = "images/interface/menu2/bt_menu_off_3.png";
		document.getElementById('imgpolename4').src = "images/interface/menu2/bt_menu_off_4.png";
		document.getElementById('imgpolename5').src = "images/interface/menu2/bt_menu_off_5.png";
		document.getElementById(NomElementEncours).src = NomFichierElementEncours; 
	};
  $(function () {
      $('.anythingSlider').anythingSlider({
          easing: "easeInOutExpo",
          autoPlay: true,
          delay: 4000,
          startStopped: false,
          animationTime: 600,
          hashTags: true,
          buildNavigation: false,
          startText: "",
	      stopText: "",
      });
      ChangeImgSelectedPole(1);
      
      $("#slide-jump1").click(function(){
          $('.anythingSlider').anythingSlider(1);
          $(function () { ChangeImgSelectedPole(1) });
      });
      $("#slide-jump2").click(function(){
          $('.anythingSlider').anythingSlider(2);
          $(function () { ChangeImgSelectedPole(2) });
      });   
      $("#slide-jump3").click(function(){
          $('.anythingSlider').anythingSlider(3);
          $(function () { ChangeImgSelectedPole(3) });
      });      
      $("#slide-jump4").click(function(){
          $('.anythingSlider').anythingSlider(4);
          $(function () { ChangeImgSelectedPole(4) });
      });    
      $("#slide-jump5").click(function(){
          $('.anythingSlider').anythingSlider(5);
          $(function () { ChangeImgSelectedPole(5) });
      });        
  });

  <!--///////////////////////////////////////////////////////////////////////////////////////-->
  <!--///////////////////////////////////////////////////////////////////////////////////////-->
  <!--///////////////////////////////////////////////////////////////////////////////////////-->
  $(function() {
		
		var totalPanels			= $(".scrollContainer").children().size();
			
		var regWidth			= $(".panel").css("width");
		var regImgWidth			= $(".panel img").css("width");
		var regTitleSize		= $(".panel h2").css("font-size");
		var regParSize			= $(".panel p").css("font-size");
		var CouleurSelection = '#f29400';
		
		var movingDistance	    = 120;
		
		var curWidth			= 200;
		var curImgWidth			= 200;
		var curTitleSize		= "10px";
		var curParSize			= "10px";

		var $panels				= $('#slider .scrollContainer > div');
		var $container			= $('#slider .scrollContainer');

		$panels.css({'float' : 'left','position' : 'relative'});
	    
		$("#slider").data("currentlyMoving", false);

		$container
			.css('width', ($panels[0].offsetWidth * $panels.length) + 200 )
			.css('left', "-200px");

		var scroll = $('#slider .scroll').css('overflow', 'hidden');

		function returnToNormal(element) {
			$(element)
				.animate({ width: regWidth })
				.find("img")
				.animate({ width: regImgWidth })
			    .end()
				.find("h2")
				.animate({ fontSize: regTitleSize })
				.end()
				.find("p")
				.animate({ fontSize: regParSize });
		};
		
		function growBigger(element) {
			
			$(element)
				.animate({ width: curWidth })
				.find("img")
				.animate({ width: curImgWidth })
			    .end()
				.find("h2")
				.animate({ fontSize: curTitleSize })
				.end()
				.find("p")
				.animate({ fontSize: curParSize });
		}
		
		//direction true = right, false = left
		function change(direction) {
		   
		    //if not at the first or last panel
			if((direction && !(curPanel < totalPanels)) || (!direction && (curPanel <= 1))) { return false; }	
	        
	        //if not currently moving
	        if (($("#slider").data("currentlyMoving") == false)) {
	            
				$("#slider").data("currentlyMoving", true);
				
				var next         = direction ? curPanel + 1 : curPanel - 1;
				var leftValue    = $(".scrollContainer").css("left");
				var movement	 = direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;
			
				$(".scrollContainer")
					.stop()
					.animate({
						"left": movement
					}, function() {
						$("#slider").data("currentlyMoving", false);
					});
				
				returnToNormal("#panel_"+curPanel);
				growBigger("#panel_"+next);
				
				curPanel = next;
				
				//remove all previous bound functions
				$("#panel_"+(curPanel+1)).unbind();	
				
				//go forward
				$("#panel_"+(curPanel+1)).click(function(){ change(true); });
				
	            //remove all previous bound functions															
				$("#panel_"+(curPanel-1)).unbind();
				
				//go back
				$("#panel_"+(curPanel-1)).click(function(){ change(false); }); 
				
				//remove all previous bound functions
				$("#panel_"+curPanel).unbind();
			}
		}
		
		// Set up "Current" panel and next and prev
		growBigger("#panel_5");	
		var curPanel = 5;
		
		$("#panel_"+(curPanel+1)).click(function(){ change(true); });
		$("#panel_"+(curPanel-1)).click(function(){ change(false); });
		
		//when the left/right arrows are clicked
		$(".right").click(function(){ change(true); });	
		$(".left").click(function(){ change(false); });
		
		$(window).keydown(function(event){
		  switch (event.keyCode) {
				case 13: //enter
					$(".right").click();
					break;
				case 32: //space
					$(".right").click();
					break;
		    case 37: //left arrow
					$(".left").click();
					break;
				case 39: //right arrow
					$(".right").click();
					break;
		  }
		});
		
	});