//   -			-			-			-			-			GENERAL VARIABLES

var strModulePath  = 'http://www.zuivelonline.nl/images/module_files/';
var strHomeImages  = strModulePath + 'home/';
var strFillerImage = 'filler.gif';

var kader_path	     ;
var kader_color_dark ;
var kader_color_body ;

var blnOpenCloseDocument = true;

var DOELGROEP_VOLWASSENEN   = 7;
var DOELGROEP_OUDERS		= 6;
var DOELGROEP_KINDEREN		= 9;
var DOELGROEP_ZWANGER		= 8;
var DOELGROEP_LIJNERS		= 10;
var DOELGROEP_DOCENTENLEERL = 11;
var DOELGROEP_PARAMEDISCH	= 12;
var DOELGROEP_INFOPLUS		= 13;
var homepageIntro = true;

//   -          -  MENU's

function sm_a(itemID){
	layer_set_visible("item"+itemID.toString()+"_submenu",true);
	layer_set_visible('submenu_normal',false);
}
function sm_c(itemID){
	layer_set_visible("item"+itemID.toString()+"_submenu",false);
	layer_set_visible('submenu_normal',true);
}

function ssm_c(){
	layer_set_visible("subsub",false);
	layer_set_visible('subsub_normal',true);
}

//   -			-			-			-			-			GENERAL

function max(x,y) {return x>y?x:y;}
function min(x,y) {return x<y?x:y;}

//   -			-			-			-			-			IMAGES

function image_swap(id,bron) {
	if (document.images) document.images[id].src = bron;
}

function image_preload() {
	document.preload = new Array();
	if (document.images) {
		for (var i = 0; i < image_preload.arguments.length; i++) {
			document.preload[i] = new Image();
			document.preload[i].src = image_preload.arguments[i];
		}
	}
}

//   -			-			-			-			-			DISCLAIMER 

function disclaimer(iDoelgroep) {
	kader( '100%', '', '<font class=small>De op deze pagina geboden informatie is bedoeld als indicatie en kan nooit het advies van specialisten vervangen. Voor meer informatie over voedingsmiddelen en gedragspatronen ten aanzien van eetgewoontes verwijzen wij je graag naar de site van <a class=small href=http://www.nvdietist.nl target=_blank>de Nederlandse Vereniging van Diëtisten</a> (NVD).</font>','','');
}  

function disclaimer_gezondserie() {
	kader( '100%', '', '<font class=small>De gebruikte beelden zijn deels terug te vinden in onze brochures \'Gezond leven\'. Deze serie van 6 brochures kun je hier <a class="small" href="/pagina/853/brochures.html">bestellen of downloaden</a></font>.','','');
}  

//   -			-			-			-			-			SCORE 
var score_top=-1;

function ScoreScroll () {
	var max_val, new_val;
	
	if (document.body.scrollTop==0) {
		if (score_top!=-1) document.all.score_table.style.top = score_top;
	} else {
		if (score_top==-1) score_top = document.all.score_table.offsetTop;
		new_val = max(score_top, document.body.scrollTop);
		// make sure score does not get below the bottom of the test-form!
		if (document.all.test) {	
			max_val = score_top + document.all.test.offsetHeight - 
					  document.all.test.offsetTop - document.all.score_table.clientHeight;
			if (new_val > max_val)   new_val = max_val;
			if (new_val < score_top) new_val = score_top;
		}
		document.all.score_table.style.top = new_val;
	}
}

function ScoreWrite (strTitle, strExplain, width) {
	var strBody = '<table cellpadding=0 cellspacing=0><tr><td nowrap>'+strTitle+'&nbsp;:</td><td><font size=2><input type=text name=result id=result size=4 maxlength=4 style=\"BORDER:0px;FONT-SIZE:17px;COLOR:black;BACKGROUND-COLOR:transparent;font-weight:bold\"></font></td><tr>'
	if (strExplain!='') {
		strBody = strBody + '<tr><td colspan=3>'+ strExplain + '</td></tr>';
	} 
	strBody = strBody + '</table>';
	kader ( width ? width.toString()+'px':'170px', 'Score' , strBody, 0, 'right', '' )
	
	// NS does not work, Opera scrolls, but below the table errors occur
	if (isIE) t = setInterval("ScoreScroll()",500);
}

// Does not work under NS4, reason unknown! 
function ScoreUpdate( number ) {
	document.getElementById("result").value=number.toString();
}  

//   -			-			-			-			-			QUIZ
var intQuestions;
var arrAllQuestions;
var intMaxQuestions = 5;
var arrQuestions;
var quiz_score = 0;
var quiz_finished = false;

function quiz_init( ){
	arrQuestions = new Array();
	arrAllQuestions = new Array();
	intQuestions = 0;
	image_preload(strModulePath + 'quiz/k_goed.gif', strModulePath + 'quiz/k_fout.gif');
}

function quiz_question( question, answer, explain, option1, option2, option3, option4) {
	var temp = new Object();
	
	temp.question    = question; 
	temp.answer      = answer;
	temp.explain     = explain;
	temp.answered    = false;
	temp.last_answer = 0;
	temp.selected 	 = false; // for the randomizer

	// HARD CODED change later! 
	temp.num_options = (option4=="") ? 3 : 4;
	temp.options = new Array();
	temp.options[1] = option1;
	temp.options[2] = option2;
	temp.options[3] = option3;
	temp.options[4] = option4;
	
	intQuestions++;
	arrAllQuestions[intQuestions] = temp;
}

function quiz_write() {
	var x, y
	var sfil3 = '<TD width=3 bgcolor=#000000><img src='+strModulePath+'filler.gif width=3 height=1></TD>';
	var sfil1 = '<TD width=1 bgcolor=#000000><img src='+strModulePath+'filler.gif width=1 height=1></TD>';
	var colors = Array;
	var selected_count;
	var rnd_id;
	
	colors[1] = "91ccf4";
	colors[2] = "c38db7";
	colors[3] = "EED507";
	colors[4] = "A6D6CA";
	colors[5] = "FEA192";

	// randomize quiz questions 
	selected_count = 0;
	while (selected_count<intMaxQuestions){
		// randomize number
		rnd_id=-1;
		while (rnd_id<1||rnd_id>intQuestions)
			rnd_id=Math.round(Math.random()* intQuestions);
		// if it's not yet selected, add
		if (!arrAllQuestions[rnd_id].selected) {
			selected_count++;
			arrAllQuestions[rnd_id].selected = true;
			arrQuestions[selected_count] = arrAllQuestions[rnd_id];
		}
	}
	
	if (blnOpenCloseDocument) document.open();
	document.write( '<FORM name=test STYLE=MARGIN:0PX><TABLE cellSpacing=0 cellPadding=0><TR vAlign=top><TD width=98%>');
	ScoreWrite('Vragen goed ','&nbsp;');
	for (x=1; x<=intMaxQuestions; x++ ){
		curr = arrQuestions[x];
		
		document.write( (x==1?'':'<BR><BR>')+'<TABLE cellSpacing=0 cellPadding=0 width=521>');		
		document.write('<TR valign=bottom>');
		document.write('<TD width=81><img src='+strModulePath+'quiz/k_lb.gif width=81 height=19></TD>');
		document.write('<TD width=340><img src='+strModulePath+'quiz/k_boven.gif width=440 height=56></TD></TR></TABLE>');
		
		document.write('<TABLE cellSpacing=0 cellPadding=0>');
		document.write('<TR>'+ sfil3);
		document.write('<TD bgcolor=#EA9C1E width=77><img src='+strModulePath+'quiz/k_vraag.gif ID=quiz_vr'+x.toString()+' NAME=quiz_vr'+x.toString()+' width=77 height=90></TD>');
		document.write(sfil1);
		
		document.write('<TD bgcolor=#' + colors[x]+' valign=top><TABLE cellSpacing=0 cellPadding=1 border=0 width=437>'); 
		document.write('<TR Valign=top><TD>&nbsp;&nbsp;' + x.toString() + '.&nbsp;</TD><TD><B>' + curr.question + '</B></TD></TR>');
		for (y=1; y<=curr.num_options; y++) {
		  document.write('<TR vAlign=top><TD width=1%><INPUT onclick=\"return quiz_recalc('+x.toString()+')\" type=radio value=' + ( y==curr.answer ? '1' : '0') + ' name=rad' + x.toString() + '></TD>');
		  document.write('<TD valign=middle width=99%>' + curr.options[y] + '</TD></TR>');
		}
		document.write('</TABLE></TD>');
		document.write( sfil3 + '</TABLE>');
		
		document.write('<TABLE cellSpacing=0 cellPadding=0>');
		document.write('<TR valign=top><TD><img src='+strModulePath+'quiz/k_lo.gif width=81 height=23></TD>');
		document.write('<TD colspan=3><img src='+strModulePath+'quiz/k_onder.gif width=440 height=55></TD></TR></TABLE>');
	}
	document.write( '</TD></TR></TABLE></FORM>');
	if (blnOpenCloseDocument) document.close();
}

function quiz_recalc( clicked ) {
	var x, fld, ret=true;
	var strExplain

	if (!arrQuestions[clicked].answered) {
		quiz_score = 0;
		for (x=1;x<=intMaxQuestions;x++) {
			fld=window.document.forms.test['rad'+x.toString()];
			for (sel=0;sel<fld.length;sel++) 
				if (fld[sel].checked) {
					if (fld[sel].checked) quiz_score += parseInt(fld[sel].value);
					if (x==clicked) {
						arrQuestions[x].answered = true;
						arrQuestions[x].last_answer = sel;
						strExplain = arrQuestions[x].explain;
						if (strExplain=='') strExplain = "Het antwoord op de vraag <BR>'"+arrQuestions[x].question+"' is <BR>'"+arrQuestions[x].options[arrQuestions[x].answer]+"'.";						
						quiz_result ((parseInt(fld[sel].value)>0), strExplain );
						image_swap("quiz_vr"+x.toString(), strModulePath + 'quiz/k_' + (parseInt(fld[sel].value)>0 ? 'goed' : 'fout') + '.gif');
					}
				}
		}
		ScoreUpdate( quiz_score );	
	} else {
		ret = false;
		window.document.forms.test['rad'+clicked.toString()][arrQuestions[clicked].last_answer].checked = true;
	}
	return ret;
}

function quiz_ready_test() {
	var x, intAnswered = 0;
	
	for (x=1; x<=intMaxQuestions; x++) 
		intAnswered += (arrQuestions[x].answered ? 1 : 0);
	
	if (intAnswered == intMaxQuestions && !quiz_finished) 
		quiz_final (quiz_score);
}

function quiz_result( blnGoed, txtExplain ){
	var strContent
	
	strContent = "<HTML><HEAD><TITLE>Resultaat</TITLE><SCRIPT language=javascript>function wclose(){"+(isIE?"":"window.opener.quiz_ready_test();")+"window.close();} function cd(){var x=setTimeout(\'wclose()\',10000);}</"+"SCRIPT></HEAD>" +
				 "<BODY bgcolor=#ffffff onload=javascript:cd() onkeydown=javascript:wclose() onclick=javascript:wclose()>" + 
				 "<CENTER><BR><B><FONT FACE=VERDANA SIZE=4 COLOR= " +
				 (blnGoed ? "GREEN>Inderdaad, dat klopt!" : "RED>Helaas, je hebt het fout!") + "</FONT></B><BR>" +
				 "<BR><FONT FACE=VERDANA SIZE=2> " + txtExplain + "</FONT><BR><BR>" +
 				 "<FONT FACE=VERDANA SIZE=2><INPUT TYPE=SUBMIT VALUE=\"  Ok  \" onclick=wclose()>" + 
				 "</CENTER></BODY></HTML>";
	
 	quiz_window ("quizresult", strContent);
 	if (isIE) quiz_ready_test();
}


function quiz_final( score ){
	var perc_score;
	var txt_explain;
	var strContent;
		
	strContent = "<HTML><HEAD><TITLE>Je eindscore</TITLE><SCRIPT language=javascript>function wclose(){window.close()} function cd(){var x=setTimeout(\'wclose()\',10000);}</"+"SCRIPT></HEAD>" +
				 "<BODY bgcolor=#ffffff onload=javascript:cd() onkeydown=javascript:wclose() onclick=javascript:wclose()>";
	
	perc_score = (score*100) / intMaxQuestions;

	if (perc_score > 80) 
		strContent += "<EMBED SRC="+strModulePath+"quiz/eeee.wav HEIGHT=0 WIDTH=0 AUTOSTART=TRUE LOOP=FALSE HIDDEN=TRUE></EMBED>"
	if (perc_score < 50)  
		txt_explain = "Je hebt nog een hoop te leren over zuivel, kijk snel verder op deze site of speel de quiz met andere vragen om meer te leren." 
	else if (perc_score < 70) 
		txt_explain = "Je hebt het redelijk gedaan, maar er is nog meer te leren. Kijk dan snel verder op deze site of speel de quiz met andere vragen."
	else if (score==intMaxQuestions) 
			txt_explain = "Wow, je hebt alles goed! Wil je nog meer leren? Kijk dan snel verder op deze site of speel de quiz met andere vragen."
		 else
			txt_explain = "Goed gedaan, maar er is nog veel meer te leren. Kijk snel verder op deze site of speel de quiz met andere vragen om meer te leren."
	
	strContent += "<TABLE><TR valign=top><TD>" +
				  "<IMG SRC=" + strModulePath + "quiz/finish.gif width=84 height=100></TD><TD><FONT FACE=VERDANA SIZE=3>" +
				  "Je hebt <b>" + score + "</b> van de <b>" + intMaxQuestions+ "</b> vragen goed</FONT><BR>" +
				  "<BR><FONT FACE=VERDANA SIZE=2> " + txt_explain + "</FONT></TD></TR>" +
 				  "<TR><TD COLSPAN=2>" +
 					"<CENTER><FONT FACE=VERDANA SIZE=2><INPUT TYPE=SUBMIT VALUE=\"  Ok  \" onclick=wclose()></CENTER>" + 
 					"</TD></TR>" +
				  "</TABLE>" +
				  "</BODY></HTML>" ;
				 
	quiz_window("quizfinish", strContent);
	quiz_finished = true; 
}

function quiz_window( strName, strWindowContent) {
	var result_width = 370;
	var result_height = ( (isMac&&isIE) ? 70 : 190);
	var w, x
	
	var Xpos = (screen.width  - result_width ) / 2;
	var Ypos = (screen.height - result_height) / 2;

// 	if (window.showModalDialog) {
// 		w = window.showModalDialog(strModulePath+"quiz/result_ie.htm",strWindowContent,'dialogWidth:'+result_width+'px;dialogHeight:'+result_height+'px;dialogTop:'+Ypos+'px;dialogLeft:'+Xpos+'px;status:no;help:no;scroll:no');
// 	} else {
		w = window.open("", strName, "width="+result_width.toString()+",height="+result_height.toString()+",status=no,titlebar=no,resizable=no,top="+Ypos.toString()+",left="+Xpos.toString());
		while(w.document == null){x++}; 
		w.opener = window;
		with (w.document) {
			open();
			write( strWindowContent );
			close();
		}
		if (w.focus) w.focus(); 
//	}
}

//   -			-			-			-			-			KADERS
function kader_init( path, color_dark, color_body) {
	kader_path	     = path;
	kader_color_dark = color_dark;
	kader_color_body = color_body;
}

function kader_open ( strText ) {
	if (blnOpenCloseDocument) document.open();
	document.write ("<div class=\"kader\" style=\"border:1px solid #"+kader_color_dark+"\">" + strText);
//	if (blnOpenCloseDocument) document.close();
}

function kader_close() {
//	if (blnOpenCloseDocument) document.open();
	document.write ("</div><br>&nbsp;");		
	if (blnOpenCloseDocument) document.close();
}

function kader( strWidth, strKopje, strContent, strAlign, strAdditional ) { 
	if (blnOpenCloseDocument) document.open();
	document.write ("<div class=\"kader\" style=\"width:" + strWidth + ";" +(strAlign=='' ? '' : 'float:'+strAlign+(strAlign=="right"?";margin-left:12px":"")) + "\"" + " " + strAdditional + ">");
	if (strKopje!='') {
//		document.write ("<tr><td colspan=3>");
		document.write ("<div class=\"kop\">" + strKopje + "</div>");
//		document.write ("<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width=156 height=20 id=kaderkop align=middle>")
//		document.write ("<param name=allowScriptAccess value=sameDomain />")
//		document.write ("<param name=movie value=\'/kaderkop.swf?kleur="+kader_color_dark+"&kopje="+ strKopje + "\' />")
//		document.write ("<param name=quality value=best />")
//		document.write ("<param name=bgcolor value=#ffffff />")
//		document.write ("<embed src=\"/kaderkop.swf?kleur="+kader_color_dark+"&kopje="+ strKopje + "\" quality=best bgcolor=#ffffff width=156 height=20 name=kaderkop align=middle allowScriptAccess=sameDomain type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer /></object>")
//		document.write ("</td></tr>")
	}
	document.write ( strContent + "</div>&nbsp;");
	if (blnOpenCloseDocument) document.close();
}

//   -			-			-			-			-			MEMOBLOKJE
function memoblok( sTekst ) {
	kader ( '170px', '', sTekst, 'right', '');
}

//   -			-			-			-			-			TEST UZELF  

function testuzelf( sTekst, iModule, legacy) {
	if (!legacy!='undefined') {
		iModule=legacy;
	}
	var link = "<a href=/index.asp?PageID="+iModule+">";
	kader ( '170px', 'Test uzelf', link+sTekst+'</a>', 'right', '');
}

//   -			-			-			-			-			VEELGESTELDE VRAGEN  
var intOldFaqID = 9999;

function faq(id) {
	document.getElementById("antwoord"+intOldFaqID.toString()).style.display='none';
	document.getElementById("antwoord"+id.toString()).style.display='block';
	if (p = document.getElementById("pijl"+intOldFaqID.toString())) p.style.display='none';
	document.getElementById("pijl"+id.toString()).style.display='block';
	intOldFaqID = id;
}