$(document).ready(function(){
    var currentPosition = 0;
    var slideWidth = 960;
    var slideHeight = 381;
    var slide = $('.slide');
    var nbreSlide = slide.length;
    var isSubSlide = 0;
    var autoStart = true;
    var x = null;
    var y = null;
    var currentClick2 = new Array();

    function startAutoSlide()
    {
        x = setInterval(function(){
            next();
        }, 5000);
    }

    function restartSlide()
    {
        clearInterval(x);

        if(maxSlide>1) {
            clearTimeout(y);
            y = setTimeout(startAutoSlide, 15000); 
        }
    }

    var minSlide = 1;
    var maxSlide = slide.length;
    var currentSlide = 1;
    
    // 1 = de droite à gauche (en avant)
    // -1 = de gauche à droite (en arrière)
    var sensSlide = 1;

    function next(button)
    {
        // Si on à cliquez sur un bouton, on arrete l'autostart'
        if(button=='rightControl')
        {
            sensSlide = 1;
        } else if (button=='leftControl')
        {   
            sensSlide = -1;
        } else
        {    
            if(currentSlide==maxSlide) {
               sensSlide = -1;
           }
           if(currentSlide==minSlide)
           {
               sensSlide = 1;
           }
        }
        
        // Si on est au max, en va en arrière
        currentSlide = currentSlide + sensSlide;

        manageControls(currentSlide-1);
        $('#slideInner').animate({
            'marginLeft' : slideWidth*(-(currentSlide-1))
        });
    }
    
    var arraySlide = new Array();
    var i = 0;

    slide.wrapAll('<div id="slideInner"></div>');
    $('#slideInner').css('width', slideWidth * nbreSlide);

    $('#slide')
        .prepend('<span class="control" id="leftControl">Déplacer à gauche</span>')
        .append('<span class="control" id="rightControl">Déplacer à droite</span>');
        
    $('.slide').each(function(){
        arraySlide[i] = $(this).children('.subSlide').length;

        if(arraySlide[i]>0)
        {
            $(this).children().wrapAll('<div class="subSlideInner'+i+'"></div>');
            $('.subSlideInner'+i).css('width', slideWidth);
            $('.subSlideInner'+i).css('height', slideHeight * arraySlide[i]);
            
            if(arraySlide[i]>1)
            {
                currentClick2[i] = i+"-0";
                $('.subSlideInner'+i).append('<ul class="page"></ul>');
                for (var j = 0; j < arraySlide[i]; j++) {
                    var numConcat = i+'-'+j;
                    if(currentClick2[i]==numConcat) {
                        $('.subSlideInner'+i+' > ul').append('<li><a href="#" class="ctrl page-link-select" id="'+numConcat+'"><span>'+j+'</span></a></li>');
                    } else {
                        $('.subSlideInner'+i+' > ul').append('<li><a href="#" class="ctrl" id="'+numConcat+'"><span>'+j+'</span></a></li>');
                    }
                } // end for
           } // end if
        } // end if
        
        i++;
    });

    manageControls(currentPosition);
    
    $('.control')
        .bind('click', function(){
        restartSlide();
        next($(this).attr('id'));
    });  

    $('.ctrl')
    .bind('click', function(event){
        restartSlide();
        event.preventDefault();

        var currentSubslide = $(this).attr('id');
        var a = currentSubslide.split('-');

        var positionOld = parseInt(a[0]);
       $('#'+currentClick2[positionOld]).removeClass('page-link-select');
       currentClick2[positionOld] = currentSubslide;
        $('.subSlideInner'+a[0]).animate({
            'marginTop' : slideHeight*(-a[1])
        });

        $(this).addClass('page-link-select');
    });

  function manageControls(position){
    // Hide left arrow if position is first slide
    if(position==0){ $('#leftControl').hide() }
    else{ $('#leftControl').show() }
    // Hide right arrow if position is last slide
    if(position==nbreSlide-1){ $('#rightControl').hide() }
    else{ $('#rightControl').show() }
    }

    function manageControls2(position){
    // Hide left arrow if position is first slide
    if(position==0){ $('#leftControl2').hide() }
    else{ $('#leftControl2').show() }
    // Hide right arrow if position is last slide
    if(position==nbreSubSlide-1){ $('#rightControl2').hide() }
    else{ $('#rightControl2').show() }
    }

 $('#prestations').click(function(event){
     event.preventDefault();
     $('#menu-prestations').slideToggle('medium');
 });


if(maxSlide>1) {
    startAutoSlide();
}

if(document.getElementById('slider')){
var wrapperwidth=$('#slider').width()*$('#slider ul > li').size();$('#slider ul').css('width',wrapperwidth);var wrapperheight=$('#slider').height();$('#slider ul').css('height',wrapperheight);var width=$('#slider').width();$('#slider ul li').css('width',width);var counter=$('#slider ul > li').size();var decount=1;var autocount=1;var createNum=1;$('#numbers li:first-child').html(createNum).addClass('activenum').attr('id','id1');while(createNum!=counter){$('#numbers li:last-child').after('<li>  </li>');createNum++;$('#numbers li:last-child').html(createNum);$('#numbers li:last-child').attr('id','id'+createNum);}
var numwidth=$('#numbers li:first-child').width()*$('#numbers li').size();function goNext(){if(decount!=counter){$('#slider ul').animate({left:'-='+$('#slider').width()},400,'swing',function(){});$('.activenum').removeClass('activenum').next().addClass('activenum');decount++;window.location.hash=decount;}}
function goBack(){if(decount!=1){$('#slider ul').animate({left:'+='+$('#slider').width()},400,'swing',function(){});$('.activenum').removeClass('activenum').prev().addClass('activenum');decount--;window.location.hash=decount;}}
$("#numbers li").click(function(){var clickednum=$(this).html()*-$('#slider').width()+$('#slider').width();$('#slider ul').animate({left:clickednum},400,'swing',function(){});$('.activenum').removeClass('activenum');$(this).addClass('activenum');decount=$(this).html();window.location.hash=$(this).html();});if(window.location.hash!=''){var hashnum=window.location.hash.substr(1)*-$('#slider').width()+$('#slider').width();$('#slider ul').animate({left:hashnum},0,function(){});decount=window.location.hash.substr(1);$('.activenum').removeClass('activenum');var hashname=window.location.hash.substr(1);$('#id'+hashname).addClass('activenum');}
$("#button-right").click(function(){goNext();});$("#button-left").click(function(){goBack();});$("#slider ul").mousewheel(function(event,delta){if(delta>0){goBack();event.stopPropagation();event.preventDefault();}});$("#slider ul").mousewheel(function(event,delta){if(delta<0){goNext();event.stopPropagation();event.preventDefault();}});
}
 

});