// JavaScript Document

function quiz(id, result) {
	if(!result) { var result = 0; }
	if(id > quizData.length) {
		var feedback = (result/quizData.length);
		feedback = Math.round(feedback*100)/100;
		if(feedback>0.67) {
			var feedbackText = '<strong>'+feedbackData[2][0]+':</strong> '+feedbackData[2][1];
		} else if(feedback>0.33) {
			var feedbackText = '<strong>'+feedbackData[1][0]+':</strong> '+feedbackData[1][1];
		} else {
			var feedbackText = '<strong>'+feedbackData[0][0]+':</strong> '+feedbackData[0][1];
		}
		$('.quiz').html('<div class="content question"><h2>'+quizTitle+'</h2><div class="quizQuestionsHolder"><h3>Result</h3><div class="quizSection hover"><strong>You answered '+result+' out of '+quizData.length+' questions correctly</strong></div><div class="quizSection"><p>'+feedbackText+'</p></div><a href="?" class="submit submitLong">Restart Quiz</a></div></div>');
	} else {
		$('.quiz').html('<div class="content question"><h2>'+quizTitle+'</h2><div class="quizImage"><div id="quizImagePlayer"></div></div><div class="quizQuestionsHolder"></div></div><div class="content answer" style="display:none"><h2>'+quizTitle+'</h2><div class="quizImage"><div id="quizImagePlayer2"></div></div><div class="quizQuestionsHolder"></div></div>');
		$('.quiz .question .quizQuestionsHolder').prepend('<div class="quizSection"><h3>Question '+id+'</h3><p>'+quizData[id-1][1]+'</p></div><h3>Answers</h3><ul class="quizSection"></ul><a href="#/submit" class="submit">Submit</a>');
		$('.quiz .answer .quizQuestionsHolder').prepend('<div class="quizSection"><h3>Question '+id+'</h3><p>'+quizData[id-1][1]+'</p></div><h3></h3><div class="quizSection hover"></div><div class="quizSection"><p></p></div><a href="#/next" class="submit submitLong">Next Question</a>');
		if(id == quizData.length) {
			$('.quiz .answer .quizQuestionsHolder a.submit').text('End Quiz');
		}
		$('.quiz .question').fadeIn();
		var list = "";
		for (i=1;i<=quizData[id-1][2].length-1;i++) {
			list = list + "<li><input type='radio' name='q"+id+"' value='"+i+"' /> <strong>"+i+". "+quizData[id-1][2][i]+"</strong></li>";
		}
		$('.quiz .question .quizQuestionsHolder ul.quizSection').html(list);
		$('.answer .quizQuestionsHolder div.quizSection:eq(1)').html('<strong>'+quizData[id-1][2][0]+'. '+quizData[id-1][2][quizData[id-1][2][0]]+'</strong>');
		$('.question .quizQuestionsHolder a:last').click(function() {
			var answer = $('.question .quizQuestionsHolder ul').find('input:checked').attr('value');
			if(answer) {
				if(answer == quizData[id-1][2][0]) {
					$('.answer .quizQuestionsHolder h3:last').html('Correct - the right answer is...');
					$('.answer .quizQuestionsHolder div.quizSection:eq(2) p').html(quizData[id-1][3][0]);
					result++;
				} else {
					$('.answer .quizQuestionsHolder h3:last').html('Sorry you are wrong - the right answer is...');
					$('.answer .quizQuestionsHolder div.quizSection:eq(2) p').html(quizData[id-1][3][1]);
				}
				$('.quiz .question').fadeOut(function() { $('.quiz .content:eq(1)').fadeIn() })
				$('.answer .quizQuestionsHolder a:last').click(function() {
					$('.quiz .answer').fadeOut(function() {
						quiz(eval(id)+1, result);
					});
				});
			} else {
				alert('Please answer first...');
				return false;
			}
		});
		var filename = quizData[id-1][0];
		if(filename.length != 0) {
			ext = /[^.]+$/.exec(filename);
			if(ext == 'jpg' || ext == 'gif') {
				$('.quizImage').html("<img src='"+filename+"' width='350' alt='image' />");
			} else if(ext == 'flv') {
				var media = "";
				
				/*
				var s1 = new SWFObject('/assets/plugins/flv_player/player.swf','quizImagePlayer','350','300','9');
				s1.addParam('allowfullscreen','true');
				s1.addParam('allowscriptaccess','always');
				s1.addParam('wmode','opaque');
				s1.addParam('flashvars','file='+filename);
				s1.write('quizImagePlayer');
				*/

				var flashvars = {
					screencolor: '151d4a',
					controlbar: 'over',
					skin: '/assets/plugins/flv_player/skins/stijl/stijl.swf',
					file: filename,
					id: '1'
				};
				var params = {
					wmode: 'opaque',
					bgcolor: '#CCCCCC',
					allowfullscreen: 'true',
					allowscriptaccess: 'always'
				};
				swfobject.embedSWF('/assets/plugins/flv_player/player.swf', 'quizImagePlayer','350','300', '9.0.0','expressInstall.swf', flashvars, params);
				swfobject.embedSWF('/assets/plugins/flv_player/player.swf', 'quizImagePlayer2','350','300', '9.0.0','expressInstall.swf', flashvars, params);
			}
		}
	}
	// 07/07/09
	$('div.quizSection, ul.quizSection li').each(function() {
		$(this).html('<div class=middle>'+$(this).html()+'</div>').prepend('<div class=top></div>').append('<div class=bottom></div>');
	});
	$('ul.quizSection li').mouseover(function() {
		$(this).addClass('hover');
	}).mouseout(function() {
		$(this).removeClass('hover');
	}).click(function() {
		$(this).addClass('selected').siblings().removeClass('selected');
		$(this).find('input').attr('checked', 'checked');
	});
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

function switchStyle(styleName) {
	if(readCookie('style') == 'low') $('.styleSwitch').text('View high graphic version');
	$('.styleSwitch').attr('href', '').click(function() {
		// switchStyle(this.getAttribute("rel"));
		// return false;
		if(readCookie('style') == 'low') {
			$(this).text('View high graphic version');
			eraseCookie('style');
		} else {
			$(this).text('View low graphic version');
			createCookie('style', 'low');
		}
	});
}

$(document).ready(function() {
	switchStyle();
	if(readCookie('style') != 'low') {
		$('#breadcrumbs ul').after('<br />').children('li:not(:first)').each(function() {
			$(this).children('a').before('&raquo;');
		});
		$('.navMenu li a').prepend('<div class=nl></div><div class=nr></div>');
		$('.navMenu li a:not(.selected)').mouseover(function() {
			$(this).addClass('hover').parent().siblings().children().removeClass('hover');
		}).mouseout(function() {
			$(this).removeClass('hover');
		});
		$('.corners').each(function() {
			var width = $(this).width();
			var height = $(this).height();
			if(width%2) {
				$(this).css('width', $(this).width()+1)
			}
			$(this).prepend('<span class=ne></span><span class=se></span><span class=sw></span><span class=nw></span>');
		});
		$('.clr').append('<div style=clear:both;height:0px;overflow:hidden></div>');
		$('.mdlHolder .mdl:odd, .imdl:odd').css('float', 'right');
		$('.infoSlider').prepend('<div class=infoSliderHolder><div class=infoSliderText style=display:none><div>'+$('.infoSlider').attr('title')+'</div></div><div class=infoSliderArea></div></div>');
		$('.infoSlider .infoSliderArea').mouseover(function() {
			$(this).prev('.infoSliderText').slideDown('fast');
		}).mouseout(function() {
			$(this).prev('.infoSliderText').slideUp();
		});
		$('.shadow').each(function() {
			$(this).html('<div class=margin>'+$(this).html()+'</div>').prepend('<span class=top></span>').append('<span class=bottom></span>');
		});
		$('.imgDesc').each(function() {
			$(this).css('width', $(this).find('img').width());
		});
		$('.internalCustomMenu ul li a').each(function() {
			var oldColor = $(this).css('backgroundColor');
			var newColor = $(this).parents('ul').attr('class');
			$(this).mouseover(function() {
				$(this).css('backgroundColor', newColor);
			}).mouseout(function() {
				$(this).css('backgroundColor', oldColor);
			});
		});
		$('.internalContentWideBlue ul li:not(:last)').each(function() {
			$(this).append('<div style=float:left;width:2px;height:18px;background-color:#ffffff;overflow:hidden;></div>');
		});
		$('.internalContentWideBlue ul li a').each(function() {
			$(this).prepend('<span class=ne></span><span class=se></span><span class=sw></span><span class=nw></span>');
		});
		$('.internalContentWideBlue ul li a:not(.empty, .selected)').mouseover(function() {
			$(this).addClass('selected');
		}).mouseout(function() {
			$(this).removeClass('selected');
		});
	}
});