var visite_step = 1;
var blocked = false;
$(document).ready(function() {
    /*-----BOUTON SUIVANT/PRECEDENT-----*/
    $('#prev').click(function() {
        if(!blocked)
        {
            blocked = true;
            if(visite_step == 2)
            {
                $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '450px'}, 500);
                visite_step--;
                $('.visite_guidee .visite_block.visite1').css('left', '-450px').animate({left: '0px'}, 500, function() {blocked=false;});
                $('#prev').css('visibility', 'hidden');
            }
            else
            {
                $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '450px'}, 500);
                visite_step--;
                $('.visite_guidee .visite_block.visite'+visite_step).css('left', '-450px').animate({left: '0px'}, 500, function() {blocked=false;});
                $('#prev').css('visibility', 'visible');
                $('#next').css('visibility', 'visible');
            }
            $('.visite_guide img').each(function() {
                $(this).attr('src', 'images/visite_'+$(this).attr('id')+'.jpg')
            });
            $('#step'+visite_step).attr('src', 'images/visite_step'+visite_step+'_a.jpg');
        }
    });
    $('#next').click(function() {
        if(!blocked)
        {
            blocked = true;
            if(visite_step == 5)
            {
                $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '-450px'}, 500, function() {$('.visite_guidee .visite_block.visite'+visite_step).css('left', '450px')});
                $('#next').css('visibility', 'hidden');
                visite_step++;
                $('.visite_guidee .visite_block.visite6').animate({left: '0px'}, 500, function() {blocked=false;});
            }
            else
            {
                $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '-450px'}, 500, function() {$('.visite_guidee .visite_block.visite'+visite_step).css('left', '450px')});
                visite_step++;
                $('#prev').css('visibility', 'visible');
                $('#next').css('visibility', 'visible');
                $('.visite_guidee .visite_block.visite'+visite_step).css('left', '450px').animate({left: '0px'}, 500, function() {blocked=false;});
            }
            $('.visite_guide img').each(function() {
                $(this).attr('src', 'images/visite_'+$(this).attr('id')+'.jpg')
            });
            $('#step'+visite_step).attr('src', 'images/visite_step'+visite_step+'_a.jpg');
        }
    });
    /*-----BOUTON LIRE LA SUITE-----*/
    $('.lire_la_suite').click(function() {
        if(visite_step == 5)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '-450px'}, 500, function() {$('.visite_guidee .visite_block.visite'+visite_step).css('left', '450px')});
            $('#next').css('visibility', 'hidden');
            visite_step++;
            $('.visite_guidee .visite_block.visite6').animate({left: '0px'}, 500);
        }
        else
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '-450px'}, 500, function() {$('.visite_guidee .visite_block.visite'+visite_step).css('left', '450px')});
            visite_step++;
            $('#prev').css('visibility', 'visible');
            $('#next').css('visibility', 'visible');
            $('.visite_guidee .visite_block.visite'+visite_step).css('left', '450px').animate({left: '0px'}, 500);
        }
        $('.visite_guide img').each(function() {
            $(this).attr('src', 'images/visite_'+$(this).attr('id')+'.jpg')
        });
        $('#step'+visite_step).attr('src', 'images/visite_step'+visite_step+'_a.jpg');
    });
    /*-----GUIDE-----*/
    $('#step1').click(function() {
        var step = 1;
        if(visite_step>step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '-450px').animate({left: '0px'}, 500);
        }
        else if(visite_step<step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '-450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '450px').animate({left: '0px'}, 500);
        }
        $('.visite_guide img').each(function() {
            $(this).attr('src', 'images/visite_'+$(this).attr('id')+'.jpg')
        });
        $(this).attr('src', 'images/visite_'+$(this).attr('id')+'_a.jpg');

        $('#prev').css('visibility', 'hidden');
        $('#next').css('visibility', 'visible');
    });
    $('#step2').click(function() {
        var step = 2;
        if(visite_step>step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '-450px').animate({left: '0px'}, 500);
        }
        else if(visite_step<step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '-450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '450px').animate({left: '0px'}, 500);
        }
        $('.visite_guide img').each(function() {
            $(this).attr('src', 'images/visite_'+$(this).attr('id')+'.jpg')
        });
        $(this).attr('src', 'images/visite_'+$(this).attr('id')+'_a.jpg');
        $('#prev').css('visibility', 'visible');
        $('#next').css('visibility', 'visible');
    });
    $('#step3').click(function() {
        var step = 3;
        if(visite_step>step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '-450px').animate({left: '0px'}, 500);
        }
        else if(visite_step<step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '-450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '450px').animate({left: '0px'}, 500);
        }
        $('.visite_guide img').each(function() {
            $(this).attr('src', 'images/visite_'+$(this).attr('id')+'.jpg')
        });
        $(this).attr('src', 'images/visite_'+$(this).attr('id')+'_a.jpg');
        $('#prev').css('visibility', 'visible');
        $('#next').css('visibility', 'visible');
    });
    $('#step4').click(function() {
        var step = 4;
        if(visite_step>step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '-450px').animate({left: '0px'}, 500);
        }
        else if(visite_step<step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '-450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '450px').animate({left: '0px'}, 500);
        }
        $('.visite_guide img').each(function() {
            $(this).attr('src', 'images/visite_'+$(this).attr('id')+'.jpg')
        });
        $(this).attr('src', 'images/visite_'+$(this).attr('id')+'_a.jpg');
        $('#prev').css('visibility', 'visible');
        $('#next').css('visibility', 'visible');
    });
    $('#step5').click(function() {
        var step = 5;
        if(visite_step>step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '-450px').animate({left: '0px'}, 500);
        }
        else if(visite_step<step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '-450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '450px').animate({left: '0px'}, 500);
        }
        $('.visite_guide img').each(function() {
            $(this).attr('src', 'images/visite_'+$(this).attr('id')+'.jpg')
        });
        $(this).attr('src', 'images/visite_'+$(this).attr('id')+'_a.jpg');
        $('#prev').css('visibility', 'visible');
        $('#next').css('visibility', 'visible');
    });
    $('#step6').click(function() {
        var step = 6;
        if(visite_step>step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '-450px').animate({left: '0px'}, 500);
        }
        else if(visite_step<step)
        {
            $('.visite_guidee .visite_block.visite'+visite_step).animate({left: '-450px'}, 500);
            visite_step = step;
            $('.visite_guidee .visite_block.visite'+step).css('left', '450px').animate({left: '0px'}, 500);
        }
        $('.visite_guide img').each(function() {
            $(this).attr('src', 'images/visite_'+$(this).attr('id')+'.jpg')
        });
        $(this).attr('src', 'images/visite_'+$(this).attr('id')+'_a.jpg');
        $('#prev').css('visibility', 'visible');
        $('#next').css('visibility', 'hidden');
    });
});