$(function(){

$(document).ready(function () 
{
  lancer_diaporama(); 	
});

});

function lancer_diaporama(){
  $('#bg-1')
      .animate({opacity: 1, right: '+=100'}, {duration: 3000, easing: 'easeOutBack'})
	    .animate({opacity: 0, right: '+=100'}, {duration: 3000, easing: 'easeOutBack'});
	
	$('#anim-1')
  	.animate({opacity: 1, left: '+=200'}, {duration: 3000, easing: 'easeOutBack'})
  	.animate({opacity: 0, left: '+=200'}, {duration: 3000, easing: 'easeOutBack'});
 	
  	$('#bg-2')
	.delay(5000).animate({opacity: 1, left: '+=100'}, {duration: 3000, easing: 'easeOutBack'})
	.animate({opacity: 0, left: '+=100'}, {duration: 3000, easing: 'easeOutBack'});
	
	$('#anim-2')
  	.delay(5000).animate({opacity: 1, right: '+=200'}, {duration: 3000, easing: 'easeOutBack'})
  	.animate({opacity: 0, right: '+=200'}, {duration: 3000, easing: 'easeOutBack'});
  	
  	$('#bg-3')
	.delay(10000).animate({opacity: 1, left: '+=100'}, {duration: 3000, easing: 'easeOutBack'})
	.animate({opacity: 0, left: '+=100'}, {duration: 3000, easing: 'easeOutBack'});
	
	$('#anim-3')
  	.delay(10000).animate({opacity: 1, right: '+=200'}, {duration: 3000, easing: 'easeOutBack'})
  	.animate({opacity: 0, right: '+=200'}, {duration: 3000, easing: 'easeOutBack'});
  	
  	$('#bg-4')
	.delay(15000).animate({opacity: 1, right: '+=100'}, {duration: 3000, easing: 'easeOutBack'})
	.animate({opacity: 0, right: '+=100'}, {duration: 3000, easing: 'easeOutBack'});
	
	$('#anim-4')
  	.delay(15000).animate({opacity: 1, left: '+=200'}, {duration: 3000, easing: 'easeOutBack'})
  	.animate({opacity: 0, left: '+=200'}, {duration: 3000, easing: 'easeOutBack'});
  	
  	$('#bg-5')
	.delay(20000).animate({opacity: 1, right: '+=100'}, {duration: 3000, easing: 'easeOutBack'})
	.animate({opacity: 0, right: '+=100'}, {duration: 3000, easing: 'easeOutBack'});
	
	$('#anim-5')
  	.delay(20000).animate({opacity: 1, left: '+=200'}, {duration: 3000, easing: 'easeOutBack'})
  	.animate({opacity: 0, left: '+=200'}, {duration: 3000, easing: 'easeOutBack'});
  	
  	$('#bg-6')
	.delay(25000).animate({opacity: 1, right: '+=100'}, {duration: 3000, easing: 'easeOutBack'})
	.animate({opacity: 0, right: '+=100'}, {duration: 3000, easing: 'easeOutBack'});
	
	$('#anim-6')
  	.delay(25000).animate({opacity: 1, left: '+=200'}, {duration: 3000, easing: 'easeOutBack'})
  	.animate({opacity: 0, left: '+=200'}, {duration: 3000, easing: 'easeOutBack'})
    .queue(function() {
      lancer_diaporama2(); //Boucle sur le diaporama
      $(this).dequeue();
    });
}

function lancer_diaporama2(){
  $('#anim-1').css('left','0');
  $('#bg-1').css('right','100px');
  
  $('#bg-2').css('left','0');
  $('#anim-2').css('right','0');
  
  $('#bg-3').css('left','0');
  $('#anim-3').css('right','0');
  
  $('#bg-4').css('right','0');
  $('#anim-4').css('left','0');
  
  $('#bg-5').css('right','0');
  $('#anim-5').css('left','0');
  
  $('#bg-6').css('right','0');
  $('#anim-6').css('left','0');
  lancer_diaporama();
}