var quizDiv = document.createElement('div');
quizDiv.id = 'innerquiz';
document.getElementById("quiz").innerHTML = function () {/*<style scoped>
#quiz h1, #quiz h2, #quiz h3, #quiz h4, #quiz p {
    clear: both;
    line-height: 20px;
    font-size: 16px;
}

#quiz h4 {
    font-size: 50px;
    letter-spacing: -3.5px;
    line-height: 50px;
}

#quiz h2.title {
    text-align: center;
    padding: 10px;
    color: #fff;
    background-color: #E2021B;
}

#quiz h2.subtitle {
    margin-top: 15px;
}

#quiz .question h2 {
    margin-top: 25px;
    margin-bottom: 25px;
}

#quiz div.question {
    display: none;
    margin-top: 40px;
}

#quiz div.answer {
    display: block;
    margin-top: 5px;
    background-color: #454545;
    color: #fff;
    padding: 5px 10px;
}

#quiz div.answer:hover {
    background-color: #FFF;
    border: 1px #454545 solid;
    color: #454545;
    padding: 4px 9px;
    font-weight: bold;
}

#quiz ul.quiznav {
    display: none;
    margin-bottom: 25px;
    clear: both;
    padding: 0;
}

#quiz ul.quiznav li {
    float: left;
    border: 5px #f7f7f7 solid;
    border-radius: 5px;
    list-style-type: none;

}

#quiz button.startquiz {
    margin: 25px auto;
}

#quiz span.quiznav {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
    display: block;
}
#quiz span.quiznav.left {
    float: left;
}
#quiz span.quiznav.right {
    float: right;
}

#quiz div#quizresult {
    text-align:center;
}

#quiz span.quizstarten {
    white-space: nowrap;
}

#quiz p.showdetails {
    margin-top: 15px;
}

#quiz div.resultdetail {
    display: none;
    height: 90%;
    left: 0;
    margin: 5% 10%;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 80%;
    background-color: #fff;
    overflow: scroll;
    border: 2px #ccc solid;
}

#quiz .resultdetail p {
    margin-bottom: 5px;
    padding: 8px 10px;
}

#quiz .resultdetail p.correct {
    background: #DFF0D8;
}

#quiz .resultdetail p.notcorrect {
    background: #F2DEDE;
}

#quiz #quizresult span.appetizer-title {
	min-height: auto !important;
}

#quiz p.showdetails {
    cursor: pointer;
}

#quiz p.credits {
        color: #999999;
        font-size: 12px;
}
</style>
<span><img class="quizheader" src="https://quiz.idowa.de/index.php?rex_media_type=quiz&rex_media_file=249072623_1.jpg" title="Am 15. Oktober veröffentlicht Helene Fischer ihr neues Album „Rausch“. Wie gut kennen Sie den Schlagerstar? Testen Sie ihr Wissen in unserem Quiz." alt="Bild zum Quiz Am 15. Oktober veröffentlicht Helene Fischer ihr neues Album „Rausch“. Wie gut kennen Sie den Schlagerstar? Testen Sie ihr Wissen in unserem Quiz." style="width: 100%;"/><p class="credits quizheader">Quelle: picture alliance/dpa/dpa-Zentralbild/Britta Pedersen</p></span>
<h2 class="quizheader subtitle">Am 15. Oktober veröffentlicht Helene Fischer ihr neues Album „Rausch“. Wie gut kennen Sie den Schlagerstar? Testen Sie ihr Wissen in unserem Quiz.</h2>
<span class='quiznav left'></span><span class='quiznav right'></span><ul class='quiznav'><li data-number="0"></li>
<li data-number="1"></li>
<li data-number="2"></li>
<li data-number="3"></li>
<li data-number="4"></li>
<li data-number="5"></li>
<li data-number="6"></li>
<li data-number="7"></li>
<li data-number="8"></li>
<li data-number="9"></li></ul><div style='clear:both;'></div><div class="question" data-number="0">
<h2>Aus welchem Land stammt Helene Fischer ursprünglich?</h2>
<div class="answer" data-number="0" data-info="8678">
<p>Polen</p>
</div>
<div class="answer" data-number="1" data-info="5587">
<p>Weißrussland</p>
</div>
<div class="answer" data-number="2" data-info="9132">
<p>Russland</p>
</div>
</div>
<div class="question" data-number="1">
<h2>In welchem Jahr ist die Sängerin nach Deutschland gekommen?</h2>
<div class="answer" data-number="0" data-info="6600">
<p>1988</p>
</div>
<div class="answer" data-number="1" data-info="8147">
<p>1985</p>
</div>
<div class="answer" data-number="2" data-info="7571">
<p>1982</p>
</div>
</div>
<div class="question" data-number="2">
<h2>Wie hieß Helene Fischers erstes Musikalbum?</h2>
<div class="answer" data-number="0" data-info="1828">
<p>„So wie ich bin“</p>
</div>
<div class="answer" data-number="1" data-info="6595">
<p>„Farbenspiel“</p>
</div>
<div class="answer" data-number="2" data-info="4815">
<p>„Von hier bis unendlich“</p>
</div>
</div>
<div class="question" data-number="3">
<h2>Helene Fischer und Florian Silbereisen waren das Schlagertraumpaar schlechthin. In welchem Jahr wurde bekannt, dass sie sich getrennt haben?</h2>
<div class="answer" data-number="0" data-info="5275">
<p>2016</p>
</div>
<div class="answer" data-number="1" data-info="4825">
<p>2017</p>
</div>
<div class="answer" data-number="2" data-info="3696">
<p>2018</p>
</div>
</div>
<div class="question" data-number="4">
<h2>Helene Fischer ist nicht nur für ihre Stimme, sondern auch für ihre akrobatischen Darbietungen und eine imposante Show bekannt. Die große „Helene Fischer Show“ läuft einmal im Jahr am selben Tag im Fernsehen. Um welchen Tag handelt es sich?</h2>
<div class="answer" data-number="0" data-info="2523">
<p>Erster Weihnachtsfeiertag</p>
</div>
<div class="answer" data-number="1" data-info="7346">
<p>Ostersonntag</p>
</div>
<div class="answer" data-number="2" data-info="9236">
<p>Silvester</p>
</div>
</div>
<div class="question" data-number="5">
<h2>Nach der Trennung von Florian Silbereisen gab die Sängerin bekannt, dass es einen neuen Mann an ihrer Seite gebe. Wie heißt ihr Partner?</h2>
<div class="answer" data-number="0" data-info="5956">
<p>Thomas Seidel</p>
</div>
<div class="answer" data-number="1" data-info="6398">
<p>Thomas Seidl</p>
</div>
<div class="answer" data-number="2" data-info="2865">
<p>Thomas Seitel</p>
</div>
</div>
<div class="question" data-number="6">
<h2>In welcher Stadt findet im Jahr 2022 das einzige Konzert von Helene Fischer statt?</h2>
<div class="answer" data-number="0" data-info="2625">
<p>München</p>
</div>
<div class="answer" data-number="1" data-info="6386">
<p>Köln</p>
</div>
<div class="answer" data-number="2" data-info="6808">
<p>Berlin</p>
</div>
</div>
<div class="question" data-number="7">
<h2>Erst vor kurzem wurde die Gerüchteküche um Helene Fischer wieder ordentlich eingeheizt. Wenig später äußerte sich die Sängerin auch selbst zu den Mutmaßungen. Um welches Gerücht handelt es sich?</h2>
<div class="answer" data-number="0" data-info="7804">
<p>Die Sängerin habe geheiratet</p>
</div>
<div class="answer" data-number="1" data-info="1571">
<p>Die Sängerin habe sich getrennt</p>
</div>
<div class="answer" data-number="2" data-info="7302">
<p>Die Sängerin sei schwanger</p>
</div>
</div>
<div class="question" data-number="8">
<h2>Das Lied „Vamos a marte” aus dem neuen Album „Rausch“ wurde bereits veröffentlicht. Welchen Sänger hat sich Helene Fischer für dieses Duett ausgesucht?</h2>
<div class="answer" data-number="0" data-info="8351">
<p>Pietro Lombardi</p>
</div>
<div class="answer" data-number="1" data-info="9738">
<p>Luis Fonsi</p>
</div>
<div class="answer" data-number="2" data-info="8137">
<p>Alvaro Soler</p>
</div>
</div>
<div class="question" data-number="9">
<h2>Und noch ein Ohrwurm zum Schluss: vervollständigen Sie den Anfang des Refrains mit dem richtigen Liedtext. „Atemlos durch die Nacht…</h2>
<div class="answer" data-number="0" data-info="8341">
<p>… denn wir tanzen auf der Yacht“</p>
</div>
<div class="answer" data-number="1" data-info="4797">
<p>… spür was Liebe mit uns macht"</p>
</div>
<div class="answer" data-number="2" data-info="2147">
<p>… wir feiern, dass es kracht“</p>
</div>
</div>
<button type="submit" class="button submit startquiz" name="Starten">    		<span class="icon-arrow-3 arrow-right"></span><span class="quizstarten">Quiz starten</span></button>
<div class="resultdetail"></div>



*/
}.toString().slice(15, -4);

var questionCountSum = 0;
var questionCountAct = 1;

var answerCorrect = 0;
var answerFalse = 0;

function prevSlide() {
    lastNumber = -1;
    actNumber = -1;
    jQuery(".question").each(function () {
        lastNumber = actNumber;
        actNumber = jQuery(this).data("number");
        if (jQuery(this).is(":visible") && lastNumber != -1) {
            jQuery(this).hide();
            jQuery(".question[data-number=" + lastNumber + "]").show();
        }
    });
}

function nextSlide() {
    lastNumber = -1;
    actNumber = -1;
    showNext = false;
    jQuery(".question").each(function () {

        if (showNext) {
            toFadeIn = this;
            setTimeout(function(){ jQuery(toFadeIn).fadeIn();}, 300);
            showNext = false;
        } else {
            lastNumber = actNumber;
            actNumber = jQuery(this).data("number");
            if (jQuery(this).is(":visible")) {
                questionCountAct++;
                showNext = true;
                jQuery(this).fadeOut(300);
                jQuery("span.quiznav.left").html("Frage " + questionCountAct+"/"+questionCountSum);
                jQuery("span.quiznav.right").html(answerCorrect+" Punkte");
            }
        }
    });

    if (showNext) {
        //jQuery(".quizstarten").html("Quiz nochmals stpielen");
        jQuery(".startquiz").show();
        jQuery("span.quiznav").hide();
        jQuery("ul.quiznav").hide();
        var theMessage = "Sie haben<br/><span class='appetizer-title'>" + answerCorrect + "</span> von " + (answerCorrect + answerFalse) + " Fragen richtig beantwortet";
        var theShareMessage = "Ich habe " + answerCorrect + " von " + (answerCorrect + answerFalse) + " Fragen beim idowa-Quiz richtig beantwortet. Selbst mitmachen auf http://www.idowa.de";

        var twitterLink = '<a target="_blank" href="http://twitter.com/home?status=' + encodeURI(theShareMessage) + '" title="Auf Twitter weitersagen"><img src="https://www.abendzeitung-muenchen.de/www/abendzeitung_muenchen/_responsive/images/icons/ic-twitter.png" alt="Twitter" title="auf Twitter teilen"/></a>';
        var facebookLink = '<a target="_blank" href="http://www.facebook.com/sharer.php?caption=' + encodeURI("Teilnahme am idowa-Quiz") + '&description=' + encodeURI(theShareMessage) + '&u=https://www.idowa.de" title="Auf Facebook weitersagen"><img src="https://www.abendzeitung-muenchen.de/www/abendzeitung_muenchen/_responsive/images/icons/ic-facebook.png" alt="Facebook" title="auf Facebook teilen"/></a>';
        //jQuery(".prev").hide();
        //jQuery(".next").hide();
        jQuery("#quiz").prepend("<div id='quizresult'><p><br/><br/>Ergebnis teilen:<br/><br/>" + twitterLink + "&nbsp;&nbsp;&nbsp;&nbsp;" + facebookLink+"</p><p class='showdetails'>Ergebnis im Detail anzeigen</p></div>");

        jQuery(".showdetails").off("click");
        jQuery(".showdetails").on("click", function(){
            jQuery(".resultdetail").fadeIn();
            jQuery(".resultdetail").off("click");
            jQuery(".resultdetail").on("click", function(){
                jQuery(this).fadeOut();
            });
        });

        if (typeof iom != "undefined") {
            var iam_data_quiz = {
                "st" : "idowa",
                "sv" : "ke",
                "cp" : "ik_idowa_quiz",
		"mg" : "yes"
            }
            iom.c(iam_data_quiz, 1);
        }

        jQuery.get( "https://quiz.idowa.de/score/313/"+answerCorrect, function( data ) {
            jQuery("#quizresult").prepend("<p>"+theMessage + "!<br/>Der Durchschnitt liegt bei <b style='font-size: 18px;'>"+data+"</b> richtig beantworteten Fragen.</p>");
        });
    }

}

function answerClicked(elem) {
    theInfo = jQuery(elem).data("info");

    if (typeof iom != "undefined") {
        var iam_data_quiz = {
		"st" : "idowa",
                "sv" : "ke",
                "cp" : "ik_idowa_quiz",
                "mg" : "yes"
        }
        iom.c(iam_data_quiz, 1);

    }

    actQuestionText = jQuery(elem).parent().find("h2").html();



    if (theInfo % (9 / 3) == 0) {
        answerCorrect++;
        actQuestionStyle = "correct";
        jQuery("ul.quiznav li[data-number='"+jQuery(elem).parent().data("number")+"']").attr("style", "border: 5px solid #3c763d;" );
        jQuery(elem).css({"background-color": "#3C763D", "color": "#fff"});

        actAnswerText = "<br/><br/><b style=\"font-size: 80%;\">Ihre Antwort:<br/>" + jQuery(elem).find("p").html() + '</b>';
    } else {
        answerFalse++;
        jQuery("ul.quiznav li[data-number='"+jQuery(elem).parent().data("number")+"']").attr("style", "border: 5px solid #E2021B;" );
        jQuery(elem).css({"background-color": "#E2021B", "color": "#fff"});
        actAnswerText = "<br/><br/><b style=\"font-size: 80%;\">Ihre Antwort:<br/>" + jQuery(elem).find("p").html() + "</b>";
        actQuestionStyle = "notcorrect";
        jQuery(elem).parent().find(".answer").each(function(){
            if (jQuery(this).data("info") % (9 / 3) == 0) {
                jQuery(this).css({"background-color": "#3C763D", "color": "#fff"});
                actAnswerText = actAnswerText + "<br/><br/><b style=\"font-size: 80%;\">Richtige Antwort:</b></br> " + jQuery(this).find("p").html();
            }
        });
    }
    jQuery(".resultdetail").append("<p class='"+actQuestionStyle+"'><b style=\"font-size: 80%;\">Frage:</b><br/><span style=\"font-style: italic;\">"+actQuestionText+actAnswerText+"</span></p>");
    setTimeout(nextSlide, 500);
    //nextSlide();
}

function startQuiz(){
    
    if (typeof iom != "undefined") {
	var iam_data_quiz = {
                "st" : "idowa",
                "sv" : "ke",
                "cp" : "ik_idowa_quiz",
                "mg" : "yes"
        }
        iom.c(iam_data_quiz, 1)
    }
    var firstQuestionsIsHide = true;
    jQuery("div#quizresult").remove();
    jQuery(".resultdetail").html("");
    questionCountSum = 0;
    questionCountAct = 1;
    answerCorrect = 0;
    answerFalse = 0;
    jQuery("ul.quiznav li").each(function(){
       jQuery(this).attr("style", "border: 5px solid #f7f7f7;");
       questionCountSum++;
    });
    jQuery("button.startquiz").hide();
    jQuery(".quizheader").slideUp();
    jQuery(".question").each(function () {
        if(firstQuestionsIsHide){
            jQuery(this).slideDown();
            firstQuestionsIsHide = false
        }
    });
    jQuery("#quiz div.answer").attr({"style": ""});
    jQuery("span.quiznav.left").html("Frage 1/"+questionCountSum);
    jQuery("span.quiznav.right").html(answerCorrect+" Punkte");
    jQuery(".quiznav").each(function(){jQuery(this).slideDown()});

}

function onJqueryReady(){



    jQuery("document").ready(function () {
        jQuery(".prev").on("click", function () {
            prevSlide();
        });
        jQuery(".next").on("click", function () {
            nextSlide();
        });
        jQuery(".startquiz").on("click", function () {
            startQuiz();
        });

        jQuery(".answer").on("click", function () {
            answerClicked(this);
        });

    });
}

function checkJquery(){
    console.log("checkJquery...");
    if(typeof jQuery == 'undefined'){
        console.log("Jquery not ready...");
        setTimeout(checkJquery, 200);
    } else {
        onJqueryReady();
    }
}

checkJquery();