// below is  the playlist pages.



<div align="center">
<font size="20" color="#303030"><b>Bakey's Playlist</b></font>
<p></p>
<div id="player"></div>
<script>
    var tag = document.createElement('script');

    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        },
        playerVars: {
            'html5': 1,
            'listType': 'playlist',
            'list': 'PLxBKLJmrCEphpgRihb-H0QUColR_bFu6s',
            'index': newRandomNumber(0, 139),
            'startSeconds': '0',
            'autoplay': 1,
            'suggestedQuality': 'small'
          }

    });

}
var oldNumber = 0;
var NewNumber = 0;

function newRandomNumber(min, max) {
    oldNumber = NewNumber;
    NewNumber = Math.floor(Math.random() * max) + min;
    if (NewNumber == oldNumber) {
        newRandomNumber(min, max);
    } else {
        console.log(NewNumber);
        return NewNumber;
    }
}

function onPlayerReady(){
    //nothing to do as of now.
}

function next() {
    console.log('next called');
    player.setShuffle({
        'shufflePlaylist': true
    });
}

ytplayer.addEventListener("onError", "onPlayerError");

function onPlayerError(errorCode) {
    if(errorCode == 100)
    {
       next();
    }
}

function onPlayerStateChange(event) {
    if (event.data == 0) {
        next();
    }
}
</script>
<p></p>
<a href="http://w11.zetaboards.com/LeechBA/pages/playlistselect"><font size="8" color="#303030">Return to playlist selection</font></a>
</div>
</body>