$(document).ready(function () {
							 
// appel sur load car pb sur chrome  cf http://api.jquery.com/ready/
window.onload = initAbout;
 
							 
// appel sur load car pb sur chrome  cf http://api.jquery.com/ready/

	
 
	
});



function initAbout(){

	//init de la taille reele de #image_scroller_about .container
var totalContent=0;
$('#image_scroller_about .image').each(function () {
		totalContent+=$(this).innerWidth();
		 
	
	});
 
 	$('#image_scroller_about').css('width',totalContent);
 //sliderLeft=$('#image_scroller_about .container').position().left;

	
	padding=0;
	sliderWidth=$('.section-about-contenu').width();
//	alert(sliderWidth+" " +totalContent);

	if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
				{	
	
 
	// gestion IPAD
	
	$("#image_scroller_about").touchwipe({
			
		
	 	
		wipeLeft: function(e) {
	 
		
			var thePosA=Math.max($('#image_scroller_about .container').position().left-500,sliderWidth-totalContent-20);
		 
		var animSpeed=600; //ease amount
		var easeType='easeOutCirc';
		
		

		// aller retour en butée
		// une meilleure gestion serait de faire un event step 
       if (thePosA >sliderWidth-totalContent-20) {
 	 	$('#image_scroller_about .container').stop().animate({left: thePosA}, 450,'easeOutCirc');
	   } else {
		   
		 $('#image_scroller_about .container').stop().animate({left: thePosA}, 450,'easeOutCirc').animate({left: sliderWidth-totalContent}, 100,'easeOutCirc');  
	   }
	 
 		},
 		
		wipeRight: function(e) {
			
				var thePosA=Math.min($('#image_scroller_about .container').position().left+500,20);
		 
		var animSpeed=600; //ease amount
		var easeType='easeOutCirc';
		
		// aller retour en butée
		// une meilleure gestion serait de faire un event step 
		if (thePosA <20) {
 		$('#image_scroller_about .container').stop().animate({left: thePosA}, 450,'easeOutCirc');
		} else {
			
		$('#image_scroller_about .container').stop().animate({left: thePosA}, 450,'easeOutCirc').animate({left: 0}, 100,'easeOutCirc');	
		}
			
	 
 		},
	min_move_x: 40,
    min_move_y: 40,
	preventDefaultEvents: true
	});
	
	
				} else {

// gestion souris
 	
	$('#image_scroller_about').mousemove(function(e){
		 
			var mouseCoords=(e.pageX - ($(window).width()-sliderWidth)/2);
			// console.log($(window).width(),e.pageX);
			var mousePercentX=mouseCoords/sliderWidth*.9;
			var destX=-(((totalContent-(sliderWidth))-sliderWidth)*(mousePercentX));
			var thePosA=mouseCoords-destX-20;
			 
			var animSpeed=600; //ease amount
			var easeType='easeOutCirc';
			
			if(mouseCoords==destX){
				$('#image_scroller_about .container').stop();
			}
			else if(mouseCoords>destX){
				$('#image_scroller_about .container').stop().animate({left: -thePosA}, animSpeed,easeType);
			}
			 
		 
	});
	}
	
	//fade sur thumb
	 
		$('#image_scroller_about .thumbabout').each(function () {
		$(this).fadeTo(fadeSpeed, 0.6);
	});
	var fadeSpeed=200;
	$('#image_scroller_about .thumbabout').hover(
	function(){ //mouse over
		$(this).fadeTo(fadeSpeed, 1);
	},
	function(){ //mouse out
		$(this).fadeTo(fadeSpeed, 0.6);
	}
	);
	 
    //hack ie 8
	
	if(jQuery.browser.version.substring(0, 2) == "8.") {
	$('#image_scroller_about .image .fondnoir').css("margin-top", "-205px");
	}
	
	// gestion slide box
	
	$('#image_scroller_about .image img').click(function(){

    // is Ipad & co 

	 if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
				{	
				 $('#image_scroller_about .image img').fadeTo(0, 0.6);
				$(this).fadeTo(0, 1);
				
				}
    //tout fond noir à zindex 20 
$('#image_scroller_about .fondnoir').each(function () {
		$(this).css("z-index",20);
	});
      //remonte tous les images													 
		 $('#image_scroller_about .image img').stop().animate({marginTop:'-190px',avoidTransforms:true},{queue:false,duration:450});	
		 
		 // cherche le fond noit à mettre à -99
	 var nid= $(this).attr('id');
	 var nnid=nid.replace("id","");
	  $(document.getElementById(nnid)).css("z-index",-99);
	  // anime la vignette
		  $(this).stop().animate({marginTop:'0px',avoidTransforms:true},{queue:false,duration:450});
	});
	
		$('#image_scroller_about .image .letexte').click(function(){
																   //tout fond noir à zindex 20 
$('#image_scroller_about .fondnoir').each(function () {
		$(this).css("z-index",20);
	});
				 $('#image_scroller_about .image img').stop().animate({marginTop:'-190px',avoidTransforms:true},{queue:false,duration:450});	
					
			 
	});
	
}