$(document).ready(function() {

/*
 *****************************
 * Scrollable horizontal list
 *****************************
*/

 var $lefty_scrollable = $('#content-scrolable');
 //var $cildren_scrollable = $('#content-scrolable').next();
 var $position_scrollable = 0;
 var $width_scrollable_container=$('#container-slide').width();
 var $width_scrollable_slide=$('#container_scrollable').width()+35;
 var $max_scrollable_right= -($width_scrollable_slide - $width_scrollable_container);

 $('#slider #bt-slide-left').hide();
 // si le conteneur scrollable est plus petit que la zone d'affichage on masque la fleche droite
	if($width_scrollable_slide <= $width_scrollable_container){ $('#slider #bt-slide-right').hide(); }
	//alert(' width slide = ' + $width_scrollable_slide +' \n width_container = '+ $width_scrollable_container +' \n position = '+ $position_scrollable +' \n max='+ $max_scrollable_right );

	// click fleche gauche
	$('#slider #bt-slide-left').click(function() {
	//$k = (parseInt($lefty.css('left'),10)+500)  ;

		$position_scrollable+=500;

		// si max right atteint on affiche la fleche droite
		if($position_scrollable >= $max_scrollable_right ){ $('#slider #bt-slide-right').show(); }

		//si max left atteint on masque la fleche gauche
		if($position_scrollable >= 0) {
			$position_scrollable = 0;
			$('#slider #bt-slide-left').hide();
		}

		// on deplace le scrollable
		$lefty_scrollable.animate(
			{ left: $position_scrollable+'px'}
		)
	});


	// click fleche droite
    $('#slider #bt-slide-right').click(function() {

		//alert(' width slide = ' + $width_scrollable_slide +' \n width_container = '+ $width_scrollable_container +' \n position = '+ $position_scrollable +' \n max='+ $max_scrollable_right );

		$position_scrollable-=500;

		// si max right atteint on masque la fleche droite
		if($position_scrollable <= $max_scrollable_right ){
		  $position_scrollable = $max_scrollable_right;
		  $('#slider #bt-slide-right').hide();
		  //alert('MAX LEFT');
		}

		// si coordonnee gauvche > 0 on affiche la fleche gauche
		if($position_scrollable < 0) { $('#slider #bt-slide-left').show();}

		//on deplace le scrollable
		$lefty_scrollable.animate(
		  {left: $position_scrollable+'px'}
		)
	});


	// ######## gestion du scroll horizontal avec la roulette de la souris #######

	//var intOverallDelta = 0;

	$('#container-slide').mousewheel(function (objEvent, intDelta) {

		if(intDelta>0){
			//intOverallDelta++;
			//$("#info_left").html("Delta = " +intDelta+ "(" +intOverallDelta+ ") ["+$position_scrollable+"]");

			// effectue le test uniquement si scrollable est ds l'intervale de scroll
			if($position_scrollable >= 0) {
				//$("#info_left").html("max left");
			}else{
				//$("#slider #bt-slide-left").trigger('click');

				$position_scrollable+=300;

				// si max right atteint on affiche la fleche droite
				if($position_scrollable >= $max_scrollable_right ){ $('#slider #bt-slide-right').show(); }

				//si max left atteint on masque la fleche gauche
				if($position_scrollable >= 0) {
					$position_scrollable = 0;
					$('#slider #bt-slide-left').hide();
				}

				// on deplace le scrollable
				$lefty_scrollable.animate(
					{ left: $position_scrollable+'px'}, 50
				)
			}
		}else if(intDelta<0){
			//intOverallDelta--;
			//$("#info_left").html("Delta = "+intDelta+"("+intOverallDelta+")["+$position_scrollable+"]");

			// effectue le test uniquement si scrollable est ds l'intervale de scroll
			if($position_scrollable <= $max_scrollable_right ){
				//$("#info_left").html("max right");
			}else{
				//$("#slider #bt-slide-right").trigger('click');

				$position_scrollable-=300;

				// si max right atteint on masque la fleche droite
				if($position_scrollable <= $max_scrollable_right ){
				  $position_scrollable = $max_scrollable_right;
				  $('#slider #bt-slide-right').hide();
				  //alert('MAX LEFT');
				}

				// si coordonnee gauvche > 0 on affiche la fleche gauche
				if($position_scrollable < 0) { $('#slider #bt-slide-left').show();}

				//on deplace le scrollable
				$lefty_scrollable.animate(
				  {left: $position_scrollable+'px'}, 50
				)
			}
		}
	});


/*
 *****************************
 * Scrollable horizontal Demo Reel
 *****************************
*/

/*
 var $lefty_scrollable_DR = $('#content-scrolable_DR');
 //var $cildren_scrollable = $('#content-scrolable').next();
 var $position_scrollable_DR = 0;
 var $width_scrollable_container_DR=$('#container-slide_DR').width();
 var $width_scrollable_slide_DR=$('#container_scrollable_DR').width();
 var $max_scrollable_right_DR= -($width_scrollable_slide_DR - $width_scrollable_container_DR);

 $('#slider_DR #bt-slide-left').hide();
 // si le conteneur scrollable est plus petit que la zone d'affichage on masque la fleche droite
	if($width_scrollable_slide_DR <= $width_scrollable_container_DR){ $('#slider_DR #bt-slide-right').hide(); }
//	alert(' width slide = ' + $width_scrollable_slide_DR +' \n width_container = '+ $width_scrollable_container_DR +' \n position = '+ $position_scrollable_DR +' \n max='+ $max_scrollable_right_DR );

	// click fleche gauche
	$('#slider_DR #bt-slide-left').click(function() {
	//$k = (parseInt($lefty.css('left'),10)+500)  ;

		$position_scrollable_DR+=1005;

		// si max right atteint on affiche la fleche droite
		if($position_scrollable_DR >= $max_scrollable_right_DR ){ $('#slider_DR #bt-slide-right').show(); }

		//si max left atteint on masque la fleche gauche
		if($position_scrollable_DR >= 0) {
			$position_scrollable_DR = 0;
			$('#slider_DR #bt-slide-left').hide();
		}

		// on deplace le scrollable
		$lefty_scrollable_DR.animate(
			{ left: $position_scrollable_DR+'px'}
		)
	});


	// click fleche droite
    $('#slider_DR #bt-slide-right').click(function() {

		//alert(' width slide = ' + $width_scrollable_slide_DR +' \n width_container = '+ $width_scrollable_container_DR +' \n position = '+ $position_scrollable_DR +' \n max='+ $max_scrollable_right_DR );

		$position_scrollable_DR-=1005;

		// si max right atteint on masque la fleche droite
		if($position_scrollable_DR <= $max_scrollable_right_DR ){
		  $position_scrollable_DR = $max_scrollable_right_DR;
		  $('#slider_DR #bt-slide-right').hide();
		  //alert('MAX LEFT');
		}

		// si coordonnee gauvche > 0 on affiche la fleche gauche
		if($position_scrollable_DR < 0) { $('#slider_DR #bt-slide-left').show();}

		//on deplace le scrollable
		$lefty_scrollable_DR.animate(
		  {left: $position_scrollable_DR+'px'}
		)
	});


	// ######## gestion du scroll horizontal avec la roulette de la souris #######

	//var intOverallDelta = 0;

	$('#container-slide_DR').mousewheel(function (objEvent, intDelta) {

		if(intDelta>0){
			//intOverallDelta++;
			//$("#info_left").html("Delta = " +intDelta+ "(" +intOverallDelta+ ") ["+$position_scrollable_DR+"]");

			// effectue le test uniquement si scrollable est ds l'intervale de scroll
			if($position_scrollable_DR >= 0) {
				//$("#info_left").html("max left");
			}else{
				//$("#slider #bt-slide-left").trigger('click');

				$position_scrollable_DR+=1005;

				// si max right atteint on affiche la fleche droite
				if($position_scrollable_DR >= $max_scrollable_right_DR ){ $('#slider_DR #bt-slide-right').show(); }

				//si max left atteint on masque la fleche gauche
				if($position_scrollable_DR >= 0) {
					$position_scrollable_DR = 0;
					$('#slider_DR #bt-slide-left').hide();
				}

				// on deplace le scrollable
				$lefty_scrollable_DR.animate(
					{ left: $position_scrollable_DR+'px'}, 50
				)
			}
		}else if(intDelta<0){
			//intOverallDelta--;
			//$("#info_left").html("Delta = "+intDelta+"("+intOverallDelta+")["+$position_scrollable_DR+"]");

			// effectue le test uniquement si scrollable est ds l'intervale de scroll
			if($position_scrollable_DR <= $max_scrollable_right_DR ){
				//$("#info_left").html("max right");
			}else{
				//$("#slider #bt-slide-right").trigger('click');

				$position_scrollable_DR-=1005;

				// si max right atteint on masque la fleche droite
				if($position_scrollable_DR <= $max_scrollable_right_DR ){
				  $position_scrollable_DR = $max_scrollable_right_DR;
				  $('#slider_DR #bt-slide-right').hide();
				  //alert('MAX LEFT');
				}

				// si coordonnee gauvche > 0 on affiche la fleche gauche
				if($position_scrollable_DR < 0) { $('#slider_DR #bt-slide-left').show();}

				//on deplace le scrollable
				$lefty_scrollable_DR.animate(
				  {left: $position_scrollable_DR+'px'}, 50
				)
			}
		}
	});

*/


/*
 *****************************
 * Scroll div year
 *****************************
*/

 var $lefty_submenu = $('#sub-menu');
 var $position_submenu = 0;
 var $width_submenu_container=$('#container-submenu-visible').width();
 var $width_submenu_slide=$('#sub-menu ul').width();
 var $max_submenu_right= -($width_submenu_slide - $width_submenu_container);


 $('#scroll_year_left').hide();

 // masque fleche droite si submenu_slide < submenu_container
	if($width_submenu_slide < $width_submenu_container){	$('#scroll_year_right').hide();	}

 // positionnement de la date selectionnee au milieu de conteneur
 $submenuplacement_default = -$('#submenu_placement').val()+($width_submenu_container/2);
 if($submenuplacement_default>0){
		$submenuplacement_default=0;
	}else if($submenuplacement_default < $max_submenu_right){
		$submenuplacement_default=$max_submenu_right;
	}

 if($submenuplacement_default < 0) { $('#scroll_year_left').show();}

 $lefty_submenu.animate(
		{ left: $submenuplacement_default+'px'}
	)

	// click fleche gauche
	$('#scroll_year_left').click(function() {
	//alert(parseInt($lefty_sub.css('left')));
	//$k = (parseInt($lefty.css('left'),10)+500)  ;

		$position_submenu+=500;

		// si max right atteint on affiche la fleche droite
		if($position_submenu >= $max_submenu_right ){ $('#scroll_year_right').show(); }

		//si max left atteint on masque la fleche gauche
		if($position_submenu >= 0){
			$position_submenu = 0;
			$('#scroll_year_left').hide();
		}

		$lefty_submenu.animate(
			{ left: $position_submenu+'px'}
		)
	});


	// click fleche droite
    $('#scroll_year_right').click(function() {

	  $position_submenu-=500;
	  //alert(' width_sub ' + $width_sub_slide +' \n width_sub_slide '+ $width_sub_container +' \n position='+ $position_sub +' \n max='+ $max_right );

	  //alert($('#submenu_placement').val());

	  // si max right atteint on masque la fleche droite
	  if($position_submenu <= $max_submenu_right ){
		$position_submenu = $max_submenu_right;
		$('#scroll_year_right').hide();
		//alert('MAX LEFT');
		}

	  // si max left atteint on affiche la fleche gauche
	  if($position_submenu < 0) { $('#scroll_year_left').show();}

	  $lefty_submenu.animate(
		{left: $position_submenu+'px'}
	  )
	});



	// gestion du scroll year avec la roulette de la souris
	$('#container-submenu-visible').mousewheel(function (objEvent, intDelta) {

		if(intDelta>0){

			// effectue le test uniquement si scrollable est ds l'intervale de scroll
			if($position_submenu >= 0) {
				//$("#info_left").html("max left");
			}else{
				$position_submenu+=300;

				// si max right atteint on affiche la fleche droite
				if($position_submenu >= $max_submenu_right ){ $('#scroll_year_right').show(); }

				//si max left atteint on masque la fleche gauche
				if($position_submenu >= 0){
					$position_submenu = 0;
					$('#scroll_year_left').hide();
				}

				$lefty_submenu.animate(
					{ left: $position_submenu+'px'} , 100
				)
			}
		}else if(intDelta<0){

			// effectue le test uniquement si scrollable est ds l'intervale de scroll
			if($position_submenu <= $max_submenu_right ){
				//$("#info_left").html("max right");
			}else{
				$position_submenu-=300;

				// si max right atteint on masque la fleche droite
				if($position_submenu <= $max_submenu_right ){
				  $position_submenu = $max_submenu_right;
				  $('#scroll_year_right').hide();
				  //alert('MAX LEFT');
				  }

				// si max left atteint on affiche la fleche gauche
				if($position_submenu < 0) { $('#scroll_year_left').show();}

				$lefty_submenu.animate(
				  {left: $position_submenu+'px'} , 100
				)
			}
			//$("#scroll_year_right").trigger('click');
		}
	});


/*
 *****************************
 * affichage titre et real rollover affiche vfx
 *****************************
*/

$('#horizontal-list .element .infos').hide();
$('#horizontal-list .element .infos_over').hide();

$("#horizontal-list .element").hover(function(){
		$(this).children('.infos_over').show();
		$(this).children('.infos').show();
		$(this).children('.infos_over').css('color', '#F7AC6B');
		$(this).children('.infos_over').children('.title').css('color','#b9683b');
		// Commercials
		$(this).children('#infos_com').children('.toto').css('color', '#F7AC6B');
		$(this).children('#infos_com').children('.title').css('color','#b9683b');
	},
	function(){
		$(this).children('.infos').hide();
		$(this).children('.infos_over').hide();
		$(this).children('#infos_com').children('.toto').css('color', '#333333');
		$(this).children('#infos_com').children('.title').css('color','#736D6F');
	}
);





});