$(document).ready(function(){
    // démarre le timer
    $('div.slide').css("position","absolute");
    var timer=null;
    transite();
    $('div#bg_onglet a#id1').addClass('actif');
    $('div.slide').not('#slide1').hide();
    $('div.textslide').not('#texte1').hide();
    
    // Fait devenir "actif" l'onglet pressé'
    $('div#bg_onglet a').live('click', function(e){
        e.preventDefault();
        $('div#bg_onglet a').removeClass('actif');
        $(this).addClass('actif');
        
        // récupération de l'id pressé'
        var ID = $(this).attr('id').slice(2);
        
        // action sur l'id:
        if($('div.slide#slide'+ID).is(':hidden'))
            afficheslide(ID);
        return false;
    });
    
    function afficheslide(id){
        // text
        $('div.textslide').fadeOut('fast');
        $('div.textslide#texte'+id).fadeIn('fast'); 
        // image
        $('div.slide').not(":hidden").fadeOut(250);
        $('div.slide#slide'+id).fadeIn(350);
    };
    
    // Au passage de la souris sur le slider
    $('div#slider').hover(
        function(){
            // On passe la souris dessus
            clearTimeout(timer);
        },
        function(){
            // On quitte la div
            transite();
        }
    );
    
    //timer
    function transite(){
            timer = setInterval(function(){
                // compte le nombre d'onglet
                var nbslide = $('div#bg_onglet a').length;
                var id = parseInt($('div#bg_onglet a.actif').attr('id').substring(2));
                // retour à la première slide si c'est la dernière slide'
                if(id+1>nbslide)
                    id = 1;
                else
                    id = id+1;
                    
                // simule le click sur le bon onglet
                $('div#bg_onglet a#id'+id).click();

            },8000);
    };
});