$(document).ready(function() {

	var pause = 4000;
	var transitionDuration = 300;
	
	function MoveTo1() 
	{
		// Top box: first slide
		$('.trainingComingUp ul').animate( {opacity: 0}, transitionDuration );
		$('.trainingComingUp ul').animate( {left: 0}, 10 );
		$('.trainingComingUp ul').animate( {opacity: 1}, transitionDuration , null,  function() { setTimeout( MoveTo2, pause);} );
	}
	  
	function MoveTo3() 
	{
		// Top box: third slide
		$('.trainingComingUp ul').animate( {opacity: 0}, transitionDuration );
		$('.trainingComingUp ul').animate( {left: -341}, 10 );
		$('.trainingComingUp ul').animate( {opacity: 1}, transitionDuration , null,  function() { setTimeout( MoveTo4, pause);} );
	}
	  
	function MoveTo4() 
	{
		// Top box: forth slide
		$('.trainingComingUp ul').animate( {opacity: 0}, transitionDuration );
		$('.trainingComingUp ul').animate( {left: -511}, 10 );
		$('.trainingComingUp ul').animate( {opacity: 1}, transitionDuration , null,  function() { setTimeout( MoveTo5, pause);} );
	}
	  
	function MoveTo5() 
	{
		// Top box: forth slide
		$('.trainingComingUp ul').animate( {opacity: 0}, transitionDuration );
		$('.trainingComingUp ul').animate( {left: -681}, 10 );
		$('.trainingComingUp ul').animate( {opacity: 1}, transitionDuration , null,  function() { setTimeout( MoveTo1, pause);} );
	}
	  
	function MoveTo2() 
	{
		// Top box: second slide
		$('.trainingComingUp ul').animate( {opacity: 0}, transitionDuration );
		$('.trainingComingUp ul').animate( {left: -170}, 10 );
		$('.trainingComingUp ul').animate( {opacity: 1}, transitionDuration , null,  function() { setTimeout( MoveTo3, pause);} );
	}
	 
	function StartMove() 
	{
		setTimeout(MoveTo2, pause);  
	}
	StartMove();

});