var yt_message = "YOU ACTIVATED THE YOUTUBE-SETTINGS FOR THE VIDEO\n\nThese settings allow you to use a variety of interesting YouTube-functions. However, they force you to watch disturbings ads and all sorts of other distractions.\n\nYou can go back to the 'clean' settings (no ads etc.) by clicking on the strikethrough text at the bottom right";

var yt_message_dutch = "U HEBT DE YOUTUBE-INSTELLINGEN VOOR DE VIDEO GEACTIVEERD\n\nVia die instellingen kunt u allerlei interessante YouTube-functies gebruiken, maar u krijgt dan wel storende reclame, gerelateerde video's en andere afleidende informatie voorgeschoteld.\n\nU kunt weer naar de 'schone' instellingen gaan (geen reclame enz.) door op de doorgestreepte YouTube-tekst rechts onderaan te klikken";

var yt_message2 = "YOU RETURNED TO THE CUSTOMIZED ('CLEAN') SETTINGS FOR THE VIDEO\n\nOur custom YouTube-settings produce 'clean' videos (no disturbings ads etc.).";

var yt_message2_dutch = "U BENT TERUGGEKEERD NAAR DE AANGEPASTE ('SCHONE') INSTELLINGEN VOOR DE VIDEO\n\nOnze aangepaste instellingen voor YouTube-video's geven 'schone' filmpjes (geen storende reclame etc.).";

function info(which)
{
document.getElementById('video_info').innerHTML = "<div  style='position: absolute; right: 1px; font-size: 20px; font-weight: bold; line-height: 1px; padding: 10px; padding-top: 2px; cursor: pointer' onclick= 'this.parentNode.style.display=\"none\" '>X</div>" + '<br>'+which;
}

function formatTime(seconds)  {
var date = new Date(1970,0,1);
date.setSeconds(seconds);
var correct_format = date.toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1"); 
return correct_format;
}

function mousemove()
{
if(!(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent))){var time_hover=player.getDuration()*((event.pageX-document.getElementById("big_seek").offsetLeft -document.getElementById("video_container").offsetLeft)/document.getElementById("big_seek").clientWidth); 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-document.getElementById("big_seek").offsetLeft - document.getElementById("video_container").offsetLeft+"px"; if(event.pageX>document.getElementById("video_container").clientWidth - document.getElementById("video_container").offsetLeft -70){document.getElementById("check_time").style.left=document.getElementById("big_seek").clientWidth-65+"px"}}
}

function loadVideo(url, start, end, playlist)
{ 
if(document.getElementById('the_receiver')){player.destroy(); player=null;   document.body.removeChild(document.getElementById('the_receiver'))}

if(document.getElementById('show_the_video')){document.body.removeChild(document.getElementById('show_the_video'))}

if("the_start" in window)delete the_start;
if("the_end" in window)delete the_end;
if("the_playlist" in window)delete the_playlist;

if(start == '' || start == null){start = 'null'}
if(end == '' || end == null){end = 'null'}

var video_to_foreground = document.createElement('div');
video_to_foreground.id="show_the_video";
video_to_foreground.innerHTML = '<div id="show_video" style="position: fixed; background: black; z-index: 2000; left: 50%; transform: translateX(-50%); bottom: 2px; display: none; font-family: arial; font-size: 18px; padding: 8px; color: white; cursor: pointer; text-align: center " onclick="document.getElementById(\'the_receiver\').style.left=0; if(document.getElementById(\'video_container\')){document.getElementById(\'video_container\').style.left=0; this.style.display=\'none\'}">Video to the front<\/div> '
document.body.appendChild(video_to_foreground)

//remove blanks from playlists
if(playlist){playlist = playlist.split(/\s/).join('')};

if(!("videosize" in window)){videosize=0.4}; 

var receiver = document.createElement('div');
receiver.id='the_receiver';
receiver.style.position='fixed';
receiver.style.left=0;
receiver.style.top=0;
receiver.style.right=0;
receiver.style.bottom=0;
receiver.style.zIndex=11000;
receiver.style.width='100%';
receiver.style.height='100%';
receiver.style. border='0px solid red';
document.body.appendChild(receiver); 

document.getElementById('show_video').style.display = 'none';

document.getElementById('the_receiver').style.left=0;
if(document.getElementById('video_container')){document.getElementById('video_container').style.left=0;}; 

document.getElementById('the_receiver').innerHTML = '<div id="video_container" style="position:absolute; left: 0; top: 0;  width: 100%; height: 100%; overflow: hidden; border: 0px solid blue; background: black; line-height: 25px; text-align: left; " ><div style="position: fixed; top: 5px; left: 9px; z-index: 11000; background: transparant; color: white; font-family: arial; font-size: 18px; font-weight: bold"><div id="current_index"  style="display: inline-block"><\/div><div id="total_index" style="display: inline-block" ><\/div><\/div><div id="video_info" style="position: absolute; background: white; z-index: 10009; display: none; font-family: arial; font-size: 15px; line-height: 20px; left: 50%; top: 50%; transform: translate(-50%, -50%);  padding: 15px; width: 270px; text-align: center;   max-height: calc(50% - 0px); border: 1px solid black; overflow: auto; -webkit-overflow-scrolling: touch; user-select: text; -webkit-user-select: text;">Geen informatie voor deze video (<span style="cursor: pointer; text-decoration: underline" onclick="this.parentNode.style.display=\'none\' ">sluiten</span>)<\/div><div id="pleasewait"  style="position: absolute; background: transparent; color: white; top: calc(50% - 10px); left: 50%; transform: translate(-50%, calc(-50% - 0px)); z-index: 0; font-family: arial; font-size: 30px; line-height: 25px; cursor: pointer; padding: 0px; opacity: 1; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color: white; "><img src="loading.gif" alt="" style="height: 40px"><\/div><div id="check_time" style="position:absolute; bottom: 50px;background: black; color: white; font-family: arial; font-size: 16px; z-index: 10007">&nbsp;<\/div><div id="play_big" style="position: absolute; background: transparent; color: white; top: calc(50% - 20px); left: 50%; transform: translate(-50%, -50%); z-index: 10007; visibility: hidden; font-family: arial; font-size: 60px; line-height: 15px; cursor: pointer; padding: 10px; opacity: 1" onclick="this.style.visibility = \'hidden\'; player.playVideo(); ">&#9654;<\/div><iframe allow="autoplay" frameborder="0"  id="ytinsidediv" style="position: absolute; width:100%; height: 200%; top: calc(50% - 20px);   transform: translateY(-50%); opacity: 0;   "   src="https:\/\/www.youtube-nocookie.com\/embed\/'+ url + '?&html5=1&enablejsapi=1&autoplay=0&controls=0&rel=0&wmode=opaque&modestbranding=0&autohide=2&vq=large&start='+start+'&end='+end+'&playlist='+url+','+playlist + ' " onload="if(/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream){document.getElementById(\'play_big\').style.visibility = \'visible\'}; player=new YT.Player(this ,{events: {\'onStateChange\':function(e){if(e.data==0){player.seekTo(the_start); player.pauseVideo()};  if(e.data == 1){document.getElementById(\'play_big\').style.visibility=\'hidden\'}; if(e.data == 0){document.getElementById(\'play_big\').style.visibility=\'visible\'};  if(e.data == 2){document.getElementById(\'play_big\').style.visibility=\'visible\'}; if(e.data==1 && player.getPlaylist().length > 1){document.getElementById(\'total_index\').innerHTML = player.getPlaylist().length; document.getElementById(\'current_index\').innerHTML =(player.getPlaylistIndex() + 1) + \'&nbsp;&nbsp;/&nbsp;&nbsp;\'};   if(e.data===3 || e.data===-1){document.getElementById(\'pleasewait\').style.opacity=1} else {document.getElementById(\'pleasewait\').style.opacity=0};    if(e.data === 1){setTimeout(\' document.getElementById(&quot;ytinsidediv&quot;).style.opacity=1;  \', 1000)};     if(e.data === 1){document.getElementById(\'stop\').style.display=\'block\';  }; if(e.data === 5){document.getElementById(\'ytinsidediv\').style.opacity=0; }   ; if(e.data !== 1){document.getElementById(\'stop\').style.display=\'block\'; }; }}})"><\/iframe><div id="stop" style="position: absolute; right: -8px; top: 2px; background: transparent; color: white; font-family: arial; font-size: 23px; line-height: 10px; padding: 10px " onclick="document.body.removeChild(document.getElementById(\'the_receiver\')); delete videosize; delete player  "><span style="cursor: pointer; padding: 15px">X<\/span><\/div><div style="position: absolute; top: 2px; right: 50px; background: transparent; color: white; font-family: arial; font-size: 23px; line-height: 10px; padding: 10px"><span style="cursor: pointer; padding: 15px" onclick="document.getElementById(\'video_info\').style.display=\'block\';  ">i<\/span><\/div><div style="position: absolute; right: 100px; top: 2px; margin-top: -10px;  background: transparent; color: white; font-family: arial; font-size: 23px; line-height: 10px; padding: 10px; cursor: pointer " onclick="document.getElementById(\'the_receiver\').style.left=\'-100%\'; document.getElementById(\'video_container\').style.left=\'-100%\'; delete videosize; document.getElementById(\'show_video\').style.display=\'block\' "><span style="padding: 15px">_<\/span><\/div><div id="big_seek" style="position: absolute; background: transparent; height: 60px; bottom: 0px; left: 0; width: 100%; z-index: 10008; cursor: pointer " onmousemove="mousemove()" onmouseleave="document.getElementById(\'check_time\').innerHTML=\'\' " onclick="player.seekTo(((player.getDuration()-0) * (event.pageX - document.getElementById(\'the_receiver\').offsetLeft) \/ document.getElementById(\'the_receiver\').clientWidth)-0)"><\/div>\n\n<div id="timer" style="position: absolute; background: red; height: 4px; bottom: 40px; border-radius: 20px; z-index: 10001;  " ><\/div>\n\n<div id="sb" style="position: absolute; left: 0px; width: calc(100% - 0px); bottom: 40px;background: #57595A; height: 4px; z-index: 10000;  " ><\/div>\n\n\n<div style="font-family: arial; font-size: 14px;  line-height: 14px; color:black;  font-weight: normal;    ">\n<div id="elapsed" style="position: absolute; bottom: 15px; display: block; background: black; color: white; left: 0; padding-right: 5px; padding-left: 5px;    " >00:00:00<\/div>\n<div id="duration" style="position: absolute; bottom: 15px; display: block; background: black; color: white; left: 75px; padding-left: 5px; padding-right: 5px">00:00:00<\/div><div id="prev" onclick="player.previousVideo()" style="display: none; position:absolute;   bottom: 7px; font-family: arial; font-size: 20px; left: 140px; z-index: 10008; color: white; background: transparent;  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; line-height: 1px; padding: 15px "><span style="cursor: pointer">&lt;<\/span><\/div><div id="next" style="display: none; position:absolute;   bottom: 7px; font-family: arial; font-size: 20px; left: 180px; z-index: 10008; color: white; background: transparent; padding: 15px; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; line-height: 1px " onclick="player.nextVideo()"><span style="cursor: pointer">&gt;<\/span><\/div><div id="instellingen" style="background: black; height: 40px; position: absolute; bottom: 0px; right: 3px; font-famiy: arial; font-size: 13px; line-height: 35px;  z-index: 10008; color: white; cursor: pointer; font-weight: normal; width: 56px; overflow: hidden; " onclick="if(document.getElementById(\'ytinsidediv\').style.height == \'200%\'){alert(yt_message); if(\'videosize\' in window){vvideosize=videosize; videosize=1}; document.getElementById(\'ytinsidediv\').style.top = \'20px\'; document.getElementById(\'ytinsidediv\').style.height = \'calc(100% - 80px\'; document.getElementById(\'ytinsidediv\').style.transform = \'translateY(0)\';  this.innerHTML=\'<div style=&quot;width: 53px; height: 20px; line-height: 15px; margin-top: 10px;  color: black;background: linear-gradient(to left top, white 47.75%, black 49.5%, black 50.5%, white 57.25%);   filter: invert(100%); &quot;>YouTube</div>\'} else {if(document.getElementById(\'ytinsidediv\').style.height == \'calc(100% - 80px)\'){alert(yt_message2); if(\'videosize\' in window){videosize=vvideosize}; document.getElementById(\'ytinsidediv\').style.top = \'calc(50% - 20px)\'; document.getElementById(\'ytinsidediv\').style.height = \'200%\'; document.getElementById(\'ytinsidediv\').style.transform = \'translateY(-50%)\'; this.innerHTML = \'YouTube\' }}">YouTube<\/div><\/div>\n\n<\/div>';

if (start){the_start=start; }
if (!start){the_start=0}
if (end){the_end=end}
if (!end){the_end=player.getDuration()}
the_playlist=playlist;

/*if(window.innerWidth > 340){document.getElementById('instellingen').style.display='block'; document.getElementById('instellingen').style.bottom='16px'; document.getElementById('instellingen').style.left='auto'; document.getElementById('instellingen').style.right='9px'; document.getElementById('instellingen').style.transform='translateX(0)'};*/

/*if(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)){document.getElementById('instellingen').style.opacity=0; document.getElementById('instellingen').style.transition = '3s'}*/

/*window.addEventListener('resize', function (){if(window.innerWidth > 340){document.getElementById('instellingen').style.display='block'; document.getElementById('instellingen').style.bottom='16px'; document.getElementById('instellingen').style.left='auto'; document.getElementById('instellingen').style.right='9px'; document.getElementById('instellingen').style.transform='translateX(0)'};}, false);

if(window.innerWidth <= 340){document.getElementById('instellingen').style.display='none'; document.getElementById('instellingen').style.bottom='55px'; document.getElementById('instellingen').style.left='50%'; document.getElementById('instellingen').style.right='auto'; document.getElementById('instellingen').style.transform='translateX(-50%)';}

window.addEventListener('resize', function (){if(window.innerWidth <= 340){document.getElementById('instellingen').style.display='none'; document.getElementById('instellingen').style.bottom='55px'; document.getElementById('instellingen').style.left='50%'; document.getElementById('instellingen').style.right='auto'; document.getElementById('instellingen').style.transform='translateX(-50%)';}}, false);*/

document.getElementById('big_seek').addEventListener('click', function (){setTimeout("the_current_time=player.getCurrentTime()", 1000); setTimeout("if(the_playlist==undefined){if(the_current_time<the_start){player.seekTo(the_start)}} ", 1000)}, false); 

document.getElementById('big_seek').addEventListener('click', function (){setTimeout("the_current_time=player.getCurrentTime()", 1000); setTimeout("if(the_playlist==undefined){if(the_current_time>the_end){player.seekTo(the_start); player.pauseVideo()}} ", 1000)}, false); 

document.getElementById('big_seek').addEventListener('click', function (){setTimeout("the_current_time=player.getCurrentTime()", 1000); setTimeout("if(player.getPlaylistIndex()==0){if(the_current_time<the_start){player.seekTo(the_start)}} ", 1000)}, false); 

document.getElementById('big_seek').addEventListener('click', function (){setTimeout("the_current_time=player.getCurrentTime()", 1000); setTimeout("if(player.getPlaylistIndex()==0){if(the_current_time>the_end){player.seekTo(player.getDuration())}} ", 1000)}, false); 



setInterval("if(the_playlist == undefined){ if(player.getCurrentTime() >= player.getDuration()-1 || player.getCurrentTime() >= the_end){player.seekTo(parseInt(the_start)); player.pauseVideo()}} ", 10)

setInterval("if(the_playlist!==undefined && player.getPlaylistIndex()==0){if(player.getCurrentTime()<the_start){player.seekTo(the_start);}} ", 1000)

setInterval("if(the_playlist!==undefined && player.getPlaylistIndex()==0){if(player.getCurrentTime()>the_end){player.seekTo(player.getDuration());}} ", 1000)

setInterval("if(player.getPlaylistIndex()==player.getPlaylist().length-1 && the_playlist!==undefined){the_start=0; if(player.getCurrentTime()>player.getDuration()){player.seekTo(0);}} ", 1000)

setInterval("document.getElementById('timer').style.paddingLeft=100*player.getCurrentTime()/player.getDuration()+'%'",500)

setInterval("document.getElementById('duration').innerHTML=formatTime(player.getDuration()) ", 100)

setInterval("document.getElementById('elapsed').innerHTML=formatTime(player.getCurrentTime()) + '&nbsp;&nbsp;/' ",5)

setInterval("if(player.getPlaylistIndex()+1>=player.getPlaylist().length){document.getElementById('next').style.display='none'; } else {document.getElementById('next').style.display='block'}  ", 1);

setInterval("if(player.getPlaylistIndex()<1){document.getElementById('prev').style.display='none'} else {document.getElementById('prev').style.display='block'}  ", 1);

if(!(/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream))
{
setInterval("if(player.getPlayerState()==-1 || player.getPlayerState()==5){player.playVideo();  } ", 10)
}

setInterval("if(player.getPlayerState()==1){document.getElementById('ytinsidediv').style.maxWidth=document.getElementById('ytinsidediv').clientHeight*videosize - 0 +'px'; document.getElementById('ytinsidediv').style.marginLeft= (window.innerWidth - document.getElementById('ytinsidediv').clientWidth)/2 + 'px';}", 100)

setInterval("if(document.getElementById('play_big').style.visibility == 'visible'){document.getElementById('pleasewait').style.display='none'} ", 500)

setInterval("if(document.getElementById('play_big').style.visibility == 'hidden'){document.getElementById('pleasewait').style.display='block'} ", 500)




document.getElementById('video_info').onclick=function(e){
this.style.textShadow=null;
s = document.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);
}





/*END OF FUNCTION*/
}