// JavaScript Document
$(document).ready(function(){
		var space = 550;
		var $free = $('.contenu_free');
		var $premium = $('.contenu_premium');
		var $donnee = $('.donnee');
		var $clk_left = $('.btn_left');
		var $clk_right = $('.btn_right');
		var $block = $('.contenu');
		var $pos_donnee = 0;
		var rotateInProgress = false;
		var pause=false;
		var nbr = $('.donnee').length-1;
		
		//----------Style-------------//
		$('#slider').css({
			'width' : 'space',
			'overflow' : 'hidden'
			}).find('.donnee').css({
			'float' : 'none',
			'position' : 'absolute',
			'left' : 600
			});
		$donnee.find('p:first').css({
			'margin' : '0px 0px 10px' 	
			});
		$donnee.eq(0).find('p').css({
			'margin':'20px 0 0 20px',
			'font-size' : '14px',
			'line-height' : '24px'
			});
		$donnee.eq(1).find('p').css({
			'margin':'20px 0 0 20px',
			'font-size' : '14px',
			'line-height' : '24px'
			});
                $donnee.eq(2).find('p').css({
			'margin':'20px 0 0 20px',
			'font-size' : '14px',
			'line-height' : '24px'
			});
		$free.find('li:first').css({
			'margin' : '10px 0 20px 0',
			'font-size' : '14px',
			'font-weight': 'bold',
			'padding' : '0',
			'background' : 'none'
			});
		$premium.find('li:first').css({
			'margin' : '0 30px 15px 0',
			'font-size' : '12px',
			'font-weight': 'bold',
			'padding' : '0',
			'background' : 'none',
			'text-align' : 'center',
			'line-height' : '16px'
			});
		//----------TIMER--------------//
		var timer = function(){
			if(!pause){
			pause=setTimeout(changer, 5000);
			}
		}
		
		//------------------------------//
		
		//--------------Click Automatique---------------//
		var changer = function(){
			pause=false
			if($pos_donnee<nbr){
			$clk_right.trigger('click');
			
			timer();
			}
			else{	
				$donnee.eq($pos_donnee).animate({'left' : +space},'slow');
				$donnee.eq($pos_donnee - nbr).animate({'left' : 0},'slow');
				$pos_donnee = 0;
				for(i=1;i<=nbr;i++){
					$donnee.eq(i).css('left',space);
				}
				$clk_right.show();
				$clk_left.hide();
			rotateInProgress=false;	
			timer();
			}
			
		}
		
		//-------------------------------------------------//
		
		
		//-------------------Pause lors de Survol---------------------//
		$block.hover(function(){
			clearTimeout(pause);
			pause=false;
		}, function(){
			if(!pause){
				pause = setTimeout(changer, 3000);
			}
		});
		//-------------------------------------------------------------//
		
		//--------------------Effet Survol sur Bouton---------------------//
		$clk_left.hover(function(){
			$clk_left.css({'background-position' : '0 0px'})
		},function(){
			$clk_left.css({'background-position' : '0 0'})
		});
		
		$clk_right.hover(function(){
			$clk_right.css({'background-position' : '0px 0px'})
		},function(){
			$clk_right.css({'background-position' : '0px 0'})
		});
		//-----------------------------------------------------------------//
		
		
		if($pos_donnee<1){
				$clk_left.hide();
			}
		
		$donnee.eq(0).css('left', 0);
		
		
		$clk_left.click(function(event) {
			if(!rotateInProgress){
				rotateInProgress = true;
				$donnee.eq($pos_donnee).animate({'left' : +space},'slow');
				$donnee.eq($pos_donnee - 1).animate({'left' : 0},'slow', function(){
							rotateInProgress=false;
					});
				-- $pos_donnee;
				;
				if($pos_donnee<1){
					$clk_left.hide();
				}
				if($pos_donnee<nbr){
					$clk_right.show();
				}
				}
			});
		
		
		
		$clk_right.click(function(event) {
				if(!rotateInProgress){
				rotateInProgress = true;
				$donnee.eq($pos_donnee).animate({'left' : -space},'slow');
				$donnee.eq($pos_donnee +1).animate({'left' : 0},'slow', function(){
							rotateInProgress=false;
					});
				
				++ $pos_donnee;
				if($pos_donnee>0){
					$clk_left.show();
				}
				if($pos_donnee>nbr-1){
					$clk_right.hide();
				}
			}
			});
		//----lancement du timer au chargement de la page--//
		timer();
		
});