Javascript 选择“Saison 8-2012”或“Saison 9-2014” 第三个下拉列表:选择您选择的剧集

Javascript 选择“Saison 8-2012”或“Saison 9-2014” 第三个下拉列表:选择您选择的剧集,javascript,dynamic,drop-down-menu,youtube,Javascript,Dynamic,Drop Down Menu,Youtube,请在下面找到此工作脚本: <style> .serie { width: 200px; font-size: 100%; font-weight: bold; font-family: Verdana; margin-top: 5px; margin-left: 0px; color:#525e66; background: #F3FED0; border: 2px solid #92AD34; } .seizoen { width: 210px; font-w

请在下面找到此工作脚本:

<style>
.serie {
width: 200px;
font-size: 100%;
font-weight: bold;
font-family: Verdana;   
margin-top: 5px;        
margin-left: 0px;
color:#525e66;
background: #F3FED0;
border: 2px solid #92AD34;
}
.seizoen {
width: 210px;
font-weight: normal;
font-size: 100%;
font-weight: bold;
font-family: Verdana;   
margin-top: 2px;        
margin-left: 0px;
color:#525e66;
background: #F3FED0;
border: 2px solid #92AD34;
}
.aflevering {
width: 222px;
font-weight: normal;
font-size: 100%;
font-weight: bold;
font-family: Verdana;   
margin-top: 2px;        
margin-left: 0px;
color:#525e66;
background: #F3FED0;
border: 2px solid #92AD34;
}

.wrap1 {
text-align:center;
margin-top: 10px; 
width: 100%;
}
.wrap2 {
text-align:center;
margin-top: 10px; 
width: 100%;
}
#div1 {
display: inline-block;
border: 2px solid red;
float: left;
}
#div2 {
display: inline-block;
text-align: center;
border: 0px solid green;
}
#div3 {
display: inline-block;
border: 2px solid blue;
position: relative;
float: right;
}
.div4 {
width: 642px;
font-size: 100%;
font-weight: bold;
font-family: Verdana;   
text-align: center;
display: inline-block;
margin-top: 0px;
margin-left: 3px;
background: #F3FED0;        
border: 2px solid #92AD34;
float: center;

select.center {
position: relative;
display: inline-block;
}
input.right {
position: relative;
float: right;
}
</style>

<iframe id="myIframe" src="http://www.alumnei.nl/images/learninglane.jpg" frameborder="0" marginwidth="0" marginheight="0"  width="100%" height="510" related="0" allowfullscreen scrolling="no"></iframe>

<div class="wrap1">

<div id="div1"><input type="button" value="zurück" onClick="nextTiles(-1)"></div>

<div id="div2">
<form name="myform" id="myForm">
    <select class="serie" name="optone" id="seriesSel" size="1">
    <option value="" selected="selected">Wähle die Serie</option>
    </select>

    <select class="seizoen" name="opttwo" id="seasonSel" size="1">
    <option value="" selected="selected">Wähle zuerst die Serie</option>
    </select>

    <select class="scrolly aflevering overlaySelector" id="episodeSel" name="optthree" size="2">
    <option value="" selected="selected">Wähle zuerst die Saison</option>
    </select>
    </form>
</div>

<div id="div3"><input type="button" class="right" value="weiter" onClick="nextTiles(1)"></div>

</div>

<div class="wrap2">
<div id="myTitle" class="div4">Name der Episode</div>
</div>






<script language=javascript>

function setIframeSource(aCode) {
  if (aCode.length >= 11){
    YouTubeCode = aCode.substr(0,11);
    Titel = aCode.substr(11)
  document.getElementById("myIframe").src="https://www.youtube.com/embed/"+YouTubeCode+"?rel=0&fs=0&autoplay=1&modestbranding=1";
    Omschrijving = aCode.substr(11).split(", "); 
    document.getElementById("myTitle").innerHTML = ""+Omschrijving[3];
  }  
}

var seriesObject = {
    "Donald Duck": {
        "Seizoen 2004": ["afl 1", "afl 2", "afl 3", "afl 4"],
        "Seizoen 2005": ["afl 1", "afl 2", "afl 3", "afl 4", "afl 5", "afl 6"]
    },
    "Bob de Bouwer": {
        "Seizoen 2011": ["afl 1", "afl 2", "afl 3", "afl 4", "afl 5", "afl 6", "afl 7"],
        "Seizoen 2012": ["afl 1", "afl 2", "afl 3", "afl 4", "afl 5", "afl 6", "afl 7", "afl 8", "afl 9"]
    },
    "Feuerwehrmann Sam": {
        "Saison 1: 1987": ["Z9dN-YJE7Ek Brandweerman Sam, 1: 1987, 1, Der Drachen", 
                         "-E4_JlaCr_U Brandweerman Sam, 1: 1987, 2, Der Scheunenbrand",
                         "6rpu32dfl_s Brandweerman Sam, 1: 1987, 3, Die Feuerwehrübung",
                         "P5nPw5qXBCo Brandweerman Sam, 1: 1987, 4, Die Reifenpanne",
                         "VFAEBbva454 Brandweerman Sam, 1: 1987, 5, Uit kamperen / Kamperen",
                         "KBKQ-a28YVw Brandweerman Sam, 1: 1987, 6, Norman macht Dummheiten", 
                         "fLHv3AiueWQ Brandweerman Sam, 1: 1987, 7, Die verschwundene Katze",
                         "jhOwSuMm2O4 Brandweerman Sam, 1: 1987, 8, Televisietoestanden / De commandant wordt beroemd"],
        "Seizoen 2009": ["afl1", "afl2", "afl 3", "afl 4", "afl 5", "afl6", "afl7"],
        "Seizoen 2010": ["afl1", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "afl 17", "afl 18", "afl 19"],
        "Seizoen 2011": ["afl 1", "afl 2", "afl 3", "afl 4", "afl 5", "afl 6", "afl 7", "afl 8", "afl 9"],
        "Saison 8 - 2012": ["mKUR5kBxcds Feuerwehrmann Sam, 2012, 01, Gwendolyns millionster Kunde",
                        "n1PCPV81oMo Feuerwehrmann Sam, 2012, 02, Norman erobert Jupiter",
                        "2SfJBjCHwfI Feuerwehrmann Sam, 2012, 03, Ein Schal für den Schneemann",
                        "LYdjgYSehOk Feuerwehrmann Sam, 2012, 04, Besserwisser Boyce",
                        "Bx6EBMg8bwM Feuerwehrmann Sam, 2012, 05, Elvis und die Riesengitarre",
                        "piMV785edvE Feuerwehrmann Sam, 2012, 06, Mandy in Seenot",
                        "1pAILBw_1Eo Feuerwehrmann Sam, 2012, 07, Norris das Meerschweinchen",
                        "OP5O6OEAv6c Feuerwehrmann Sam, 2012, 08, Sam und der Eisbär",
                        "sPgCF52lRnY Feuerwehrmann Sam, 2012, 09, Großes Tamtam für den neuen Bahnhof",
                        "YWIA1GI2Tt4 Feuerwehrmann Sam, 2012, 10, Verschollen auf dem Pontypandy-Berg",
                        "Vdop8ao43xU Feuerwehrmann Sam, 2012, 11, Gefahr im Pontypandy-Express",
                        "dgsGsOnO1ds Feuerwehrmann Sam, 2012, 12, Das Monster von Pontypandyness",
                        "HExQMU_Vd8A Feuerwehrmann Sam, 2012, 13, Dilys die Seeplage",
                        "bu3A_XatIIo Feuerwehrmann Sam, 2012, 14, Frostige Zeiten in Pontypandy",
                        "tcxf_Cg3hns Feuerwehrmann Sam, 2012, 15, Normans Halloween Trick",
                        "Zt7ip1XAjAc Feuerwehrmann Sam, 2012, 16, Brüder durch dick und dünn",
                        "BWbXLlfAoBw Feuerwehrmann Sam, 2012, 17, Bessie eilt zur Rettung",
                        "E2Wef9mg5OY Feuerwehrmann Sam, 2012, 18, Norman und das Snowboard",
                        "OEEQPOKguJs Feuerwehrmann Sam, 2012, 19, König der Berge",
                        "d9TM5aomVk4 Feuerwehrmann Sam, 2012, 20, Gefangen auf dem Leuchtturm",
                        "GykXc5JbAmM Feuerwehrmann Sam, 2012, 21, Lichterkettenwettkampf",
                        "S2Fl9TXFth8 Feuerwehrmann Sam, 2012, 22, Babysitter in Not",
                        "Ta61rBU1AMM Feuerwehrmann Sam, 2012, 23, Bessie in Gefahr",
                        "_aB3PMNm5rI Feuerwehrmann Sam, 2012, 24, Schlauer als ein Fuchs",
                        "eLp_f5nJTOM Feuerwehrmann Sam, 2012, 25, Lily ist verschwunden",
                        "WBEyjhXAwP0 Feuerwehrmann Sam, 2012, 26, Auf und davon"],
        "Saison 9 - 2014": ["tXYFGWVuKS4 Feuerwehrmann Sam, 2014, 01, Feuer auf See", 
                        "EDCdFVpxZY4 Feuerwehrmann Sam, 2014, 02, Fußball gegen Wissenschaft",
                        "0vbkyHKlJv0 Feuerwehrmann Sam, 2014, 03, Das große Käse Wettrollen",
                        "Tfbtiw8r6TE Feuerwehrmann Sam, 2014, 04, Auf dünnem Eis",
                        "bvSt3juX6F8 Feuerwehrmann Sam, 2014, 05, Der zauberhafte Normansky",
                        "zmp5AqnqZQY Feuerwehrmann Sam, 2014, 06, SOS auf Pontypandy Eiland",
                        "EDCdFVpxZY4 Feuerwehrmann Sam, 2014, 07, Fußball gegen Wissenschaft",
                        "wFVjYfnupHw Feuerwehrmann Sam, 2014, 08, Die beste Pyjamaparty aller Zeiten",
                        "-jQmkMGCYCo Feuerwehrmann Sam, 2014, 09, Wal in Sicht",
                        "PAkQiDCKjqk Feuerwehrmann Sam, 2014, 10, Lämmchen fliegt davon",
                        "dSlv0C8WRnc Feuerwehrmann Sam, 2014, 11, Das supergruselige Frostmonster",
                        "GVBwSYWig_A Feuerwehrmann Sam, 2014, 12, Der Pontypandy GoKart Cup",
                        "GZir90hrFrI Feuerwehrmann Sam, 2014, 13, Balance auf dem Baumhaus",
                        "yqS3xuYMIU0 Feuerwehrmann Sam, 2014, 14, Wer schafft den Rekord",
                        "0MelBFNApJQ Feuerwehrmann Sam, 2014, 15, Die Feuerwand",
                        "9f_6vC7_jDE Feuerwehrmann Sam, 2014, 16, Gefangen in der Schlucht",
                        "_yKxo-1UmSQ Feuerwehrmann Sam, 2014, 17, Mandy und die Seeschildkröte",
                        "RkcLQu6zOmc Feuerwehrmann Sam, 2014, 18, Der Schatz von Pontypandy Pete",
                        "BAnd6Kz3b0I Feuerwehrmann Sam, 2014, 19, Verirrt in den Pontypandy Bergen",
                        "dLWbsC4qTZ8 Feuerwehrmann Sam, 2014, 20, Hund gegen Katze",
                        "U61LowGENtU Feuerwehrmann Sam, 2014, 21, Ameisenalarm",
                        "Y5HVu9uN5uE Feuerwehrmann Sam, 2014, 22, Die Liebesboten",
                        "eMccjfxg20A Feuerwehrmann Sam, 2014, 23, Bühne frei für Feuerwehrmann Sam",
                        "3o3Sd3Nc-5E Feuerwehrmann Sam, 2014, 24, Eine explosive Mischung",
                        "YCHgQRoOg4g Feuerwehrmann Sam, 2014, 25, Norman Man und Atomic Boy"]
    }
}
function nextTiles(i) {
  var e = document.getElementsByClassName("overlaySelector")[0];
      seriesSel = document.getElementById("seriesSel"),
      seasonSel = document.getElementById("seasonSel"),
      episodeSel = document.getElementById("episodeSel");
  e.selectedIndex +=i ;
  //loop-around from the top or bottom depending on increment/decrement
  if(e.selectedIndex == -1) {
    if(i>0) e.selectedIndex = 0;
    else e.selectedIndex = e.length - 1;
  }
//  setIframeSource(); //with the now updated selected option,
////do whatever you were doing when the user manually chooses something in the dropdown
  var codes = seriesObject[seriesSel.value][seasonSel.value];
  if (episodeSel.selectedIndex <= codes.length) {
    setIframeSource(codes[episodeSel.selectedIndex-1]);
  }
}

window.onload = function () {
    var seriesSel = document.getElementById("seriesSel"),
        seasonSel = document.getElementById("seasonSel"),
        episodeSel = document.getElementById("episodeSel");
    for (var series in seriesObject) {
        seriesSel.options[seriesSel.options.length] = new Option(series, series);
    }
    seriesSel.onchange = function () {
        seasonSel.length = 1; // remove all options bar first
        episodeSel.length = 1; // remove all options bar first
        if (this.selectedIndex < 1) {
          seasonSel.options[0].text = "Wähle zuerst die Serie"
          episodeSel.options[0].text = "Wähle zuerst die Saison"
          return; // done   
        }  
        seasonSel.options[0].text = "Wähle die Saison"
        for (var season in seriesObject[this.value]) {
            seasonSel.options[seasonSel.options.length] = new Option(season, season);
        }
        if (seasonSel.options.length==2) {
          seasonSel.selectedIndex=1;
          seasonSel.onchange();
        }     
    }
    seriesSel.onchange(); // reset in case page is reloaded
    seasonSel.onchange = function () {
        episodeSel.length = 1; // remove all options bar first
        if (this.selectedIndex < 1) {
          episodeSel.options[0].text = "Wähle zuerst die Saison"
          return; // done   
        }  
        episodeSel.options[0].text = "Wähle die Episode"

        var episodes = seriesObject[seriesSel.value][this.value];
        for (var i = 0; i < episodes.length; i++) {
            if (episodes[i].length >=11){
              episodeSel.options[episodeSel.options.length] = new Option('Episode '+(i+1), episodes[i]);
            }
        }
        if (episodeSel.options.length==2) {
          episodeSel.selectedIndex=1;
          episodeSel.onchange();
        }   
    }
    episodeSel.onchange = function () {
      if (episodeSel.selectedIndex > 0) {
        var codes = seriesObject[seriesSel.value][seasonSel.value];
        if (this.selectedIndex <= codes.length) {
          aCode = codes[this.selectedIndex-1];
          setIframeSource(aCode);
        }
      }
    }            
}

</script>

.serie{
宽度:200px;
字体大小:100%;
字体大小:粗体;
字体系列:Verdana;
边缘顶部:5px;
左边距:0px;
颜色:#525e66;
背景:#F3FED0;
边框:2px实心#92AD34;
}
查塞翁先生{
宽度:210px;
字体大小:正常;
字体大小:100%;
字体大小:粗体;
字体系列:Verdana;
边缘顶部:2倍;
左边距:0px;
颜色:#525e66;
背景:#F3FED0;
边框:2px实心#92AD34;
}
A.阿弗林{
宽度:222px;
字体大小:正常;
字体大小:100%;
字体大小:粗体;
字体系列:Verdana;
边缘顶部:2倍;
左边距:0px;
颜色:#525e66;
背景:#F3FED0;
边框:2px实心#92AD34;
}
.wrap1{
文本对齐:居中;
边缘顶部:10px;
宽度:100%;
}
.wrap2{
文本对齐:居中;
边缘顶部:10px;
宽度:100%;
}
#第一组{
显示:内联块;
边框:2倍纯红;
浮动:左;
}
#第二组{
显示:内联块;
文本对齐:居中;
边框:0px纯绿色;
}
#第三组{
显示:内联块;
边框:2件纯蓝;
位置:相对位置;
浮动:对;
}
.第4分部{
宽度:642px;
字体大小:100%;
字体大小:粗体;
字体系列:Verdana;
文本对齐:居中;
显示:内联块;
边际上限:0px;
左边距:3倍;
背景:#F3FED0;
边框:2px实心#92AD34;
浮动:中心;
选择中心{
位置:相对位置;
显示:内联块;
}
输入。对{
位置:相对位置;
浮动:对;
}
Wähle die Serie酒店
Wähle zuerst die Serie
Wähle zuerst die Saison
情节名称
函数setIframeSource(aCode){
如果(aCode.length>=11){
YouTubeCode=aCode.substr(0,11);
滴度=子代码(11)
document.getElementById(“myIframe”).src=”https://www.youtube.com/embed/“+YouTubeCode+”?rel=0&fs=0&autoplay=1&fs=1”;
Omschrijving=aCode.substr(11).拆分(“,”);
document.getElementById(“myTitle”).innerHTML=“”+Omschrijving[3];
}  
}
变量序列对象={
“唐老鸭”:{
“2004年农业部长会议”:[“农业部长会议1”、“农业部长会议2”、“农业部长会议3”、“农业部长会议4”],
“2005年农业部长级会议”:[“农业部长级会议1”、“农业部长级会议2”、“农业部长级会议3”、“农业部长级会议4”、“农业部长级会议5”、“农业部长级会议6”]
},
“Bob de Bouwer”:{
“2011年农业部长会议”:[“农业部长会议1”、“农业部长会议2”、“农业部长会议3”、“农业部长会议4”、“农业部长会议5”、“农业部长会议6”、“农业部长会议7”],
“2012年农业部长会议”:[“农业部长级会议1”、“农业部长级会议2”、“农业部长级会议3”、“农业部长级会议4”、“农业部长级会议5”、“农业部长级会议6”、“农业部长级会议7”、“农业部长级会议8”、“农业部长级会议9”]
},
“Feuerwermann Sam”:{
“Saison 1:1987”:[“Z9dN-YJE7Ek Brandweerman Sam,1:1987,1,Der Drachen”,
“-E4_JlaCr_Brandweerman Sam,1:1987,2,Der Scheunenbrand”,
“6rpu32dfl_s Brandweerman Sam,1:1987,3,Die Feuerwehrübung”,
“P5nPw5qXBCo Brandweerman Sam,1:1987,4,Die Reifenpanne”,
“Vfaebva454 Brandweerman Sam,1:1987,5,Uit kamperen/kamperen”,
“KBKQ-A28YWW Brandweerman Sam,1:1987,6,Norman macht Dummheiten”,
“FLHV3AIUWQ Brandweerman Sam,1:1987,7,Die verschwundene Katze”,
“jhOwSuMm2O4 Brandweerman Sam,1:1987,8,电视标准/指挥官wordt beroemd”],
“2009年农业部长会议”:[“农业部长会议1”、“农业部长会议2”、“农业部长会议3”、“农业部长会议4”、“农业部长会议5”、“农业部长会议6”、“农业部长会议7”],
“2010年扣押令”:[“afl1”、“afl1”、“AFL18”、“AFL19”],
“2011年农业部长会议”:[“农业部长会议1”、“农业部长会议2”、“农业部长会议3”、“农业部长会议4”、“农业部长会议5”、“农业部长会议6”、“农业部长会议7”、“农业部长会议8”、“农业部长会议9”],
“Saison 8-2012”:[“mKUR5kBxcds Feuerwermann Sam,2012,01,Gwendolyns millionster Kunde”,
“n1PCPV81oMo Feuerwermann Sam,2012,02,Norman erobert Jupiter”,
“2SfJBjCHwfI Feuerwermann Sam,2012,03,Ein Schal für den Schneemann”,
“LYdjgYSehOk Feuerwermann Sam,2012,04,Besserwisser Boyce”,
“Bx6EBMg8bwM Feuerwermann Sam,2012年5月,埃尔维斯与里森吉塔”,
“piMV785edvE Feuerwermann Sam,2012年6月,西诺的Mandy”,
“Feuerwermann Sam,2012,07,Norris das Meerschweinchen”,
“OP5O6OEAv6c Feuerwermann Sam,2012,08,Sam and der Eisbär”,
“SPGCF52RNY Feuerwermann Sam,2012,09,Großes Tam für den neuen Bahnhof”,
“YWIA1GI2Tt4 Feuerwermann Sam,2012,10,Verschollen auf dem Pontypandy Berg”,
“Vdop8ao43xU Feuerwermann Sam,2012,11,Gefahr im Pontypandy Express”,
“dgsGsOnO1ds Feuerwermann Sam,2012年12月,作为庞蒂潘迪内斯的怪物”,
“HExQMU_Vd8A Feuerwermann Sam,2012,13,Dilys die Seeplage”,
“bu3A_XatIIo Feuerwermann Sam,2012,14,庞蒂帕迪的Frostige Zeiten”,
“tcxf_Cg3hns Feuerwermann Sam,2012,15,诺曼万圣节把戏”,
“Zt7ip1XAjAc Feuerwermann Sam,2012,16,Brüder durch dick and dünn”,
“BWbXLlfAoBw Feuerwermann Sam,2012,17,Bessie eilt zur Rettung”,
“E2Wef9mg5OY Feuerwermann Sam,2012,18,诺曼和达斯滑雪板”,
“Oeqpokgujs Feuerwermann Sam,2012年,19日,König der Berge”,
“d9TM5aomVk4 Feuerwermann Sam,2012年,第20期,格凡根奥夫酒店,
“GykXc5JbAmM Feuerwermann Sam,2012,21,Lichterkettenwettkampf”,
“S2Fl9TXFth8 Feuerwermann Sam,2012年,22岁,非英国保姆”,
“Ta61rBU1AMM Feuerwermann Sam,2012年,23日,Gefahr的Bessie”,
“_ab3pmnm5riFeuerwermann Sam,2012,24,Schlauer als ein Fuchs”,
“eLp_F5; njTom Feuerwermann Sam,2012,25,Lily ist verschwunden”,
“WBEyjhXAwP0 Feuerwermann Sam,2012,26,Auf und davon”],
“Saison 9-2014”:[“tXYFGWVuKS4 Feuerwermann Sam,201
<option value="Q6IEtjaSGHg">aflevering 2</option>
javascript:loadNewVideo('Q6IEtjaSGHg');

    function loadNewVideo(id, startSeconds) {
        ytplayer.loadVideoById(id, parseInt(startSeconds));

    }
<style>
.serie {
width: 200px;
font-size: 100%;
font-weight: bold;
font-family: Verdana;   
margin-top: 5px;        
margin-left: 0px;
color:#525e66;
background: #F3FED0;
border: 2px solid #92AD34;
}
.seizoen {
width: 210px;
font-weight: normal;
font-size: 100%;
font-weight: bold;
font-family: Verdana;   
margin-top: 2px;        
margin-left: 0px;
color:#525e66;
background: #F3FED0;
border: 2px solid #92AD34;
}
.aflevering {
width: 222px;
font-weight: normal;
font-size: 100%;
font-weight: bold;
font-family: Verdana;   
margin-top: 2px;        
margin-left: 0px;
color:#525e66;
background: #F3FED0;
border: 2px solid #92AD34;
}

.wrap1 {
text-align:center;
margin-top: 10px; 
width: 100%;
}
.wrap2 {
text-align:center;
margin-top: 10px; 
width: 100%;
}
#div1 {
display: inline-block;
border: 2px solid red;
float: left;
}
#div2 {
display: inline-block;
text-align: center;
border: 0px solid green;
}
#div3 {
display: inline-block;
border: 2px solid blue;
position: relative;
float: right;
}
.div4 {
width: 642px;
font-size: 100%;
font-weight: bold;
font-family: Verdana;   
text-align: center;
display: inline-block;
margin-top: 0px;
margin-left: 3px;
background: #F3FED0;        
border: 2px solid #92AD34;
float: center;

select.center {
position: relative;
display: inline-block;
}
input.right {
position: relative;
float: right;
}
</style>

<iframe id="myIframe" src="http://www.alumnei.nl/images/learninglane.jpg" frameborder="0" marginwidth="0" marginheight="0"  width="100%" height="510" related="0" allowfullscreen scrolling="no"></iframe>

<div class="wrap1">

<div id="div1"><input type="button" value="zurück" onClick="nextTiles(-1)"></div>

<div id="div2">
<form name="myform" id="myForm">
    <select class="serie" name="optone" id="seriesSel" size="1">
    <option value="" selected="selected">Wähle die Serie</option>
    </select>

    <select class="seizoen" name="opttwo" id="seasonSel" size="1">
    <option value="" selected="selected">Wähle zuerst die Serie</option>
    </select>

    <select class="scrolly aflevering overlaySelector" id="episodeSel" name="optthree" size="2">
    <option value="" selected="selected">Wähle zuerst die Saison</option>
    </select>
    </form>
</div>

<div id="div3"><input type="button" class="right" value="weiter" onClick="nextTiles(1)"></div>

</div>

<div class="wrap2">
<div id="myTitle" class="div4">Name der Episode</div>
</div>






<script language=javascript>

function setIframeSource(aCode) {
  if (aCode.length >= 11){
    YouTubeCode = aCode.substr(0,11);
    Titel = aCode.substr(11)
  document.getElementById("myIframe").src="https://www.youtube.com/embed/"+YouTubeCode+"?rel=0&fs=0&autoplay=1&modestbranding=1";
    Omschrijving = aCode.substr(11).split(", "); 
    document.getElementById("myTitle").innerHTML = ""+Omschrijving[3];
  }  
}

var seriesObject = {
    "Donald Duck": {
        "Seizoen 2004": ["afl 1", "afl 2", "afl 3", "afl 4"],
        "Seizoen 2005": ["afl 1", "afl 2", "afl 3", "afl 4", "afl 5", "afl 6"]
    },
    "Bob de Bouwer": {
        "Seizoen 2011": ["afl 1", "afl 2", "afl 3", "afl 4", "afl 5", "afl 6", "afl 7"],
        "Seizoen 2012": ["afl 1", "afl 2", "afl 3", "afl 4", "afl 5", "afl 6", "afl 7", "afl 8", "afl 9"]
    },
    "Feuerwehrmann Sam": {
        "Saison 1: 1987": ["Z9dN-YJE7Ek Brandweerman Sam, 1: 1987, 1, Der Drachen", 
                         "-E4_JlaCr_U Brandweerman Sam, 1: 1987, 2, Der Scheunenbrand",
                         "6rpu32dfl_s Brandweerman Sam, 1: 1987, 3, Die Feuerwehrübung",
                         "P5nPw5qXBCo Brandweerman Sam, 1: 1987, 4, Die Reifenpanne",
                         "VFAEBbva454 Brandweerman Sam, 1: 1987, 5, Uit kamperen / Kamperen",
                         "KBKQ-a28YVw Brandweerman Sam, 1: 1987, 6, Norman macht Dummheiten", 
                         "fLHv3AiueWQ Brandweerman Sam, 1: 1987, 7, Die verschwundene Katze",
                         "jhOwSuMm2O4 Brandweerman Sam, 1: 1987, 8, Televisietoestanden / De commandant wordt beroemd"],
        "Seizoen 2009": ["afl1", "afl2", "afl 3", "afl 4", "afl 5", "afl6", "afl7"],
        "Seizoen 2010": ["afl1", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "afl 17", "afl 18", "afl 19"],
        "Seizoen 2011": ["afl 1", "afl 2", "afl 3", "afl 4", "afl 5", "afl 6", "afl 7", "afl 8", "afl 9"],
        "Saison 8 - 2012": ["mKUR5kBxcds Feuerwehrmann Sam, 2012, 01, Gwendolyns millionster Kunde",
                        "n1PCPV81oMo Feuerwehrmann Sam, 2012, 02, Norman erobert Jupiter",
                        "2SfJBjCHwfI Feuerwehrmann Sam, 2012, 03, Ein Schal für den Schneemann",
                        "LYdjgYSehOk Feuerwehrmann Sam, 2012, 04, Besserwisser Boyce",
                        "Bx6EBMg8bwM Feuerwehrmann Sam, 2012, 05, Elvis und die Riesengitarre",
                        "piMV785edvE Feuerwehrmann Sam, 2012, 06, Mandy in Seenot",
                        "1pAILBw_1Eo Feuerwehrmann Sam, 2012, 07, Norris das Meerschweinchen",
                        "OP5O6OEAv6c Feuerwehrmann Sam, 2012, 08, Sam und der Eisbär",
                        "sPgCF52lRnY Feuerwehrmann Sam, 2012, 09, Großes Tamtam für den neuen Bahnhof",
                        "YWIA1GI2Tt4 Feuerwehrmann Sam, 2012, 10, Verschollen auf dem Pontypandy-Berg",
                        "Vdop8ao43xU Feuerwehrmann Sam, 2012, 11, Gefahr im Pontypandy-Express",
                        "dgsGsOnO1ds Feuerwehrmann Sam, 2012, 12, Das Monster von Pontypandyness",
                        "HExQMU_Vd8A Feuerwehrmann Sam, 2012, 13, Dilys die Seeplage",
                        "bu3A_XatIIo Feuerwehrmann Sam, 2012, 14, Frostige Zeiten in Pontypandy",
                        "tcxf_Cg3hns Feuerwehrmann Sam, 2012, 15, Normans Halloween Trick",
                        "Zt7ip1XAjAc Feuerwehrmann Sam, 2012, 16, Brüder durch dick und dünn",
                        "BWbXLlfAoBw Feuerwehrmann Sam, 2012, 17, Bessie eilt zur Rettung",
                        "E2Wef9mg5OY Feuerwehrmann Sam, 2012, 18, Norman und das Snowboard",
                        "OEEQPOKguJs Feuerwehrmann Sam, 2012, 19, König der Berge",
                        "d9TM5aomVk4 Feuerwehrmann Sam, 2012, 20, Gefangen auf dem Leuchtturm",
                        "GykXc5JbAmM Feuerwehrmann Sam, 2012, 21, Lichterkettenwettkampf",
                        "S2Fl9TXFth8 Feuerwehrmann Sam, 2012, 22, Babysitter in Not",
                        "Ta61rBU1AMM Feuerwehrmann Sam, 2012, 23, Bessie in Gefahr",
                        "_aB3PMNm5rI Feuerwehrmann Sam, 2012, 24, Schlauer als ein Fuchs",
                        "eLp_f5nJTOM Feuerwehrmann Sam, 2012, 25, Lily ist verschwunden",
                        "WBEyjhXAwP0 Feuerwehrmann Sam, 2012, 26, Auf und davon"],
        "Saison 9 - 2014": ["tXYFGWVuKS4 Feuerwehrmann Sam, 2014, 01, Feuer auf See", 
                        "EDCdFVpxZY4 Feuerwehrmann Sam, 2014, 02, Fußball gegen Wissenschaft",
                        "0vbkyHKlJv0 Feuerwehrmann Sam, 2014, 03, Das große Käse Wettrollen",
                        "Tfbtiw8r6TE Feuerwehrmann Sam, 2014, 04, Auf dünnem Eis",
                        "bvSt3juX6F8 Feuerwehrmann Sam, 2014, 05, Der zauberhafte Normansky",
                        "zmp5AqnqZQY Feuerwehrmann Sam, 2014, 06, SOS auf Pontypandy Eiland",
                        "EDCdFVpxZY4 Feuerwehrmann Sam, 2014, 07, Fußball gegen Wissenschaft",
                        "wFVjYfnupHw Feuerwehrmann Sam, 2014, 08, Die beste Pyjamaparty aller Zeiten",
                        "-jQmkMGCYCo Feuerwehrmann Sam, 2014, 09, Wal in Sicht",
                        "PAkQiDCKjqk Feuerwehrmann Sam, 2014, 10, Lämmchen fliegt davon",
                        "dSlv0C8WRnc Feuerwehrmann Sam, 2014, 11, Das supergruselige Frostmonster",
                        "GVBwSYWig_A Feuerwehrmann Sam, 2014, 12, Der Pontypandy GoKart Cup",
                        "GZir90hrFrI Feuerwehrmann Sam, 2014, 13, Balance auf dem Baumhaus",
                        "yqS3xuYMIU0 Feuerwehrmann Sam, 2014, 14, Wer schafft den Rekord",
                        "0MelBFNApJQ Feuerwehrmann Sam, 2014, 15, Die Feuerwand",
                        "9f_6vC7_jDE Feuerwehrmann Sam, 2014, 16, Gefangen in der Schlucht",
                        "_yKxo-1UmSQ Feuerwehrmann Sam, 2014, 17, Mandy und die Seeschildkröte",
                        "RkcLQu6zOmc Feuerwehrmann Sam, 2014, 18, Der Schatz von Pontypandy Pete",
                        "BAnd6Kz3b0I Feuerwehrmann Sam, 2014, 19, Verirrt in den Pontypandy Bergen",
                        "dLWbsC4qTZ8 Feuerwehrmann Sam, 2014, 20, Hund gegen Katze",
                        "U61LowGENtU Feuerwehrmann Sam, 2014, 21, Ameisenalarm",
                        "Y5HVu9uN5uE Feuerwehrmann Sam, 2014, 22, Die Liebesboten",
                        "eMccjfxg20A Feuerwehrmann Sam, 2014, 23, Bühne frei für Feuerwehrmann Sam",
                        "3o3Sd3Nc-5E Feuerwehrmann Sam, 2014, 24, Eine explosive Mischung",
                        "YCHgQRoOg4g Feuerwehrmann Sam, 2014, 25, Norman Man und Atomic Boy"]
    }
}
function nextTiles(i) {
  var e = document.getElementsByClassName("overlaySelector")[0];
      seriesSel = document.getElementById("seriesSel"),
      seasonSel = document.getElementById("seasonSel"),
      episodeSel = document.getElementById("episodeSel");
  e.selectedIndex +=i ;
  //loop-around from the top or bottom depending on increment/decrement
  if(e.selectedIndex == -1) {
    if(i>0) e.selectedIndex = 0;
    else e.selectedIndex = e.length - 1;
  }
//  setIframeSource(); //with the now updated selected option,
////do whatever you were doing when the user manually chooses something in the dropdown
  var codes = seriesObject[seriesSel.value][seasonSel.value];
  if (episodeSel.selectedIndex <= codes.length) {
    setIframeSource(codes[episodeSel.selectedIndex-1]);
  }
}

window.onload = function () {
    var seriesSel = document.getElementById("seriesSel"),
        seasonSel = document.getElementById("seasonSel"),
        episodeSel = document.getElementById("episodeSel");
    for (var series in seriesObject) {
        seriesSel.options[seriesSel.options.length] = new Option(series, series);
    }
    seriesSel.onchange = function () {
        seasonSel.length = 1; // remove all options bar first
        episodeSel.length = 1; // remove all options bar first
        if (this.selectedIndex < 1) {
          seasonSel.options[0].text = "Wähle zuerst die Serie"
          episodeSel.options[0].text = "Wähle zuerst die Saison"
          return; // done   
        }  
        seasonSel.options[0].text = "Wähle die Saison"
        for (var season in seriesObject[this.value]) {
            seasonSel.options[seasonSel.options.length] = new Option(season, season);
        }
        if (seasonSel.options.length==2) {
          seasonSel.selectedIndex=1;
          seasonSel.onchange();
        }     
    }
    seriesSel.onchange(); // reset in case page is reloaded
    seasonSel.onchange = function () {
        episodeSel.length = 1; // remove all options bar first
        if (this.selectedIndex < 1) {
          episodeSel.options[0].text = "Wähle zuerst die Saison"
          return; // done   
        }  
        episodeSel.options[0].text = "Wähle die Episode"

        var episodes = seriesObject[seriesSel.value][this.value];
        for (var i = 0; i < episodes.length; i++) {
            if (episodes[i].length >=11){
              episodeSel.options[episodeSel.options.length] = new Option('Episode '+(i+1), episodes[i]);
            }
        }
        if (episodeSel.options.length==2) {
          episodeSel.selectedIndex=1;
          episodeSel.onchange();
        }   
    }
    episodeSel.onchange = function () {
      if (episodeSel.selectedIndex > 0) {
        var codes = seriesObject[seriesSel.value][seasonSel.value];
        if (this.selectedIndex <= codes.length) {
          aCode = codes[this.selectedIndex-1];
          setIframeSource(aCode);
        }
      }
    }            
}

</script>