var vid, playbtn, seekbar, curtimetext, durtimetext, mutebtn, volumeslider, fullscreenbtn;
var lastVolume;
var lastVolumeSlider;

function initPlayer(){
    // setup object references
    vid = document.getElementById('vid');
    playbtn = document.getElementById('playpausebtn');
    seekbar = document.getElementById('seekslider');
    curtimetext = document.getElementById('curtimetext');
    durtimetext = document.getElementById('durtimetext');
    mutebtn = document.getElementById('mutebtn');
    volumeslider = document.getElementById('volumeslider');
    fullscreenbtn = document.getElementById('fullscreenbtn');

    // setup event listeners
    playbtn.addEventListener("click", playPause, false);
    vid.addEventListener("timeupdate", seekTimeUpdate,false);
    seekbar.addEventListener("change", vidSeek, false);
    mutebtn.addEventListener("click", vidmute, false);
    volumeslider.addEventListener("change", setvolume, false);
    fullscreenbtn.addEventListener("click", togglefullscreen, false);

    vid.controls = false;
    updateTime();
}

window.onload = initPlayer;

function playPause(){
    if(vid.paused){
        vid.play();
        playbtn.innerHTML = "<i class=\"fa fa-pause white-text\" aria-hidden=\"true\"></i>";
    } else {
        vid.pause();
        playbtn.innerHTML = "<i class=\"fa fa-play white-text\" aria-hidden=\"true\"></i>";
    }
}

function vidSeek(){
    var seekto = vid.duration * (seekbar.value / 100);
    vid.currentTime = seekto;
}

function seekTimeUpdate(){
    var nt = vid.currentTime * (100 / vid.duration);
    seekbar.value = nt;

    // update time text
    updateTime();
}

function updateTime(){
    var curmins = Math.floor(vid.currentTime / 60);
    var cursecs = Math.round(vid.currentTime - curmins * 60);
    var durmins = Math.floor(vid.duration / 60);
    var dursecs = Math.round(vid.duration - durmins * 60);

    if(cursecs < 10){ cursecs = "0"+cursecs;}
    if(dursecs < 10){ dursecs = "0"+dursecs;}
    if(durmins > 10)
        if(curmins < 10){ curmins = "0"+curmins;}

    curtimetext.innerHTML = curmins+":"+cursecs;
    durtimetext.innerHTML = durmins+":"+dursecs;

    if(vid.currentTime == vid.duration){
        seekbar.value = 0;
        vid.currentTime = 0;
        vid.pause();
        playbtn.innerHTML = "<i class=\"fa fa-pause white-text\" aria-hidden=\"true\"></i>";
        }

}

function vidmute(){
    if(vid.muted){
        vid.volume = lastVolume;
        volumeslider.value = lastVolumeSlider
        vid.muted = false;
        mutebtn.innerHTML = "<i class=\"fa fa-volume-up white-text\" aria-hidden=\"true\"></i>";
    } else {
        lastVolume = vid.volume;
        vid.volume = 0;
        lastVolumeSlider = volumeslider.value;
        volumeslider.value = 0;
        vid.muted = true;
        mutebtn.innerHTML = "<i class=\"fa fa-volume-off white-text\" aria-hidden=\"true\"></i>";
    }
}

function setvolume(){
    if(vid.muted && volumeslider.value != 0){
        vid.muted = false;
        mutebtn.innerHTML = "<i class=\"fa fa-volume-up white-text\" aria-hidden=\"true\"></i>";
    }
    vid.volume = volumeslider.value / 100;
}

function togglefullscreen(){
    if(vid.requestFullScreen){
        vid.requestFullScreen();
    } else if(vid.webkitRequestFullScreen){
        vid.webkitRequestFullScreen();
    } else if(vid.mozRequestFullScreen){
        vid.mozRequestFullScreen();
    }
}