/* FUNCTIE  VOOR HET SELECTIONEREN VAN GEDEELTES UIT VIDEO'S VAN EEN LIJST. NIET TE GEBRUIKEN VOOR DE EERSTE VIDEO VAN EEN LIJST, WANT DAAR KAN HET HOOFDSCRIPT AL VOOR ZORGEN
GEBRUIK Iets als
setInterval('crop_video(2, \'4JWYIY3icUg\', 50, 70) ', 500); 
waar het cijfer corresponderend met de eerste parameter van de functie de positie aangeeft van een video in de afspeellijst, waar de string in de tweede parameter van de functie de id geeft van die video, en waar de cijfers in de derde en vierde parameters van de functie de begin- en eindtijd geven van de video. Eén of beide van de laatste 2 parameters mogen null hebben.
Geen waarden geven voor de eerste video van de lijst, want dat gebeurt al in het hoofdscript. 
*/

function crop_video(which, the_id, cropstart, cropend)
{
if(elm==which-1)
{
vid=nextsrc[which-1]; 
if(vid == the_id && yt_video_player.getCurrentTime() < parseInt(cropstart-1)){yt_video_player.seekTo(cropstart)};
if(vid == the_id && yt_video_player.getCurrentTime() > parseInt(cropend)){if(elm+1<nextsrc.length){elm=elm+1; yt_video_player.loadVideoById(nextsrc[elm])}; if(elm+1==nextsrc.length){yt_video_player.pauseVideo(); yt_video_player.seekTo(0)}};
}
}







function add_image(which_image)
{
document.getElementById('yt_layer').style.backgroundImage='url(' + which_image + ')';
document.getElementById('yt_layer').style.backgroundPosition = 'center calc(50% - 25px)';
document.getElementById('yt_layer').style.backgroundSize = '1px 1px';
document.getElementById('yt_layer').style.backgroundRepeat = 'no-repeat';
document.getElementById('yt_video_player').style.opacity=0.01;
if(window.innerWidth <= 750){document.getElementById('yt_layer').style.backgroundImage= 'none'};
}

function add_image_also_on_small(which_image)
{// added later to handle cases where we want the image to also be visible on very small screens
document.getElementById('yt_layer').style.backgroundImage='url(' + which_image + ')';
document.getElementById('yt_layer').style.backgroundPosition = 'center calc(50% - 25px)';
document.getElementById('yt_layer').style.backgroundSize = '1px 1px';
document.getElementById('yt_layer').style.backgroundRepeat = 'no-repeat';
document.getElementById('yt_video_player').style.opacity=0.01;
}

function add_text(which_text)
{
var addText=document.createElement('div');
addText.id='added_text';
addText.innerHTML=which_text;
addText.style.position='absolute';
addText.style.visibility='hidden';
addText.style.left='50%';
addText.style.top='50%';
addText.style.textAlign='center';
addText.style.transform = 'translate(-50%, calc(-50% - 30px))';
addText.style.color='white';
addText.style.fontFamily='Cookie';
addText.style.maxWidth='80%';
addText.style.width='500px';
addText.style.WebkitUserSelect='none';
addText.style.pointerEvents='none';
addText.style.textShadow='-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black';
document.getElementById('yt_layer').appendChild(addText);
document.getElementById('yt_video_player').style.opacity=0.01;
}


function start_ios()
{
document.getElementById('loadmessage').style.display = 'none';
yt_video_player.playVideo(); 
clearInterval(click_button)
}


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;
}

var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream;

/*Third and fourth parameters can be used for specifying the start and end time of a single video or of the first video of a list. These times must have null  if not specified. */
function play_yt_video(the_videos, start_time, end_time)
{

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

clearInterval(ytvideo0);
clearInterval(ytvideo1);
clearInterval(ytvideo2);
clearInterval(ytvideo3);
clearInterval(ytvideo4);
clearInterval(ytvideo5);
clearInterval(ytvideo6);
clearInterval(ytvideo7);
clearInterval(ytvideo8);
clearInterval(ytvideo9);
clearInterval(ytvideo10);
clearInterval(ytvideo11);
clearInterval(ytvideo12);
clearInterval(click_button);
clearInterval(click_button2);
clearInterval(groot_klein);



yt_video_start=start_time;
yt_video_end=end_time;

if(document.getElementById('inserted')){yt_video_player.destroy(); yt_video_player=null; delete yt_video_player; document.getElementById('inserted').remove();};

var dynamic_yt_video = document.createElement('div');
dynamic_yt_video.id='inserted';
dynamic_yt_video.innerHTML = '<div id="yt_layer" style="position: fixed; left:0; top:0; z-index: 9000; width: 100%; height: 100%; background: black ; border-radius: 0px; " ><div id="prompt" style="display: none; font-style: italic; box-shadow: 4px 4px 4px #888888; padding: 20px; border: 1px solid silver; position: fixed; z-index: 1000; top: 50%; left: 50%; transform: translate(-50%, calc(-50% - 20px)); width: 280px; height: auto; font-family: arial; font-size: 15px; line-height: 25px; background:white; z-index: 1"><div style="position: absolute; top: 0; right: -5px; cursor: pointer; padding: 10px; padding-left: 20px; padding-right: 20px; font-size: 25px;  " onclick="document.getElementById(\'prompt\').style.display=\'none\'">X</div><div style="height: 25px">&nbsp;</div>You have entered FULLSCREEN mode.<br>To go back to  normal mode, hit Esc (desktop) or try one of the buttons that appear when you swipe down (touchdown device).</div><div id="fs_kleingroot" style="position: absolute;  top: 3px; background: black; cursor: pointer; color: white; font-family: arial; font-size: 35px; line-height: 10px; padding: 10px; z-index: 1000;  right: 125px; -webkit-user-select: none; opacity: 0.8" onclick="document.getElementById(\'prompt\').style.display=\'block\'; ">&nbsp;</div><div id="pleasewait"  style="position: absolute; background: transparent; color: white; top: 50%; left: 50%; transform: translate(-50%, calc(-50% - 20px)); 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; transition: 2s;  "><img src="images_youtube_videos/loading.gif" alt="please wait" style="height: 30px; border-radius: 100%"><\/div><iframe allow="autoplay" frameborder="0" id="yt_video_player" src="fakename needed"   style="position: absolute; width: 100%;  height: 200%; background: black; z-index: -1; left: 0;   top: calc(50% - 23px);   transform: translateY(-50%); visibility: hidden  " onload="yt_video_player=new YT.Player(this , {events: {\'onStateChange\':function(e){if(elm === 0 && parseInt(yt_video_start) !== NaN && yt_video_player.getCurrentTime() < yt_video_start){yt_video_player.seekTo(yt_video_start)}; if(e.data===3 || e.data===-1){document.getElementById(\'pleasewait\').style.opacity=1} else {document.getElementById(\'pleasewait\').style.opacity=0}; if(yt_video_player.getCurrentTime()>0 && elm<nextsrc.length){document.getElementById(\'current_track\').innerHTML = elm + 1}; if(document.getElementById(\'next\').style.display==\'inline-block\' && elm>0){document.getElementById(\'prev\').style.display=\'inline-block\'}; if(e.data==1){document.getElementById(\'yt_video_player\').style.visibility=\'visible\'; document.getElementById(\'play\').style.display = \'none\'; document.getElementById(\'pause\').style.display = \'inline-block\';}; if(e.data==2){document.getElementById(\'play\').style.display = \'inline-block\'; document.getElementById(\'pause\').style.display = \'none\';}; if(e.data == 0 && nextsrc.length==1){yt_video_player.seekTo(yt_video_start); yt_video_player.pauseVideo()};  if(e.data==0 && nextsrc.length>1 && nextsrc.length>elm+1){elm=elm+1; yt_video_player.loadVideoById(nextsrc[elm]); if(document.getElementById(\'next\').style.display==\'inline-block\'){document.getElementById(\'prev\').style.display=\'inline-block\'}; if(elm>=nextsrc.length-1){document.getElementById(\'next\').style.display=\'none\'}};if((e.data==1 || e.data==2) && document.getElementById(\'show_video\').style.visibility == \'hidden\'){if(document.getElementById(\'added_text\')){document.getElementById(\'added_text\').style.visibility=\'visible\'}}; if(e.data==1 || e.data==2){if(window.innerWidth > window.innerHeight){document.getElementById(\'yt_layer\').style.backgroundSize = \'auto calc(75% - 0px)\'}}; if(e.data==1 || e.data==2){if(window.innerWidth <= window.innerHeight){document.getElementById(\'yt_layer\').style.backgroundSize = \'auto calc(65% - 0px)\'}};  if(e.data==1 || e.data == 2){document.getElementById(\'minimize\').style.display = \'block\'; if(elm == 0 && yt_video_player.getCurrentTime() < parseInt(yt_video_start)){yt_video_player.seekTo(parseInt(yt_video_start)+1)};if(elm == 0 && yt_video_player.getCurrentTime() >= parseInt(yt_video_end)){yt_video_player.seekTo(yt_video_player.getDuration())} } ;   }}});  "><\/iframe><div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 20px)); visibility: hidden; opacity: 0; transition: 1s; z-index: 9001; width: 100%" id="loadmessage"><\/div><div   id="custom-seekbar-fake" style="position: absolute; left: 144px;width: calc(100% - 150px);  cursor: pointer; height: 40px;  z-index: 2000; background: transparent; overflow: hidden; bottom: 40px "><\/div><div   id="custom-seekbar" style="position: relative; left: 144px;width: calc(100% - 150px);  cursor: pointer; height: 2px;  z-index: 2000; background: #5C768E; top: calc(100% - 50px);   "><div id="custom-seekbar-span" style="position: absolute; width: 0; height: 100%; background-color: red; color: white;    "><span style="position: absolute; display: block; width: 10px; height: 10px; border-radius: 100%; background: white; top: -5px;  border: 1px solid black; margin-left: -4px"></span><\/div><\/div><div id="times_and_volume" style="position: absolute;   font-family: arial; font-size: 15px; line-height: 16px; margin-left: 3px; font-weight: normal; bottom: 40px "><div id="elapsed_time" style="color: white; display: inline-block; background: transparent">00:00:00<\/div> <span style="color: white">/<\/span> <div id="duration_time" style="color: white; display: inline-block; background: transparent">00:00:00<\/div><\/div><!--<div style="position: absolute; top: 0; right: 3px"><input id="vol-control" style="width: 80px; margin-left: 1px; cursor: pointer;  " type="range" min="0" max="100" step="1" value="100" oninput="SetVolume(this.value)" onchange="SetVolume(this.value)"><\/div>--><div id="vol_unmuted" style="position: absolute; bottom: -3px; right: 10px; cursor: pointer; filter: invert(100%)" onclick="yt_video_player.mute(); this.style.display = \'none\'; document.getElementById(\'vol_muted\').style.display=\'inline-block\' "><img src="images_youtube_videos/volume_unmuted.png" alt="unmuted" title="unmuted" style="height: 23px; background: white; border-radius: 20px"  ><\/div><div id="vol_muted" style="position: absolute; bottom: -3px; right: 10px; cursor: pointer; display: none; filter: invert(100%)" onclick="yt_video_player.unMute(); this.style.display = \'none\'; document.getElementById(\'vol_unmuted\').style.display=\'inline-block\' "><img src="images_youtube_videos/volume_muted.png" alt="muted" title="muted" style="height: 23px; background: white; border-radius: 20px  "><\/div><div id="current_total" style="position: absolute; left: 2px; top: 5px;  z-index: 1000; font-family: arial; font-size: 17px; color: black; background: transparent; line-height: 18px; padding: 3px; font-weight: 700; filter: invert(100%)" ><span id="current_track" >1<\/span> / <span id="total_tracks" >total tracks<\/span> <\/div><div id="the_buttons" style="position: absolute;  margin-top: 0px;  z-index: 1000;  line-height: 1px;   bottom: 5px; width: auto; left: 50%; transform: translateX(-50%); height: 26px; overflow: hidden       "><div style="height: 1px">&nbsp;<\/div><a id="prev" style="display: none; margin-right: 40px; padding: 0px; cursor: pointer;   " onclick="if(elm>0){elm=elm-1; yt_video_player.loadVideoById(nextsrc[elm])}; document.getElementById(\'next\').style.display = \'inline-block\'; if(elm<1){this.style.display=\'none\'}; document.getElementById(\'pause\').style.display = \'inline-block\'; document.getElementById(\'play\').style.display = \'none\' "><img src="images_youtube_videos/next_video.png" alt="previous" title="previous" style="height: 23px; border-radius: 20px; transform: rotate(180deg); filter: invert(100%); background: white; border-radius: 20px "><\/a><a id="pause" style="position: relative; top: 0px; display: none;  padding: 0px; cursor: pointer; " onclick=" yt_video_player.pauseVideo(); this.style.display=\'none\'; document.getElementById(\'play\').style.display = \'inline-block\' "><img src="images_youtube_videos/pause_video.png" alt="pause" title="pause" style="height: 23px; border-radius: 20px; filter: invert(100%); background: white"><\/a><a id="play" style="position: relative; top: 0px; display: inline-block;  padding: 0px; cursor: pointer; filter: invert(100%)" onclick="yt_video_player.playVideo(); this.style.display=\'none\'; document.getElementById(\'pause\').style.display = \'inline-block\'; document.getElementById(\'loadmessage\').style.display = \'none\'; clearInterval(click_button)  "><img src="images_youtube_videos/play_video.png" alt="play" title="play" style="height: 23px; border-radius: 20px;  filter: invert(0%); background: white "><\/a><a id="next" style="display: none; margin-left: 40px;  padding: 0px; cursor: pointer; filter: invert(100%);  " onclick="if(elm<nextsrc.length-1){elm=elm+1; yt_video_player.loadVideoById(nextsrc[elm])}; if(elm>=nextsrc.length-1){this.style.display=\'none\'}; document.getElementById(\'prev\').style.display = \'inline-block\'; document.getElementById(\'pause\').style.display = \'inline-block\'; document.getElementById(\'play\').style.display = \'none\'"><img src="images_youtube_videos/next_video.png" alt="next" title="next" style="height: 23px; border-radius: 20px; filter: invert(0%); background: white"><\/a><!--<a  id="stop"  style="margin-left: 20px; margin-right: 0px; top: 0px; cursor: pointer; position: relative;   "  onclick="delete yt_video_player; delete videosize; document.getElementById(\'inserted\').remove(); "><img src="images_youtube_videos/close_video.png" alt="close" title="close" style="height: 25px; border-radius: 20px; filter: invert(100%); background: white; "><\/a>--><!--<a id="mp3_fullscreen" " style="position: relative; cursor: pointer; margin-left: 5px; margin-right: 0px; top: 7px;  " onclick="yt_video_player.requestFullscreen()"><img src="images_youtube_videos/fullscreen.png" alt="fullscreen" title="fullscreen" style="height: 45px;   filter: invert(100%); border-radius: 0px; border: 0px solid black"><\/a>--><div style="height: 1px">&nbsp;<\/div><\/div><div  id="stop"  style="top: 5px; cursor: pointer; position: absolute; right: 8px;    "  onclick="delete yt_video_player; delete videosize; document.getElementById(\'inserted\').remove(); if(document.webkitExitFullscreen){document.webkitExitFullscreen()} else if(document.exitFullscreen){document.exitFullscreen()} else if(document.msExitFullscreen){document.msExitFullscreen()};"><img src="images_youtube_videos/close_video.png" alt="close" title="close" style="height: 25px; border-radius: 20px; filter: invert(100%); background: white; "><\/div><div id="video_ended" style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 20px)); z-index: 1; opacity: 0; transition: 3.5s; family: arial; font-size: 42px; padding: 8px; line-height: 20px; background: transparent; color: red; cursor: pointer" onclick="yt_video_player.playVideo()">&#9654;<\/div><div id="show_video" style="position: fixed; background: black; z-index: 2000; left: 50%; transform: translateX(-50%); bottom: 2px; font-family: arial; font-size: 18px; padding: 8px; color: white; cursor: pointer; text-align: center; visibility: hidden " onclick="if(document.getElementById(\'added_text\')){document.getElementById(\'added_text\').style.visibility=\'visible\'}; document.getElementById(\'yt_layer\').style.visibility=\'visible\'; document.getElementById(\'yt_video_player\').style.visibility=\'visible\'; this.style.visibility=\'hidden\'; document.getElementById(\'video_ended\').style.display=\'block\'; ">Video to the front<\/div><div id="minimize" style="position: absolute; right: 50px; top: 2px; margin-top: -10px;  background: transparent; color: white; font-family: arial; font-size: 23px; line-height: 10px; padding: 10px; cursor: pointer; display: none " ><span style="padding: 15px" onclick="if(document.getElementById(\'added_text\')){document.getElementById(\'added_text\').style.visibility=\'hidden\'}; document.getElementById(\'show_video\').style.display=\'block\'; document.getElementById(\'show_video\').style.visibility=\'visible\'; document.getElementById(\'yt_layer\').style.visibility=\'hidden\'; document.getElementById(\'yt_video_player\').style.visibility=\'hidden\'; document.getElementById(\'video_ended\').style.display=\'none\'; if(document.webkitExitFullscreen){document.webkitExitFullscreen()} else if(document.exitFullscreen){document.exitFullscreen()} else if(document.msExitFullscreen){document.msExitFullscreen()};">_<\/span><\/div><\/div>';

dynamic_yt_video.style.border="1x solid black"

document.body.appendChild(dynamic_yt_video)

/*Moet hier. Kan niet bij events */
var ytvideo0=setInterval("if(yt_video_player.getCurrentTime() > yt_video_player.getDuration()-1){document.getElementById('yt_video_player').style.left='-100%'; if(yt_video_player.getPlayerState()!==1){document.getElementById('video_ended').style.opacity = 1}} else {document.getElementById('yt_video_player').style.left=0; if(yt_video_player.getPlayerState()!==2){document.getElementById('video_ended').style.opacity = 0}}  ", 1000);

var ytvideo1=setInterval("if(yt_video_player.getPlayerState()===2){document.getElementById('video_ended').style.opacity=1} ", 500)

var ytvideo2=setInterval("if(yt_video_player.getPlayerState()===1){document.getElementById('video_ended').style.opacity=0} ", 500)

var ytvideo3=setInterval(" if(yt_video_player.getPlayerState()===3){document.getElementById('video_ended').style.opacity=0} ", 10)

var ytvideo4=setInterval("document.getElementById('custom-seekbar-span').style.paddingLeft=(document.getElementById('custom-seekbar').offsetWidth - 0)* (yt_video_player.getCurrentTime() / yt_video_player.getDuration())    + 0+'px'   ",500);

/*Deze moet hier i.p.v. bij events in iframe */
var ytvideo5=setInterval(" if(elm==0 && nextsrc.length>1 && nextsrc.length>elm+1 && yt_video_player.getCurrentTime() >= parseInt(yt_video_end)){elm=elm+1; yt_video_player.loadVideoById(nextsrc[elm])};  ", 100)

/* Deze moet hier i.p.v. bij events in iframe */
var ytvideo6=setInterval(" if(nextsrc.length==1 && yt_video_player.getCurrentTime() >= parseInt(yt_video_end)){yt_video_player.pauseVideo(); yt_video_player.seekTo(parseInt(yt_video_start))};  ", 100)

/* Deze moet hier i.p.v. bij events in iframe */
var ytvideo7=setInterval(" if(nextsrc.length==1 && yt_video_player.getCurrentTime() >= yt_video_player.getDuration()){yt_video_player.pauseVideo()};  ", 100)


/* Deze moet hier i.p.v. bij events in iframe */
var ytvideo8=setInterval(" if(nextsrc.length>1 && nextsrc.length<=elm+1 && yt_video_player.getPlayerState()==0 ){document.getElementById('pause').style.display='none'; document.getElementById('play').style.display='inline-block'};  ", 100)

var ytvideo9=setInterval("if(elm>=nextsrc.length-1 && nextsrc.length>1){document.getElementById('next').style.display='none'; document.getElementById('prev').style.display = 'inline-block'; }", 500)

var ytvideo10=setInterval("document.getElementById('duration_time').innerHTML=formatTime(yt_video_player.getDuration()); ", 1000)

var ytvideo11=setInterval("document.getElementById('elapsed_time').innerHTML=formatTime(yt_video_player.getCurrentTime())  ",1000);

document.getElementById("custom-seekbar").addEventListener('click', function (e){
yt_video_player.seekTo( yt_video_player.getDuration() * ((event.clientX-event.target.getBoundingClientRect().left)/document.getElementById('custom-seekbar').clientWidth)+0)}, false);

document.getElementById("custom-seekbar-fake").addEventListener('click', function (e){
yt_video_player.seekTo( yt_video_player.getDuration() * ((event.clientX-event.target.getBoundingClientRect().left)/document.getElementById('custom-seekbar').clientWidth)+0)}, false);

document.getElementById("fs_kleingroot").addEventListener('click', function (e){if(document.fullscreenElement == null || document.webkitIsFullScreen == null || document.mozFullScreen == null || document.msFullscreenElement == null || document.fullscreenElement == false || document.webkitIsFullScreen == false || document.mozFullScreen == false || document.msFullscreenElement == false){if(document.body.requestFullScreen){document.body.requestFullScreen()}; if(document.body.requestFullscreen){document.body.requestFullscreen()}; if(document.body.mozRequestFullScreen){document.body.mozRequestFullScreen()}; if(document.body.webkitRequestFullScreen){document.body.webkitRequestFullScreen()}; if(document.body.webkitRequestFullscreen){document.body.webkitRequestFullscreen()}; if(document.body.msRequestFullscreen){document.body.msRequestFullscreen()}; screen.orientation.lock('landscape'); this.innerHTML=''; }}, false);

/* Dit weggehaald want problemen op oude iPad
document.getElementById("fs_kleingroot").addEventListener('click', function (e){if(document.fullscreenElement !== null && document.webkitIsFullScreen !== null && document.mozFullScreen !== null && document.msFullscreenElement !== null && document.fullscreenElement !== false && document.webkitIsFullScreen !== false && document.mozFullScreen !== false && document.msFullscreenElement !== false){
alert('Fullscreen mode is cancelled.\nIf for some reason you are stuck in fullscreen mode, hit the ESCAPE-button when you are on a desktop. When you are on a touchdown device, swipe down and try one of the buttons that will appear.'); this.innerHTML='enter fullscreen'}}, false);*/


nextsrc = the_videos;

yt_video_player.src=nextsrc[0];

document.getElementById('total_tracks').innerHTML = nextsrc.length;

elm = 0; 

if(elm==0)
{
yt_video_player.src = 'https://www.youtube-nocookie.com/embed/' + yt_video_player.src.substr(yt_video_player.src.length-11, 11) + '?autoplay=0&html5=1&enablejsapi=1';


}

if(nextsrc.length > 1){document.getElementById('next').style.display = 'inline-block'; }


var click_button = setInterval(" if(yt_video_player.getPlayerState()!==1 || yt_video_player.getPlayerState()!==2 || yt_video_player.getPlayerState()!==0){document.getElementById('loadmessage').style.visibility='visible'; document.getElementById('loadmessage').style.opacity=1; if(iOS){document.getElementById('loadmessage').innerHTML = '<div style = \"width: 100%; text-align: center; font-family: arial; font-size: 42px; padding: 3px; line-height: 20px; background: transparent; color: white; font-style: italic; min-height: 30px; padding-top: 9px \" onclick=\"start_ios()\">&#9654;</div>'};} ", 1000);

var click_button2 = setInterval("if(yt_video_player.getPlayerState()===1){document.getElementById('loadmessage').style.display='none'} ", 1000);

var ytvideo12=setInterval("if(yt_video_player.getPlayerState()==-1 || yt_video_player.getPlayerState()==5){yt_video_player.playVideo();  } ", 100)

var groot_klein=setInterval("if(document.fullscreenElement !== null && document.webkitIsFullScreen !== null && document.mozFullScreen !== null && document.msFullscreenElement !== null && document.fullscreenElement !== false && document.webkitIsFullScreen !== false && document.mozFullScreen !== false && document.msFullscreenElement !== false){document.getElementById('stop').style.display='none'; document.getElementById('minimize').style.display='none'; document.getElementById('fs_kleingroot').innerHTML = '' } else {document.getElementById('stop').style.display='block'; document.getElementById('minimize').style.display='block'; document.getElementById('fs_kleingroot').innerHTML = '+'} ", 100)

document.getElementById('yt_video_player').style.maxWidth=document.getElementById('yt_video_player').clientHeight*videosize - 0 +'px'; document.getElementById('yt_video_player').style.marginLeft= (window.innerWidth - document.getElementById('yt_video_player').clientWidth)/2 -0 + 'px';


delete videosize;

}