/* NOT GOOD FOR PLAYLISTS */

var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream;
var ios_message = "Je kan alleen naar een ander gedeelte van de video springen als je die eerst pauzeert." 

function loadVideo(yt_id, start, end, playlist)
{


if("contain_all" in window){document.getElementById('contain_all').innerHTML=''}

for (var i = 1; i < 7000; i++){window.clearInterval(i)};

/* if you have videos of more than 5 hours, increase this number  */
if("the_end" in window){the_end=18000};


if (!("videosize" in window)) {videosize = 0.47}

if(document.getElementById('the_loading_gif')){document.body.removeChild(document.getElementById('the_loading_gif'))}; 

if(document.getElementById('video_main'))
{
for (i = document.getElementById('video_main').parentNode.childNodes.length; i-- > 0;) {document.getElementById('video_main').parentNode.removeChild(document.getElementById('video_main').parentNode.childNodes[i]);}
}

var loading_gif=document.createElement('div');
loading_gif.id='the_loading_gif';
loading_gif.innerHTML='<div style="position: fixed; left:50%; top: 50%; transform: translate(-50%, -50%); z-index: 11000; height: 70px"><img src="loading1.gif" style="height: 100%"></div>';
document.body.appendChild(loading_gif)
//setTimeout("document.body.removeChild(document.getElementById('the_loading_gif'))",3000)

var create_video=document.createElement("div");
create_video.innerHTML='<div id="contain_all"><div id="video_main" style="position: fixed; left: -0%; top: 0px; right: -0%; bottom: 0; background: black; z-index: 10000; border: 30px solid black">\n<div id="video_close_button" style="position: fixed; z-index: 10001; top: 10px; color: white; background: black; border: 2px solid black; border-radius: 0px ; right: 0px; cursor: pointer; font-family: arial; line-height: 22px; font-size: 25px; padding: 10px; font-weight: bold; " onmouseenter="this.style.border=\'1px solid white\'; "  onmouseleave="this.style.border=\'1px solid black\'; " onclick="for (var i = 1; i < 7; i++){window.clearInterval(i)}; if(document.getElementById(\'the_loading_gif\')){document.body.removeChild(document.getElementById(\'the_loading_gif\'))}; videosize = 0.47; for (i = document.getElementById(\'video_main\').parentNode.childNodes.length; i-- > 0;) {document.getElementById(\'video_main\').parentNode.removeChild(document.getElementById(\'video_main\').parentNode.childNodes[i]);};document.getElementById(\'info2\').style.display=\'none\'">\nX<\/div><div id="info_button" style="position: fixed; top: 10px; color: white; background: black; border: 2px solid black; border-radius: 0px ; right: 50px; cursor: pointer; font-family: arial; line-height: 22px; font-size: 25px; padding: 10px; font-weight: bold; padding-left: 15px; padding-right: 17px; z-index: 10001" onmouseenter="this.style.border=\'1px solid white\'; "  onmouseleave="this.style.border=\'1px solid black\'; "onclick="document.getElementById(\'info2\').style.display=\'block\'" >i<\/div><div id="minimize" style="position: fixed; top: 10px; color: white; background: black; border: 2px solid black; border-radius: 0px ; right: 100px; cursor: pointer; font-family: arial; line-height: 22px; font-size: 25px; padding: 10px; font-weight: bold; padding-left: 15px; padding-right: 17px; z-index: 10001" onmouseenter="this.style.border=\'1px solid white\'; "  onmouseleave="this.style.border=\'1px solid black\'; " onclick="document.getElementById(\'video_main\').style.zIndex=-1; document.getElementById(\'video_main\').style.opacity=0; document.getElementById(\'video_main\').style.zIndex=-1; document.getElementById(\'setvolume\').style.opacity=0; document.getElementById(\'setvolume\').style.zIndex=-1; document.getElementById(\'check_seekbar_etc\').style.display=\'none\';  document.getElementById(\'seekbar\').style.zIndex=-1;  document.getElementById(\'timer\').style.zIndex=-1;  document.getElementById(\'still_to_go\').style.zIndex=-1;  document.getElementById(\'info\').style.opacity=0; document.getElementById(\'replay\').style.opacity=0; document.getElementById(\'replay\').style.zIndex=-1; document.getElementById(\'active_video\').style.visibility=\'visible\'; vvideosize=videosize; delete videosize;  for (var i = 1; i < 7; i++){window.clearInterval(i)};"><span style="position: relative; display: inline-block; top: -12px" >_<\/span><\/div><div id="ifr_container" style="position: absolute; top:0px; left:0; right: 0; bottom: 0; overflow: hidden; margin: auto">\n<iframe allow="autoplay"  id="ifr" src="https:\/\/www.youtube-nocookie.com\/embed\/' + yt_id + '?html5=1&enablejsapi=1&autoplay=1&controls=0&start='+start+'&end='+end+'&rel=0&wmode=opaque&modestbranding=1&autohide=2&vq=large  " style="position: absolute; width: 100%; min-width: 300px; height: 200%; top: calc(-50% + 0px); " frameborder="no"    onload="player=new YT.Player(document.getElementById(\'ifr\'));   if(iOS) {this.parentNode.style.webkitOverflowScrolling = \'touch\'; this.parentNode.style.overflowY = \'hidden\'}; "><\/iframe>\n<\/div>\n<\/div><div style=\'line-height: normal\' id=\'check_seekbar_etc\'><div id=\'check_time\' style=\'position: fixed; bottom: 60px;background: black; color: white; font-family: arial; font-size: 16px; z-index: 10001; left:-4px\'>&nbsp;<\/div><div id=\'still_to_go\' style=\'position: fixed; left:0px; right:5px; bottom: 10px;background: green; height: 1px; z-index: 10002; opacity: 1\' onmousemove=\'if(!isMobile){var time_hover=player.getDuration()*(event.pageX\/window.innerWidth); player.getCurrentTime()==time_hover; var the_date = new Date(null);the_date.setSeconds(time_hover);var utc_time=the_date.toUTCString();var time_indic=utc_time.substr(utc_time.indexOf(":")- 2, 8);var time_indic = the_date.getUTCHours() + ":" + the_date.getUTCMinutes() + ":" +  the_date.getUTCSeconds();var time_indic = the_date.toISOString().substr(11, 8); document.getElementById("check_time").innerHTML=time_indic; document.getElementById("check_time").style.left=event.pageX+"px"; if(event.pageX>window.innerWidth-70){document.getElementById("check_time").style.left=window.innerWidth-70+"px"}}\' onmouseleave=\'document.getElementById("check_time").innerHTML=""\' onclick=\'if(!iOS){player.seekTo(player.getDuration() * (event.pageX \/ window.innerWidth))}; if(iOS && player.getPlayerState() === 2){player.seekTo(player.getDuration() * (event.pageX \/ window.innerWidth))}; if(iOS && player.getPlayerState() === 1){alert(ios_message)}\'>&nbsp;<\/div><div id=\'timer\' style=\'position: fixed; left:0px; background: #2186DF; z-index: 10002; height: 2px; bottom: 10px\' onmousemove=\'if(!isMobile){var time_hover=player.getDuration()*(event.pageX\/window.innerWidth); player.getCurrentTime()==time_hover; var the_date = new Date(null);the_date.setSeconds(time_hover);var utc_time=the_date.toUTCString();var time_indic=utc_time.substr(utc_time.indexOf(":")- 2, 8);var time_indic = the_date.getUTCHours() + ":" + the_date.getUTCMinutes() + ":" +  the_date.getUTCSeconds();var time_indic = the_date.toISOString().substr(11, 8); document.getElementById("check_time").innerHTML=time_indic; document.getElementById("check_time").style.left=event.pageX+"px"; if(event.pageX>window.innerWidth-70){document.getElementById("check_time").style.left=window.innerWidth-70+"px"}}\' onmouseleave=\'document.getElementById("check_time").innerHTML=""\' onclick=\'if(!iOS){player.seekTo(player.getDuration() * (event.pageX \/ window.innerWidth))}; if(iOS && player.getPlayerState() === 2){player.seekTo(player.getDuration() * (event.pageX \/ window.innerWidth))}; if(iOS && player.getPlayerState() === 1){alert(ios_message)}\'><div id=\'the_bullet\' draggable=\'true\' style=\'position: relative; margin-top:-6px; left: 2px; color: white; background: red; border-radius: 10px; width: 12px; height: 12px\' ondragstart=\'alert(bullet_message)\'>&nbsp;<\/div><\/div><div id=\'elapsed\' style=\'position: fixed; left:0px; background: transparent; color: white; z-index: 10002;  font-family: arial; font-size: 13px; padding: 5px; padding-top: 0; padding-bottom: 0px;   font-weight: bold; bottom: 40px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; \' >&nbsp;<\/div><div id=\'duration\' style=\'position: fixed; left:70px; background: transparent; color: white; z-index: 10002; font-family: arial; font-size: 13px; padding: 5px; padding-top: 0px; padding-bottom: 0px; font-weight: bold; bottom: 40px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; \' >&nbsp;<\/div><div id=\'next_prev\' style=\'display: block; position: fixed; left:115px; color: white; z-index: 10006; width: auto; font-family: arial; bottom: 35px; \'><div style=\'position: relative; background: transparent; padding-bottom: 0px \'> <span>&nbsp;&nbsp;<\/span><span style=\'cursor: pointer; display: inline-block; font-weight: bold; font-size: 20px; position: relative; top: 0px; padding-left: 15px; padding-right: 15px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; \' onclick=\'custom_size(); player.previousVideo()\'>&lt;<\/span><span style=\'cursor: pointer; margin-left:0px; display: inline-block; font-weight: bold; font-size: 20px; position: relative; top: 0px; padding-left: 15px; padding-right: 15px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; \' onclick=\'custom_size(); player.nextVideo()\'>&gt;<\/span><\/div><\/div><div id="video_settings" style="position: fixed; bottom: 25px; color: white; z-index: 10006; right: 0px; font-family: arial; font-size: 15px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; cursor: pointer; " ><span onclick="toggle_settings()"><img alt=\'\' title=\'toggle settings\' src=\'youtube_settings.jpg\' style=\'position: relative; border: 0px solid red; height: 40px; top: 5px; border-radius: 100%\'><\/span><\/div><\/div><div id="replay" style="color: white; position: fixed; z-index: 10002; visibility: hidden; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: arial; font-size: 60px; cursor: pointer; color: red" onclick="player.playVideo(); document.getElementById(\'ifr\').style.display=\'block\'; custom_size()">&#9654;<\/div><div id="info" style="z-index: 10005; position: fixed; width: 500px; max-width: calc(100% - 80px);  text-align: center; color: black; background: white; padding: 0px; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: auto; font-family: arial; font-size: 16px; line-height: 25px; box-shadow: 5px 5px 5px #888888; " ><\/div><div id=\'seekbar\' style=\'position: fixed;z-index:10005;left:0px; bottom:0px; width: calc(100% - 18px); height:40px; padding: 7px; background: red; opacity: 0.0001; \' onmousemove=\'if(!isMobile){var time_hover=player.getDuration()*(event.pageX\/window.innerWidth); player.getCurrentTime()==time_hover; var the_date = new Date(null);the_date.setSeconds(time_hover);var utc_time=the_date.toUTCString();var time_indic=utc_time.substr(utc_time.indexOf(":")- 2, 8);var time_indic = the_date.getUTCHours() + ":" + the_date.getUTCMinutes() + ":" +  the_date.getUTCSeconds();var time_indic = the_date.toISOString().substr(11, 8); document.getElementById("check_time").innerHTML=time_indic; document.getElementById("check_time").style.left=event.pageX+"px"; if(event.pageX>window.innerWidth-70){document.getElementById("check_time").style.left=window.innerWidth-70+"px"}}\' onmouseleave=\'document.getElementById("check_time").innerHTML=""\' onclick=\'if(!iOS){player.seekTo(player.getDuration() * (event.pageX \/ window.innerWidth))}; if(iOS && player.getPlayerState() === 2){player.seekTo(player.getDuration() * (event.pageX \/ window.innerWidth))}; if(iOS && player.getPlayerState() === 1){alert(ios_message)}\'>&nbsp;<\/div><div id="setvolume"  style="position: fixed; z-index: 10006;  display: inline-block; font-family: arial;  font-weight: bold; bottom: 40px; right: 10px ; height: 30px; cursor: pointer; display: none"><span onclick="player.setVolume(0)" style="position: relative;width: 7px; display: table-cell; height: 30px; vertical-align: bottom; padding-bottom: 10px"><span style="position: relative;display: inline-block; height: 1px; overflow: hidden; background: white; border-radius: 100%">_<\/span><\/span><span onclick="player.setVolume(10)" style="position: relative;width: 7px; display: table-cell; height: 30px; vertical-align: bottom; padding-bottom: 10px"><span style="position: relative;display: inline-block; height: 2px; overflow: hidden; background: white; border-radius: 100%">_<\/span><\/span><span onclick="player.setVolume(20)" style="position: relative;width: 7px; display: table-cell; height: 30px; vertical-align: bottom; padding-bottom: 10px"><span style="position: relative;display: inline-block; height: 3px; overflow: hidden; background: white; border-radius: 100%">_<\/span><\/span><span onclick="player.setVolume(30)" style="position: relative;width: 7px; display: table-cell; height: 30px; vertical-align: bottom; padding-bottom: 10px"><span style="position: relative;display: inline-block; height: 4px; overflow: hidden; background: white; border-radius: 100%">_<\/span><\/span><span onclick="player.setVolume(40)" style="position: relative;width: 7px; display: table-cell; height: 30px; vertical-align: bottom; padding-bottom: 10px"><span style="position: relative;display: inline-block; height: 5px; overflow: hidden; background: white; border-radius: 100%">_<\/span><\/span><span onclick="player.setVolume(50)" style="position: relative;width: 7px; display: table-cell; height: 30px; vertical-align: bottom; padding-bottom: 10px"><span style="position: relative;display: inline-block; height: 6px; overflow: hidden; background: white; border-radius: 100%">_<\/span><\/span><span onclick="player.setVolume(60)" style="position: relative;width: 7px; display: table-cell; height: 30px; vertical-align: bottom; padding-bottom: 10px"><span style="position: relative;display: inline-block; height: 7px; overflow: hidden; background: white; border-radius: 100%">_<\/span><\/span><span onclick="player.setVolume(70)" style="position: relative;width: 7px; display: table-cell; height: 30px; vertical-align: bottom; padding-bottom: 10px"><span style="position: relative;display: inline-block; height: 8px; overflow: hidden; background: white; border-radius: 100%">_<\/span><\/span><span onclick="player.setVolume(80)" style="position: relative;width: 7px; display: table-cell; height: 30px; vertical-align: bottom; padding-bottom: 10px"><span style="position: relative;display: inline-block; height: 9px; overflow: hidden; background: white; border-radius: 100%">_<\/span><\/span><span onclick="player.setVolume(90)" style="position: relative;width: 7px; display: table-cell; height: 30px; vertical-align: bottom; padding-bottom: 10px"><span style="position: relative;display: inline-block; height: 10px; overflow: hidden; background: white; border-radius: 100%">_<\/span><\/span><span onclick="player.setVolume(100)" style="position: relative;width: 7px; display: table-cell; height: 30px; vertical-align: bottom; padding-bottom: 10px"><span style="position: relative;display: inline-block; height: 11px; overflow: hidden; background: white; border-radius: 100%">_<\/span><\/span><\/div><div id="active_video" style="position: fixed; background: #6F7173;  color: white;  left: 50%; bottom: 5px; transform: translateX(-50%); z-index: 10005; visibility: hidden; font-family: arial; font-size: 18px; line-height: 25px; padding: 10px; padding-left: 5px; padding-right: 5px; border: 1px solid black; box-shadow: 5px 5px 5px silver; cursor: pointer; text-align: center; width: 232px " onclick="videosize=vvideosize; this.style.visibility=\'hidden\'; document.getElementById(\'video_main\').style.zIndex=10000; document.getElementById(\'video_main\').style.opacity=1; document.getElementById(\'setvolume\').style.opacity=1; document.getElementById(\'setvolume\').style.zIndex=10006; document.getElementById(\'check_seekbar_etc\').style.display=\'block\'; document.getElementById(\'info\').style.opacity=1; document.getElementById(\'seekbar\').style.zIndex=10005;  document.getElementById(\'timer\').style.zIndex=10002;  document.getElementById(\'still_to_go\').style.zIndex=10002; document.getElementById(\'replay\').style.opacity=1; document.getElementById(\'replay\').style.zIndex=10002;  ">Haal video naar voorgrond<\/div><\/div>'
document.body.appendChild(create_video);

if(playlist==undefined){document.getElementById('next_prev').style.visibility='hidden'};
info('No information for this video.');

document.getElementById('ifr').style.opacity=0;
//setTimeout("document.getElementById('ifr').style.opacity=1",8000)
document.body.onload=setTimeout("document.getElementById('ifr').style.opacity=1; document.body.removeChild(document.getElementById('the_loading_gif'))",5000);


function show_hide_video_settings()
{
if(window.innerWidth<=500){document.getElementById('video_settings').style.visibility='hidden'}
if(window.innerWidth>500){document.getElementById('video_settings').style.visibility='visible'}
}

window.addEventListener('click', function (){show_hide_video_settings()}, false);
window.addEventListener('resize', function (){show_hide_video_settings()}, false);

setInterval("displ_current_time()",500);
setInterval("displ_duration()",500);
setInterval("has_paused_or_ended()",500);
setInterval("if(document.getElementById('ifr').clientHeight>window.innerHeight)show_custom_buttons()",500)
setInterval("if(document.getElementById('ifr').clientHeight===window.innerHeight)hide_custom_buttons()",500)
the_timer()

if (start){the_start=start}
if (!start){the_start=0}
if (end){the_end=end}
the_playlist=playlist

document.getElementById('info').onclick=function(e){
this.style.textShadow=null;
s = window.getSelection();
var range = s.getRangeAt(0);
var node = s.anchorNode;
while(range.toString().indexOf(' ') != 0) {                 
range.setStart(node,(range.startOffset -1));
}
range.setStart(node, range.startOffset +1);
do{range.setEnd(node,range.endOffset + 1);
}
while(range.toString().indexOf(' ') == -1 && range.toString().trim() != '');
var str = range.toString().trim(); //hh:mm:ss

if(!isNaN(parseFloat(str))==true)var p = str.split(':'), s = 0, m = 1;
while (p.length > 0) {
s += m * parseInt(p.pop(), 10);
m *= 60;
}

player.seekTo(s);
}

}

function yt_size()
{
setTimeout("document.getElementById('ifr').style.top=0",200);
setTimeout("document.getElementById('ifr').style.height='100%'",200);
player.pauseVideo();
document.getElementById('ifr').style.opacity=0.001;
setTimeout("document.getElementById('ifr').style.opacity=1",500)
}

function custom_size()
{
correct_size()
}

function show_custom_buttons()
{
document.getElementById('seekbar').style.display='block';
document.getElementById('duration').style.display='block';
document.getElementById('elapsed').style.display='block';
document.getElementById('next_prev').style.display='block';
document.getElementById('still_to_go').style.display='block';
document.getElementById('the_bullet').style.display='block';
document.getElementById('timer').style.display='block';
document.getElementById('video_close_button').style.display='block';
document.getElementById('info_button').style.display='block';
}

function hide_custom_buttons()
{
document.getElementById('seekbar').style.display='none';
document.getElementById('duration').style.display='none';
document.getElementById('elapsed').style.display='none';
document.getElementById('next_prev').style.display='none';
document.getElementById('still_to_go').style.display='none';
document.getElementById('the_bullet').style.display='none';
document.getElementById('timer').style.display='none';
document.getElementById('video_close_button').style.display='none';
document.getElementById('info_button').style.display='none';
}

var the_window;
function toggle_settings()
{

if(document.getElementById('ifr').clientHeight===window.innerHeight){the_window='small'}
if(document.getElementById('ifr').clientHeight>window.innerHeight){the_window='big'}
if(the_window==='small')
{
custom_size(); player.playVideo(); show_custom_buttons()
}

if(the_window==='big')
{
yt_size(); hide_custom_buttons()
}

}

var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);

var elapsed_time;
function the_timer()
{
elapsed_time=setInterval("document.getElementById('timer').style.paddingLeft=100*player.getCurrentTime()/player.getDuration()+'%'",500)

}

function info(the_info)
{
var show_info=document.getElementById('info');
show_info.innerHTML='<div id="info2" style="border: 1px solid silver; padding: 15px; display: none; max-height: 50vh; overflow: auto; -webkit-overflow-scrolling: touch;" ><div style="float: right; font-family: arial; font-size: 30px; cursor: pointer" onclick=this.parentNode.style.display="none">X</div><br>'+the_info+'</div>';
}

function correct_size()
{

document.getElementById('ifr').style.top='-50%';
document.getElementById('ifr').style.height='200%';

document.getElementById('ifr_container').style.maxWidth=document.getElementById('ifr').clientHeight*videosize - 0 +'px'; document.getElementById('ifr').style.marginLeft=0

if(window.innerHeight<=293){document.getElementById('ifr_container').style.maxWidth=document.getElementById('ifr').clientHeight*0.35+'px'; document.getElementById('ifr').style.marginLeft='-50px' }

}

window.addEventListener('click', function (){correct_size()}, false);
window.addEventListener('resize', function (){correct_size()}, false);



function has_paused_or_ended()
{
//setTimeout("video_length=player.getDuration()",30000);
if(player.getDuration()){video_length=player.getDuration()}

if(player.getPlayerState()===3)
{
custom_size();
correct_size();
document.getElementById('ifr_container').focus();
}

if(player.getPlayerState()===0)
{
document.getElementById('ifr').style.display='none'
document.getElementById('replay').style.visibility='visible';
//setTimeout("document.getElementById('replay').style.visibility='visible'",1000)
//document.getElementById('info_button').style.display='none'
}

if(player.getPlayerState()!==0)
{
document.getElementById('ifr').style.display='block'
document.getElementById('replay').style.visibility='hidden'

}

if(player.getPlayerState()==2)
{
document.getElementById('ifr').style.display='block';
document.getElementById('replay').style.visibility='visible';
if(document.getElementById('video_main').style.zIndex == -1){document.getElementById('replay').style.visibility='hidden';  }


}

if(player.getPlayerState()==1)
{
custom_size();
correct_size();
document.getElementById('ifr_container').focus();


}

if(player.getPlayerState()==-1 || player.getPlayerState()==5)
{


if(/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream){document.getElementById('replay').style.visibility='visible'};
//player.mute(); 
document.getElementById('ifr_container').style.opacity=0.001;
player.playVideo()

}

if(player.getPlayerState()!==-1 && player.getPlayerState()!==5)

{
document.getElementById('replay').style.visibility='hidden';
document.getElementById('ifr_container').style.opacity=1;
//player.unMute()
//document.body.removeChild(document.getElementById('the_play_message'))

}

if(player.getPlayerState()==0 || player.getPlayerState()==2)
{
document.getElementById('replay').style.visibility='visible';
//setTimeout("document.getElementById('replay').style.visibility='visible'",1000)
}

if(player.getPlayerState()===3 )
{
document.getElementById('replay').style.visibility='hidden';
}

if(the_playlist==undefined)
{
if(player.getCurrentTime()>player.getDuration()-1 && player.getCurrentTime() > the_start)
{
//document.getElementById('replay').style.visibility='visible';
player.seekTo(0); player.pauseVideo();
//document.getElementById('ifr').style.opacity=0.01;
}
}





}

function displ_current_time() {
var date1 = new Date(null);
date1.setSeconds(player.getCurrentTime());

if(!("the_end" in window)){
the_end=video_length; 

}




if(the_playlist==undefined)
{
if(player.getCurrentTime()>the_end-1){player.seekTo(the_start); player.pauseVideo(); }

if(player.getCurrentTime()<the_start){player.seekTo(the_start); }
}


// retrieve time ignoring the browser timezone - returns hh:mm:ss
var utc1 = date1.toUTCString();
// negative start index in substr does not work in IE 8 and earlier
var time1 = utc1.substr(utc1.indexOf(':') - 2, 8)

// retrieve each value individually - returns h:m:s
var time1 = date1.getUTCHours() + ':' + date1.getUTCMinutes() + ':' +  date1.getUTCSeconds();

// does not work in IE8 and below - returns hh:mm:ss
var time1 = date1.toISOString().substr(11, 8);

// not recommended - only if seconds number includes timezone difference
//var time = date.toTimeString().substr(0, 8);

document.getElementById('elapsed').innerHTML=time1+'&nbsp;&nbsp;/'

}

function displ_duration() {
var date2 = new Date(null);
date2.setSeconds(player.getDuration());

// retrieve time ignoring the browser timezone - returns hh:mm:ss
var utc2 = date2.toUTCString();
// negative start index in substr does not work in IE 8 and earlier
var time2 = utc2.substr(utc2.indexOf(':') - 2, 8)

// retrieve each value individually - returns h:m:s
var time2 = date2.getUTCHours() + ':' + date2.getUTCMinutes() + ':' +  date2.getUTCSeconds();

// does not work in IE8 and below - returns hh:mm:ss
var time2 = date2.toISOString().substr(11, 8);

// not recommended - only if seconds number includes timezone difference
//var time = date.toTimeString().substr(0, 8);

document.getElementById('duration').innerHTML=time2

}