$(document).ready(function($) {
    function clickTab(num) {
        // tout cacher les tabs
        $('div.scroll-container').removeClass('active');
        // puis, afficher celui qui vient d'être activé
        $('div#container-tab-' + num).addClass('active');
        
        // ajuster le bouton actif
        $('#tabs li a').removeClass('active').filter('#btn-tab-' + num).addClass('active');
    }
    
    $('a#btn-tab-1').click(function() {clickTab('1');return false;});
    $('a#btn-tab-2').click(function() {clickTab('2');return false;});
    $('a#btn-tab-3').click(function() {clickTab('3');return false;});
    
    
    // scroller des tabs
    $('.scroll-container').serialScroll({
        //target:'ul',
        items:'li.ligne-1',
        duration:1000,
        step: 3, // 3 items par page
        exclude: 3,
        onBefore:function( e, elem, $pane, $items, pos ){
            // cacher le lien previous/next si on est à la limite
            var $prev = $('.prev', $pane);
            var $next = $('.next', $pane);
            $($prev).add($next).show();
            if (pos == 0) {
                $prev.hide();
            } else {
                $next.hide();
            }
        },
        force: true // on force à revenir au premier élément,
                    // car si on fait reload il reste sur le même élément, et comme on cache le lien previous ça cause problème.
    });
    $('.scroll-container').each(function(i) {
        var $this = $(this);
        $('.next', $this).click(function(e) { $this.trigger('next'); });
        $('.prev', $this).click(function(e) { $this.trigger('prev'); });
    });
    // cacher les liens "previous" par défaut
    $('.prev').hide();
    
    $('#player .player').flowplayer('flowplayer.swf',
            {
            autoPlay: true,
            plugins: { 
                controls : { url: 'flowplayer.controls.swf' }
            },
            play: {
                replayLabel: 'Rejouer'
            },
            playlist: [
                'img/player3.jpg',
                { url: $('#player .video-default').attr('href'),
                  autoPlay: false }
            ]
        });
    flowplayer(0).load();
    
    $('.list-1 li a').click(function(event) {
        var $this = $(this);
        var href = $this.attr('href');
        if (href && href != "#") {
            $('#player .player').flowplayer(0).play({
                url: href
            });
            var $divText = $('.videoText', $this.parent());
            $('#videoText').html($divText.html());
        }
        return false;
    });
});