$(document).ready(function(){

    var largeurSliderHome = 743;
    var largeurSliderCatalogue = 55;
    var vignetteEnCours = 1;
    var catalogueEnCours = 1;

    var nbVignetteHome = 4;
    var nbMaxCatalogue = $('#content_slider_catalogue > li').size();
    var nbCatalogue = 1;
    
    var idBtn = 1;
    var t = '';

    //Placement des vignette pour le slider principal
    for(i=1;i<=nbVignetteHome;i++){
        marginVignette = parseInt(largeurSliderHome)*(parseInt(i)-1);
        $('#slide_'+i).css('margin-left',marginVignette+'px');
        $('#slide_'+i).css('width',largeurSliderHome+'px');
    }

    for(i=1;i<=nbMaxCatalogue;i++){
        marginVignette = parseInt(largeurSliderCatalogue)*(parseInt(i)-1);
        $('#catalogue_slider_'+i).css('margin-left',marginVignette+'px');
    }

    //Click sur les bouton 1,2,3,4 du slider
    $('#slider_control > li').click(function(){

        nbVignette = $(this).attr('id').split('_');
        nbVignette = nbVignette[2];
        
        if(parseInt(nbVignette)!=parseInt(vignetteEnCours)){
            
            marginVignette = parseInt(largeurSliderHome)*(parseInt(nbVignette)-1);

            $('.txt_slider_home').fadeOut();
            
            $('#container_slider_home').animate({
                'margin-left': '-'+marginVignette+'px'
                },500,function(){
                    $('#slide_'+nbVignette).find('.txt_slider_home').fadeIn();
                }
            );
            vignetteEnCours = nbVignette;
            
            window.clearTimeout(t);
            
            idBtn = nbVignette;
            
            t=setTimeout(function(){clickButton(idBtn)},10000);
            
            

        }

    });

    $('#slider_catalogue_back').click(function(){

        if(nbCatalogue>1){
            marginCatalogue = parseInt(largeurSliderCatalogue)*(parseInt(nbCatalogue)-2);
            $('#content_slider_catalogue').animate({'margin-left':'-'+marginCatalogue},500);
            nbCatalogue--;
        }

    });

    $('#slider_catalogue_next').click(function(){

        if(nbCatalogue!=(parseInt(nbMaxCatalogue)-2)){
            marginCatalogue = parseInt(largeurSliderCatalogue)*(parseInt(nbCatalogue));
            $('#content_slider_catalogue').animate({'margin-left':'-'+marginCatalogue},500);
            nbCatalogue++;
        }
    });
    
    
    
    function clickButton(idBtn){
        
        if(idBtn>4){
            idBtn = 1;
        }
        
        $('#slider_btn_'+idBtn).click();
        
        timeClick(idBtn);
        
    }
    
    function timeClick(idBtn){
        
        t=setTimeout(function(){clickButton(idBtn)},10000);
        idBtn++;
        
    }

    timeClick(idBtn);

});