var $jQuery = jQuery.noConflict();
$jQuery(document).ready(function () {
	
  	cham_initAll();
	 
    
});


//---------------------
//
//---------------------
function cham_initAll()
{

	
	var container = $jQuery('.viewport');
	
 
	
  // l'objet devient notre registry :
  // propriétés constantes :
   container.data('largeur', parseInt( container.find('ul.liste li:first').css('width') ) ); 
   container.data('maxPages', container.find('ul.liste li').length);
   container.find('ul.liste').css('width', (container.data('maxPages')+1) * container.data('largeur') );
   container.data('moving', false);
   container.data('currentPage', 1);
   container.data('timeoutDelay', 12000); // n secondes x 1000 
   
	// -----------------
	// les boutons :
	// -----------------
	
	$jQuery('.right').unbind('click').click(function(){return cham_scrollLeft();});
	$jQuery('.left').unbind('click').click(function(){return cham_scrollRight();});
	
   

 
 	$jQuery('.viewport ').unbind('mouseenter').mouseenter(function( ){ 
 	$jQuery('.carrousel_navigation').animate({left:'0px'}, 'fast', function(){} ) 
 	return true;});
 	
	$jQuery('.viewport ').unbind('mouseleave').mouseleave(function(){  
	$jQuery('.carrousel_navigation').animate({left:'-200px'}, 'slow', function(){} )
	return true;});

		
  container.data('timemout', setTimeout("cham_scrollLeft()", container.data('timeoutDelay'))); 
	
}


//---------------------
//
//---------------------
function cham_scrollRight( )
{
	
	var container = $jQuery('.viewport');
	
	 
	clearTimeout(container.data('timemout'));
	container.data('timemout', setTimeout("cham_scrollLeft()", container.data('timeoutDelay')));
	
	
	var largeur = container.data('largeur');
	
	// le scroll est en mouvement :
	if(true == container.data('moving')){return false;}
	
	var page = container.data('currentPage');
	
	page--;
	if (page < 1){
	
		// on ramène devant le dernier :
		container.find('ul.liste li:last').insertBefore(container.find('ul.liste li:first'));
		container.find('ul.liste').css('left', -largeur + 'px');
		page = 1;
		}
		
		
	container.find('ul.liste').animate({'left':'+='+largeur+'px'}, 'slow', function(){ 
							// on inverse le flag
							$jQuery('.viewport').data('moving', false);
							} );
	
  
	container.data('moving', true);
	container.data('currentPage', page);	
	
	
	return false;
}
//---------------------
//
//---------------------
function cham_scrollLeft()
{
	
	var container = $jQuery('.viewport');
	
	clearTimeout(container.data('timemout'));
	container.data('timemout', setTimeout("cham_scrollLeft()", container.data('timeoutDelay'))); 
	
	 
	var largeur = container.data('largeur');
	// le scroll est en mouvement :
	if(true == container.data('moving')){return false;}
	
	var page = container.data('currentPage');
	
	page++;
	if (page > container.data('maxPages') ){
		// on ramène à la fin le premier :
		container.find('ul.liste li:first').insertAfter(container.find('ul.liste li:last'));
		container.find('ul.liste').css('left', (parseInt(container.find('ul.liste').css('left')) + largeur) + 'px');
		page = container.data('maxPages');
		}

	
	$jQuery('ul.liste').animate({'left':'-='+largeur+'px'}, 'slow', function(){$jQuery('.viewport').data('moving', false);} );
	container.data('moving', true);
	container.data('currentPage', page); 
	
	return false;
}


//---------------------
//
//---------------------