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=127334144.jpg" title="Von „Whamageddon“ bis „Feliz Navidad“: Wie gut kennen Sie sich mit Weihnachtsliedern aus? Testen Sie Ihr Wissen!" alt="Bild zum Quiz Von „Whamageddon“ bis „Feliz Navidad“: Wie gut kennen Sie sich mit Weihnachtsliedern aus? Testen Sie Ihr Wissen!" style="width: 100%;"/><p class="credits quizheader">Quelle: Axel Heimken/dpa</p></span>
<h2 class="quizheader subtitle">Von „Whamageddon“ bis „Feliz Navidad“: Wie gut kennen Sie sich mit Weihnachtsliedern aus? Testen Sie Ihr Wissen!</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>„Last Christmas“ von Wham! gilt als eines der bekanntesten Weihnachtslieder überhaupt. Wovon handelt es?</h2>
<div class="answer" data-number="0" data-info="7323">
<p>Einer verflossenen Liebe</p>
</div>
<div class="answer" data-number="1" data-info="7222">
<p>Dem Weltuntergang an Weihnachten</p>
</div>
<div class="answer" data-number="2" data-info="8047">
<p>Zu teurem Glühwein</p>
</div>
</div>
<div class="question" data-number="1">
<h2>„Feliz Navidad“ ist ebenfalls auf der ganzen Welt bekannt – trotz oder gerade wegen seines extrem einfachen Textes. Wie oft kommen in dem Song die Worte „Feliz Navidad“ vor?</h2>
<div class="answer" data-number="0" data-info="2265">
<p>21 Mal</p>
</div>
<div class="answer" data-number="1" data-info="4307">
<p>24 Mal</p>
</div>
<div class="answer" data-number="2" data-info="1775">
<p>16 Mal</p>
</div>
</div>
<div class="question" data-number="2">
<h2>Welcher Popstar sang 1994 „All I Want for Christmas Is You“?</h2>
<div class="answer" data-number="0" data-info="9478">
<p>Madonna</p>
</div>
<div class="answer" data-number="1" data-info="8220">
<p>Mariah Carey</p>
</div>
<div class="answer" data-number="2" data-info="7066">
<p>Christina Aguilera</p>
</div>
</div>
<div class="question" data-number="3">
<h2>„Driving Home for Christmas“ von Chris Rea gehört ebenfalls zu den Klassikern. Die Idee für das Lied kam dem britischen Musiker passenderweise…</h2>
<div class="answer" data-number="0" data-info="4167">
<p>im Stau</p>
</div>
<div class="answer" data-number="1" data-info="4585">
<p>bei der Parkplatzsuche</p>
</div>
<div class="answer" data-number="2" data-info="2795">
<p>in einer Auto-Werkstatt</p>
</div>
</div>
<div class="question" data-number="4">
<h2>„Rudolph the Red-Nosed Reindeer“ ist schon seit 1949 ein absoluter Klassiker. Tatsächlich basiert das Lied auf einem…</h2>
<div class="answer" data-number="0" data-info="2895">
<p>Malbuch</p>
</div>
<div class="answer" data-number="1" data-info="2072">
<p>Hörspiel</p>
</div>
<div class="answer" data-number="2" data-info="5362">
<p>Kinderfilm</p>
</div>
</div>
<div class="question" data-number="5">
<h2>„Jingle Bells“ ist zwar streng genommen kein Weihnachtslied, wird aber trotzdem gerne an den Feiertagen gespielt. Es ist außerdem eines der ältesten Festlieder. Aus welchem Jahr stammt es?</h2>
<div class="answer" data-number="0" data-info="9808">
<p>1905</p>
</div>
<div class="answer" data-number="1" data-info="9198">
<p>1857</p>
</div>
<div class="answer" data-number="2" data-info="4583">
<p>1828</p>
</div>
</div>
<div class="question" data-number="6">
<h2>„Let it Snow!“ läuft an den Festtagen ebenfalls öfter im Radio. Das Lied ist auch in einem bekannten Action-Film, der an Weihnachten spielt, zu hören. Welchem?</h2>
<div class="answer" data-number="0" data-info="3266">
<p>Black Christmas</p>
</div>
<div class="answer" data-number="1" data-info="7962">
<p>Stirb Langsam</p>
</div>
<div class="answer" data-number="2" data-info="4906">
<p>Bad Santa</p>
</div>
</div>
<div class="question" data-number="7">
<h2>„O Tannenbaum“ gehört in Deutschland zu den bekanntesten Weihnachtsliedern überhaupt – zumindest die erste Strophe. Wie beginnt gleich nochmal die zweite? O Tannenbaum, o Tannenbaum…</h2>
<div class="answer" data-number="0" data-info="9637">
<p>du gibst Trost und Kraft zu jeder Zeit</p>
</div>
<div class="answer" data-number="1" data-info="1396">
<p>dein Kleid will mich was lehren</p>
</div>
<div class="answer" data-number="2" data-info="6615">
<p>du kannst mir sehr gefallen</p>
</div>
</div>
<div class="question" data-number="8">
<h2>Auch „O du fröhliche“ gehört in Deutschland zu den am öftesten gesungenen Lieder. Dabei war es ursprünglich kein reines Weihnachtslied, sondern… </h2>
<div class="answer" data-number="0" data-info="6066">
<p>ein Allerdreifeiertagslied für Weihnachten, Ostern und Pfingsten</p>
</div>
<div class="answer" data-number="1" data-info="9580">
<p>eine Kirchenliturgie</p>
</div>
<div class="answer" data-number="2" data-info="5059">
<p>ein Osterlied</p>
</div>
</div>
<div class="question" data-number="9">
<h2>Trotz all dieser (modernen) Klassiker: Als weltweit bekanntestes Weihnachtslied gilt eines, das bisher noch nicht genannt wurde. Nämlich…</h2>
<div class="answer" data-number="0" data-info="1646">
<p>Alle Jahre wieder</p>
</div>
<div class="answer" data-number="1" data-info="1103">
<p>Morgen Kinder wird's was geben</p>
</div>
<div class="answer" data-number="2" data-info="5904">
<p>Stille Nacht, Heilige Nacht</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/201/"+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();