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=211257880.jpg" title="Diese Woche jährt sich der Tod des berüchtigten Mafia-Boss Al Capone zum 75. Mal. Wie gut kennen Sie sich eigentlich mit der Mafia aus? Testen Sie Ihr Wissen." alt="Bild zum Quiz Diese Woche jährt sich der Tod des berüchtigten Mafia-Boss Al Capone zum 75. Mal. Wie gut kennen Sie sich eigentlich mit der Mafia aus? Testen Sie Ihr Wissen." style="width: 100%;"/><p class="credits quizheader">Quelle: dpa/ap</p></span>
<h2 class="quizheader subtitle">Diese Woche jährt sich der Tod des berüchtigten Mafia-Boss Al Capone zum 75. Mal. Wie gut kennen Sie sich eigentlich mit der Mafia 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>Wann fiel der als „Mafia-Richter“ bekanntgewordene „Giovanni Falcone“ einem Bombenattentat zum Opfer? (Foto: dpa)</h2>
<img src="https://quiz.idowa.de/index.php?rex_media_type=quiz&rex_media_file=38828489.jpg" title="" alt="" style="width: 100%;"/><p class="credits"></p>
<div class="answer" data-number="0" data-info="3445">
<p>1994</p>
</div>
<div class="answer" data-number="1" data-info="9426">
<p>1992</p>
</div>
<div class="answer" data-number="2" data-info="6871">
<p>1899</p>
</div>
<div class="answer" data-number="3" data-info="5399">
<p>2002</p>
</div>
</div>
<div class="question" data-number="1">
<h2>In welcher Stadt trieb der wohl berühmteste Mafiaboss „Al Capone“ vor allem sein Unwesen? (Foto: imago)</h2>
<img src="https://quiz.idowa.de/index.php?rex_media_type=quiz&rex_media_file=imago79101592h_1.jpg" title="" alt="" style="width: 100%;"/><p class="credits"></p>
<div class="answer" data-number="0" data-info="2375">
<p>New York</p>
</div>
<div class="answer" data-number="1" data-info="8330">
<p>Miami</p>
</div>
<div class="answer" data-number="2" data-info="2726">
<p>Dallas</p>
</div>
<div class="answer" data-number="3" data-info="4377">
<p>Chicago</p>
</div>
</div>
<div class="question" data-number="2">
<h2>Unter welchem Spitznamen wurde Maria Licciardi, eine einflussreiche Mafiapatin aus Neapel, bekannt? (Foto: dpa)</h2>
<img src="https://quiz.idowa.de/index.php?rex_media_type=quiz&rex_media_file=4928788.jpg" title="" alt="" style="width: 100%;"/><p class="credits"></p>
<div class="answer" data-number="0" data-info="4620">
<p>Lady Camorra</p>
</div>
<div class="answer" data-number="1" data-info="4151">
<p>Donna Camorra</p>
</div>
<div class="answer" data-number="2" data-info="8849">
<p>Lady Maria</p>
</div>
<div class="answer" data-number="3" data-info="7919">
<p>Donna Maria</p>
</div>
</div>
<div class="question" data-number="3">
<h2>Welche Tiere aus dem Privatzoo des verstorbenen Drogenbarons Pablo Escobar haben sich in Kolumbien zu einer Plage entwickelt? (Foto: Kolumbianische Polizei)</h2>
<img src="https://quiz.idowa.de/index.php?rex_media_type=quiz&rex_media_file=pablo_escobar_mug.jpg" title="" alt="" style="width: 100%;"/><p class="credits"></p>
<div class="answer" data-number="0" data-info="3874">
<p>Elefanten</p>
</div>
<div class="answer" data-number="1" data-info="2091">
<p>Nilpferde</p>
</div>
<div class="answer" data-number="2" data-info="4349">
<p>Tiger</p>
</div>
<div class="answer" data-number="3" data-info="6511">
<p>Giraffen</p>
</div>
</div>
<div class="question" data-number="4">
<h2>Wie wird die Schweigepflicht unter Mafiosi bezeichnet? (Foto: imago)</h2>
<img src="https://quiz.idowa.de/index.php?rex_media_type=quiz&rex_media_file=imago56294952h.jpg" title="" alt="" style="width: 100%;"/><p class="credits"></p>
<div class="answer" data-number="0" data-info="9426">
<p>Omertà</p>
</div>
<div class="answer" data-number="1" data-info="9934">
<p>Silenzio</p>
</div>
<div class="answer" data-number="2" data-info="5627">
<p>Mutismo</p>
</div>
<div class="answer" data-number="3" data-info="6619">
<p>Familiarita</p>
</div>
</div>
<div class="question" data-number="5">
<h2>Wie viele Morde werden Bernardo Provenzano, der als Mitglied der sizilianischen „Cosa Nostra“ traurige Berühmtheit erlangte, zugeschrieben? (Foto: dpa)</h2>
<img src="https://quiz.idowa.de/index.php?rex_media_type=quiz&rex_media_file=25732900.jpg" title="" alt="" style="width: 100%;"/><p class="credits"></p>
<div class="answer" data-number="0" data-info="7896">
<p>Etwa 50</p>
</div>
<div class="answer" data-number="1" data-info="5858">
<p>27</p>
</div>
<div class="answer" data-number="2" data-info="8377">
<p>147</p>
</div>
<div class="answer" data-number="3" data-info="3193">
<p>Über 200</p>
</div>
</div>
<div class="question" data-number="6">
<h2>Was ist die Bezeichnung für die kalabrische Mafia, der wohl mächtigsten Mafia-Organisation Europas? (Foto: dpa)</h2>
<img src="https://quiz.idowa.de/index.php?rex_media_type=quiz&rex_media_file=14547532.jpg" title="" alt="" style="width: 100%;"/><p class="credits"></p>
<div class="answer" data-number="0" data-info="9966">
<p>‘Ndrangheta</p>
</div>
<div class="answer" data-number="1" data-info="9872">
<p>Cosa Nostra</p>
</div>
<div class="answer" data-number="2" data-info="8564">
<p>Camorra</p>
</div>
<div class="answer" data-number="3" data-info="3155">
<p>Sacra Corona Unita</p>
</div>
</div>
<div class="question" data-number="7">
<h2>Womit machte Arnold „The Brain“ Rothstein, der als Teil der „Kosher Nostra“ bekannt wurde, vor allem sein Geld? (Foto: Wikimedia commons)</h2>
<img src="https://quiz.idowa.de/index.php?rex_media_type=quiz&rex_media_file=post_0040_10.jpg" title="" alt="" style="width: 100%;"/><p class="credits"></p>
<div class="answer" data-number="0" data-info="9696">
<p>Glücksspiel und Sportwetten</p>
</div>
<div class="answer" data-number="1" data-info="8114">
<p>Drogen und Prostitution</p>
</div>
<div class="answer" data-number="2" data-info="6154">
<p>Bankraub und Überfälle auf Juweliere</p>
</div>
<div class="answer" data-number="3" data-info="4588">
<p>Erpressung und Auftragsmord</p>
</div>
</div>
<div class="question" data-number="8">
<h2>Unter welchem Begriff werden die kriminellen Organisationen, die im japanischen Raum tätig sind, oft zusammengefasst? (Foto: imago)</h2>
<img src="https://quiz.idowa.de/index.php?rex_media_type=quiz&rex_media_file=imago76988426h.jpg" title="" alt="" style="width: 100%;"/><p class="credits"></p>
<div class="answer" data-number="0" data-info="9824">
<p>Móushā</p>
</div>
<div class="answer" data-number="1" data-info="8987">
<p>Fànzui</p>
</div>
<div class="answer" data-number="2" data-info="2924">
<p>Triaden</p>
</div>
<div class="answer" data-number="3" data-info="5763">
<p>Yakuza</p>
</div>
</div>
<div class="question" data-number="9">
<h2>Wie heißt das Buch des italienischen Journalisten Roberto Saviano, das sich mit den Praktiken des organisierten Verbrechens beschäftigt? (Foto: dpa)</h2>
<img src="https://quiz.idowa.de/index.php?rex_media_type=quiz&rex_media_file=62382276.jpg" title="" alt="" style="width: 100%;"/><p class="credits"></p>
<div class="answer" data-number="0" data-info="6691">
<p>Fratelli</p>
</div>
<div class="answer" data-number="1" data-info="7048">
<p>La Familia</p>
</div>
<div class="answer" data-number="2" data-info="7394">
<p>Costa del Sol</p>
</div>
<div class="answer" data-number="3" data-info="3405">
<p>Gomorrha</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/48/"+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();