var paused     = false;
var fullscreen = false;
var muted      = true;

jQuery(document).ready(function() {
    $('#btn_play_pause').data('infobulle', {
        'on'  : 'lecture',
        'off' : 'pause'
    }).click(function(){
        document.getElementById('bg_video').play_pause();
        if (paused) {
            $(this).removeClass('on');
            paused = false;
        } else {
            $(this).addClass('on');
            paused = true;
        }
        return false;
    });
    $('#btn_fullscreen').data('infobulle', {
        'on'  : 'afficher le texte',
        'off' : $('#control_image').size() ? 'image plein écran' : 'vidéo plein écran'
    }).click(function(){
        if (!fullscreen) {
            $(this).addClass('on');
            $('#content').hide();
            $('#bt_panier').hide();
            fullscreen = true;
            if (muted) {
                mute();
            }
        } else {
            $(this).removeClass('on');
            $('#content').show();
            $('#bt_panier').hide();
            fullscreen = false;
            if (!muted) {
                mute();
            }
        }
        return false;
    });
    $('#btn_mute').data('infobulle', {
        'on'  : 'son off',
        'off' : 'son on'
    }).click(function(){
        mute();
    });
    $('#control_video > div, #control_image > div').hover(function() {
        var infobulle = $(this).data('infobulle');
        var p = $(this).position();
        if ($(this).hasClass('on')) {
            $('#video_infobulle').text(infobulle.on);
            $(this).addClass('onhover');
        } else {
            $('#video_infobulle').text(infobulle.off);
            $(this).addClass('hover');
        }
        $('#video_infobulle').show().css('left', p.left - $('#video_infobulle').width() + 5);
    }, function() {
        $(this).removeClass('onhover');
        $(this).removeClass('hover');
        $('#video_infobulle').hide();
    });

});

function mute() {
    if (document.getElementById('bg_video')) {
        document.getElementById('bg_video').mute();
    }
    if (muted) {
        $('#btn_mute').addClass('on');
        muted = false;
    } else {
        $('#btn_mute').removeClass('on');
        muted = true;
    }
}

function hide_video() {
    $('#bg_content').html('')
    .css({
        background  : '#000'
    });
}