$(document).ready(function()
	{

		var currentposition = 1;
		var car_count = $("#rea_button").attr("count");

		$("#goute_" + currentposition).addClass("current");
		$(".rea_affich").hide();
		$("#rea_1").fadeIn("fast");

		// Défilement
		var carid = setInterval(function() 
		{
			var newposition = parseInt( currentposition ) + 1;
			if( car_count < newposition ) newposition = 1;

			$("#rea_" + currentposition).fadeOut( 500, function()
			{
				// Défilement si caché
				CarGoPosition( newposition, currentposition, car_count, car_count - 4 );
				
				// Apparence du bouton
				currentposition = CarChangeButton( currentposition, newposition );
				$("#rea_" + currentposition).fadeIn( 3500 );
			});
		}, 7000);
		
		$("#rea_button div").click( function()
		{
			
			clearInterval( carid );
			var newposition = parseInt( $(this).attr("num") );
			
			$("#rea_" + currentposition).fadeOut( 500, function()
			{
				currentposition = CarChangeButton( currentposition, newposition );
				$("#rea_" + currentposition).fadeIn( 3500 );
				var carid = setInterval(function() 
				{
					var newposition = parseInt( currentposition ) + 1;
					if( car_count < newposition ) newposition = 1;
		
					$("#rea_" + currentposition).fadeOut( 500, function()
					{
						// Défilement si caché
						CarGoPosition( newposition, currentposition, car_count, car_count - 4 );
						
						// Apparence du bouton
						currentposition = CarChangeButton( currentposition, newposition );
						$("#rea_" + currentposition).fadeIn( 3500 );
					});
				}, 7000);
			});

		});
		
		/*$("#car_navi span").click( function()
		{
			clearInterval( carid );
			var newposition = parseInt( $(this).attr("cible") );
			var newypos = -( ( newposition - 1 ) * 65 );
			var temps = 1500;

			$("#rea_button").animate(
			{
		    top: newypos
		  }, temps, function() {
		    $("#currentposition").val( newposition );
		  });

			
			currentposition = CarChangeButton( currentposition, newposition );
			
			var carid = setInterval(function() 
			{
				var newposition = parseInt( currentposition ) + 1;
				if( car_count < newposition ) newposition = 1;
	
				$("#rea_" + affcurrent).fadeOut( 500, function()
				{
					// Défilement si caché
					CarGoPosition( newposition, currentposition, car_count, car_count - 4 );
					
					// Apparence du bouton
					currentposition = CarChangeButton( currentposition, newposition );
					$("#rea_" + aff).fadeIn( 3500 );
				});
			}, 5000);
		
		});*/

	});
	
	function CarGoPosition( position, currentposition, car_count , limit )
	{
		var car_y_pos = $("#rea_button").css("top");
		var pxlimit = -( limit * 65 );
		var temps = 1500; //* Math.abs( currentposition - position );
		
		if( ( position > currentposition ) && ( (currentposition - 4 ) >= 0 ) )
		{
			$("#rea_button").animate(
			{
		    top: "-=65"
		  }, temps, function() {
		    $("#currentposition").val( currentposition );
		  });
		}
		if( position == 1 )
		{
			$("#rea_button").animate(
			{
		    top: "0"
		  }, temps, function() {
		    $("#currentposition").val( currentposition );
		  });
		}
	}
	
	function CarChangeButton( currentposition, newposition )
	{
		$("#btncar_" + currentposition).removeClass("btn_in");
		$("#btncar_" + currentposition).addClass("btn_out");
		$("#btncar_" + newposition).addClass("btn_in");
		$("#btncar_" + newposition).removeClass("btn_out");
		$("#goute_" + currentposition).removeClass("current");
		currentposition = newposition;
		$("#goute_" + currentposition).addClass("current");
		
		$("#rea_lien").html("");
		var realien = $("#rea_" + currentposition).attr("lien");
		if( realien != "" ) 
		{
			$("#rea_lien").html('<a href="' + realien + '" target="_blank">' + realien + '</a>');
		}
		
		return currentposition;
	}