var rotater;

$(document).ready(
	function()
	{
		if ($.browser.version.charAt(0) < 7 && $.browser.msie){$("#mainnav li, #subnav li").hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');});}

		
		$("div.teaser-watch").hover(
			function()
			{
				changeToRandomColor();
			},
			function()
			{
				if (!($("body").hasClass('questions') || $("body").hasClass('results')))
				{
					$("#container-image").fadeOut(1000,
						function()
						{
							$("body").removeClass('hover');				
							$("#container-image").fadeIn();
						}
					);			
				}
			}
		);
		
	// Teaser rotater
		rotaterButtons();
		rotater = setTimeout("rotateTeaser()", 5000);
		
		bindQuiz();
		
		doFlash();

	}
);

function doFlash()
{
/*	//var flashvarsnav = {xmlURL:"showtemplate/navigatie.xml?ID="+folderID};
	var flashvars = {};
						//theme:theme,
						//height:$("#flash-bg").height()
	//				};
	var params = {};
	params.wmode = "transparent";
	params.allowScriptAccess = "always";
	//var attributes = {};
	//attributes.align = "middle";
		
	swfobject.embedSWF("swf/clock.swf", "clockid", "100", "10", "9.0.0", flashvars, "clock.swf", params);
	//example 
	//swfobject.embedSWF("swf/Spelerij_NAV.swf", "header-flash", "860", "165", "9.0.0", "Spelerij_NAV.swf", flashvarsnav, params, attributes);
	*/
	
	$("#teaser-watch-small").flash(	{
	
									swf: "/swf/clock_01.swf",
									width: 96,
									height: 96,
									wmode: "transparent"
								}
	);

	$("#teaser-watch-large").flash(	{
	
									swf: "/swf/clock_01.swf",
									width: 151,
									height: 150,
									wmode: "transparent"
								}
	);
}

function rotateTeaser()
{
	var cur = $("div.teaser-content.active");
	var next = cur.next("div.teaser-content");
	
	var curbtn = $("ul.teaser-rotator li.active");
	var nextbtn = curbtn.next();
	
	if (next.length == 0)
	{
		next = $("div.teaser-content:first");
		nextbtn = $("ul.teaser-rotator li:first"); 
	}
	
	curbtn.removeClass('active');
	nextbtn.addClass('active');
	
	cur.fadeOut(2000,
		function()
		{	
			cur.removeClass('active');
			next.addClass('active');
			
			rotater = setTimeout("rotateTeaser()", 5000);
		}
	);
	next.fadeIn(2000);
}

function rotaterButtons()
{

	$("a.rotaterbtn").click(
		function(e)
		{
			e.preventDefault();
					
			if (!$(this).parent().hasClass('active'))
			{	
				clearTimeout(rotater);
			
				var cur = $("div.teaser-content.active");
				var next = $("div"+$(this).attr("href"));
				
				var curbtn = $("ul.teaser-rotator li.active");
				var nextbtn = $(this).parent();
					
				curbtn.removeClass('active');
				nextbtn.addClass('active');					
								
				cur.fadeOut(2000,
					function()
					{				
						cur.removeClass('active');
						next.addClass('active');
					}
				);
				next.fadeIn(2000);		
				
				rotater = setTimeout("rotateTeaser()", 5000);
			}
		}
	
	)
}

function changeToRandomColor()
{
	var aKleuren = new Array();
	aKleuren[0]	= 'roze';
	aKleuren[1]	= 'rood';
	aKleuren[2]	= 'blauw';
	aKleuren[3]	= 'paars';
	aKleuren[4]	= 'geel';
	aKleuren[5]	= 'groen';
	
	var iIndex = Math.floor(Math.random()*6);

	if ($("body").hasClass(aKleuren[iIndex]))
	{
		changeToRandomColor();
	}
	else
	{
		$("#container-image").fadeOut(1000,
			function()
			{
				$("body").addClass('hover');
				
				for (var i in aKleuren)
				{
					$("body").removeClass(aKleuren[i]);
				}
				$("body").addClass(aKleuren[iIndex]);
				
				$("#container-image").fadeIn(1000);

			}
		);
	}
}

function bindQuiz()
{
	$(".quiz-questions-content ol li a").click(
		function()
		{
			var li = $(this).parent();
			var ol = li.parent();
			var id = $(this).attr("href");
			
			ol.parent().find(".questionbtn").show();
			ol.find("li.active").removeClass('active');
			li.addClass('active');
			
			$(id).val($(this).find("span.letter").text());
		}
	);
	
	$(".questionbtn a").click(
		function()
		{
			var cur = $(".quiz-questions-content.active");
			var next = cur.next();
			
			if (next.length > 0)
			{
				cur.fadeOut(
					function()
					{
						cur.removeClass('active');
						next.hide().addClass('active').fadeIn();
					}
				);
			}
			else
			{
				cur.fadeOut();
				
				$.getJSON(	"/ajax/quizresult.php",
							$("#quiz-form").serialize(),
							function(data)
							{							
								$("body").attr("class", '').addClass('results').addClass(data.kleur);
								
								$("div.teaser img:first").attr("src", data.img);
								$("p.color span").text(data.kleur);
								$("div.quiz-questions").hide();
								$("div.result-tekst").html(data.tekst);
							}
				);			
			}
		}
	)
}