$(document).ready(function() {
//select all the a tag with name equal to modal


    //Configuration
    var retour = true;
    var tempsTransition = 2000;

    var tempsAttente = 6000;
    var icones = new Array();
    var currentPosition = 0;
    var slideWidth = 980;
    var slides = $('.slide');
    var numberOfSlides = slides.length;
    var interval;
    var lectureEnCours = false;
    // Supprime la scrollbar en JS
    // Attribue  #slideInner  à toutes les div .slide
    slides.wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
	    'float': 'left',
	    'width': slideWidth
	});

    // Longueur de #slideInner égale au total de la longueur de tous les slides
    $('#slideInner').css('width', slideWidth * numberOfSlides);

    // Insert controls in the DOM
    $('#slide-main').append('<span class="control" id="rightControl"></span>');



    // Hide left arrow control on first load
    //  manageControls(currentPosition);
    start();

    //Gestion de l'arrait quand on est sur l'image
    $("#slidesContainer").mouseover(function() {
        pause();
    }).mouseout(function() {
        start();
    });

    //Crée un écouteur d'évènement de type clic sur les classes .control
    $('.control')
    .bind('click', function() {
        // Determine la nouvelle position
        currentPosition = ($(this).attr('id') == 'rightControl') ? currentPosition + 1 : currentPosition - 1;

        ToSlide(currentPosition + 1, tempsTransition);


    });

    function ToSlide(value, tempsTransitionValue) {

 
        currentPosition = value - 1;
        if (currentPosition == numberOfSlides) {
            nexPostion = 1;
        } else {
            nexPostion = currentPosition + 1;
        }

        for (i = 1; i <= numberOfSlides; i++) {
            if (i == nexPostion) {

                var ValueClasse = "#ToSlide" + i.toString();
                $(ValueClasse).removeClass();
                $(ValueClasse).addClass("ToSlide clearfix selected");
            } else {
                var ValueClasse = "#ToSlide" + i.toString();

                $(ValueClasse).removeClass();
                $(ValueClasse).addClass("ToSlide clearfix");
            }
        }


        $('#BotumSlide').removeClass();
        $('#BotumSlide').addClass(ValueClasse);


        if (currentPosition == 0) {
            $('#slideInner').animate({
                'marginLeft': slideWidth * (-currentPosition)
            }, 0);
        }
        if (currentPosition == numberOfSlides) {
            $('#slideInner').animate({
                'marginLeft': 0
            }, 0);
            currentPosition = 0;
        }
        else {
            $('#slideInner').animate({
                'marginLeft': slideWidth * (-currentPosition)
            }, tempsTransitionValue);
        }

    

    }

    function next() {

        currentPosition = ($(this).attr('id') == 'rightControl1') ? 1 : currentPosition + 1;
        ToSlide(currentPosition + 1, tempsTransition);
    }

    function pres() {

    
        currentPosition = currentPosition - 1;
        nexPostion = currentPosition + 1;
        for (i = 1; i <= numberOfSlides; i++) {
            if (i == nexPostion) {

                var ValueClasse = "#ToSlide" + i.toString();
                $(ValueClasse).removeClass();
                $(ValueClasse).addClass("ToSlide clearfix selected");
            } else {
                var ValueClasse = "#ToSlide" + i.toString();

                $(ValueClasse).removeClass();
                $(ValueClasse).addClass("ToSlide clearfix");
            }
        }
        // Cache ou montre les controles
        manageControls(currentPosition);
        // Fais bouger le slide

        $('#slideInner').animate({
            'marginLeft': slideWidth * (-currentPosition)
        }, tempsTransition);

      
    }



    $('#ToSlide1').click(function() { ToSlide(1,0); });
    $('#ToSlide2').click(function() { ToSlide(2,0); });
    $('#ToSlide3').click(function() { ToSlide(3,0); });
    $('#ToSlide4').click(function() { ToSlide(4,0); });
    $('#ToSlide5').click(function() { ToSlide(5,0); });


    $('#rightControl1').click(function() { next(); });
    $('#rightControl2').click(function() { next(); });
    $('#leftControl2').click(function() { pres(); });
    $('#rightControl3').click(function() { next(); });
    $('#rightControl4').click(function() { next(); });
    $('#leftControl3').click(function() { pres(); });
    $('#leftControl4').click(function() { pres(); });
    $('#leftControl5').click(function() { pres(); });

    // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
    function manageControls(position) {
        // Cache la fleche "précédent" si on est sur le premier slide

        if (position == numberOfSlides && retour == true) {
            currentPosition = 0;

        }
    }
    function suivant() {
        $('#rightControl').click();

    }


    function start() {

        lectureEnCours = true;
        interval = setInterval(suivant, tempsAttente);

    }
    function pause() {
        lectureEnCours = false;
        clearInterval(interval);
    }

});