// JavaScript Document (org: http://jquery.com/files/demo/dl-done.html)
//---------------------------------------------------------------------------
$(document).ready(function()
{
	//Antwort-Class und Adsense ausblenden
	$(".antwortText").hide();
	$("#ads").hide();
	
	//runde Ecken
	$("dt").corner("4px");
	$(".teaserTopic").corner("top");
	$(".antwortText").corner("4px");
	
	//variablen aus hidden-Feldern auslesen
	var catID = $("#catID").attr("value");
	var quizID = $("#quizID").attr("value");
	
	//alle Abschnitte hiden, außer (!) bei ausgewählter Kategorie (catID entspricht der #id des jeweiligen dd-Elements) 
	$("dd:not(#catID-" + catID + ")").hide();
	
	//auf Klick jeweilige Kategorie aufblenden
	$("dt a").click(function()
	{
		$("dd:visible").slideUp("slow");
		$(this).parent().next().slideDown("slow");
		return false;
	});
		
	//Auswertung
	$("#auswertung").click(function()
	{
		var richtig = 0;
		var falsch = 0;
		
		//noch oben scrollen
		scroll(0,0);
		
		//den Wert jedes ausgewählten Radiobuttons in Array
		var antwortIDArray = new Array();
		
		$("input[@type=radio]:checked").each(function(i)
		{
			antwortIDArray.push(this.value);
		});
		
		//JSON-Objekt mit Antworten (ID + Text) vom Server holen; quizID übergeben
		$.getJSON("../auswertung.php", {quizID:quizID}, function(json)
		{
			for(var i = 0; i < json.length; i++)
			{
				var antwortText = "";
				
				//richtige Antwort
				if(antwortIDArray[i] == json[i].antwortID)
				{
					antwortText = "Right! " + json[i].antwortText;
					richtig = richtig + 1;
				}
				//falsche Antwort
				else
				{
					antwortText = "Wrong! " + json[i].antwortText;
					falsch += 1;
				}
				
				//Antworttext dem jeweiligen Element zuweisen und sichtbar machen
				$(".antwortText:eq(" + i + ")").html(antwortText);
				//runde Ecken: muss hier nochmal zugewiesen werden
				$(".antwortText:eq(" + i + ")").corner("4px");
				$(".antwortText:eq(" + i + ")").show('200');
			}
			
			//Ergebnisse darstellen
			$("#result").css('margin-top', '20px');
			
			var resultStr = "<p><span style=\"color:#009900;font-weight:bold;\">Right answers: " + richtig + "</span></p>";
			resultStr += "<p><span style=\"color:#CC0000;font-weight:bold;\">Wrong answers: " + falsch + "</span></p>";
			$("#result").html(resultStr);
			
			$("#ads").show();
		});
	});
});
//---------------------------------------------------------------------------