$(document).ready(function() {
    $("#player-slider").slider({
        range: false,
        value:  1,
        min: 1,
        max: 100,
        slide: function(event, ui) {
            if(playerType == 'html5') {
                html5Player.currentTime = ui.value;
            }
            else {
                player.sendEvent('SEEK', ui.value);
            }
        }
    });

    $('#player-previous').button({
        text: false,
        icons: {
            primary: 'ui-icon-seek-start'
        }
    }).click(function() {
        document.library.playPrev();
    });

    $('#player-play').button({
        text: false,
        icons: {
            primary: 'ui-icon-play'
        }
    }).click(function() {
        if(playerType == 'html5') {
            if(html5Player.paused) {
                html5Player.play();
                $('#player-play').addClass('player-play-playing');
            }
            else {
                html5Player.pause();
                $('#player-play').removeClass('player-play-playing');
            }
        }
        else {
            player.sendEvent('PLAY');
        }
    });

    $('#player-next').button({
        text: false,
        icons: {
            primary: 'ui-icon-seek-end'
            }
    }).click(function(){
        document.library.playNext();
    });

    $('#player-controls-mode-repeat').click(function(){
        document.library.toggleRepeatMode();
    });

    $('#player-controls-mode-shuffle').click(function(){
        document.library.toggleShuffleMode();
    });
});