var CURRENT_REFERENCE=0;
var NUM_REFERENCE=0;
var VITESSE_REFERENCE=5000;
var TIMEOUT_REFERENCE;
var VITESSE_FADE_REFERENCE=50;
    
$(function(){

    NUM_REFERENCE = $('.middle div.liste').length;
    /*TIMEOUT_REFERENCE = setTimeout('slide_reference()', VITESSE_REFERENCE);*/

	$('#next_reference').click(function(){
        clearTimeout(TIMEOUT_REFERENCE);
        $('#slide_reference_'+CURRENT_REFERENCE).fadeOut(VITESSE_FADE_REFERENCE, function() {
            CURRENT_REFERENCE = CURRENT_REFERENCE+1;
            if (CURRENT_REFERENCE == NUM_REFERENCE) CURRENT_REFERENCE = 0;
            $('#slide_reference_'+CURRENT_REFERENCE).fadeIn(VITESSE_FADE_REFERENCE);
            TIMEOUT_REFERENCE = setTimeout('slide_reference()', VITESSE_REFERENCE);
        });
        
	});

	$('#prev_reference').click(function(){
        clearTimeout(TIMEOUT_REFERENCE);
        $('#slide_reference_'+CURRENT_REFERENCE).fadeOut(VITESSE_FADE_REFERENCE, function() {
            if (CURRENT_REFERENCE == 0) CURRENT_REFERENCE = NUM_REFERENCE;
            CURRENT_REFERENCE = CURRENT_REFERENCE-1;
            $('#slide_reference_'+CURRENT_REFERENCE).fadeIn(VITESSE_FADE_REFERENCE);
            TIMEOUT_REFERENCE = setTimeout('slide_reference()', VITESSE_REFERENCE);
        });

	});

});

function slide_reference()
{
    $('#slide_reference_'+CURRENT_REFERENCE).fadeOut(VITESSE_FADE_REFERENCE, function() {
        CURRENT_REFERENCE = CURRENT_REFERENCE+1;
        if (CURRENT_REFERENCE == NUM_REFERENCE) CURRENT_REFERENCE = 0;
        $('#slide_reference_'+CURRENT_REFERENCE).fadeIn(VITESSE_FADE_REFERENCE);
        TIMEOUT_REFERENCE = setTimeout('slide_reference()', VITESSE_REFERENCE);
    });
}