var answerAlphabet = new Array('A','B','C','D','E');

var imgRadioOn = new Image();
imgRadioOn.src = 'Assets/radio_on.gif';

var imgRadioOff = new Image();
imgRadioOff.src = 'Assets/radio_off.gif';

var imgHintOn = new Image();
imgHintOn.src = 'Assets/hint1.gif';

var imgHintOff = new Image();
imgHintOff.src = 'Assets/hint0.gif';

function objIqTestFunc(id,question,answer,hint,reason,answers)
{
	this.id = id;
	this.question = question;
	this.answer = answer;
	this.hint = hint;
	this.reason = reason;
	this.answers = answers;
	
	//used to store the kid's answer
	this.kidsAnswer = -1;
	this.isCorrect = false;
	
	this.divText = objIqTest_divText;
	this.divHint = objIqTest_divHint;
	this.divCorrect = objIqTest_divCorrect;
	
	this.isHintOn = false;
}


function objIqTest_divText()
{

	var strDiv = '';
		
	strDiv += '<img src=\"Assets/shim.gif\" height=\"11\" border=\"0\"><br>\n\r';
	strDiv += '<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"351\">\n\r';
	strDiv += '<tr>\n\r';
	strDiv += 	'<td><img src="Assets/shim.gif" width="10" height="1" border="0"></td>';
	strDiv += 	'<td class=\"headwhite\">'+(this.id+1)+'. '+this.question+'</td>\n\r';
	strDiv += '</tr>\n\r';
	strDiv += '</table>\n\r';

	
	strDiv += '<table border="0" cellpadding="0" cellspacing="0">\n\r';
	for (var i=0;i<this.answers.length;i++)
	{
		strDiv += '<tr>\n\r';
		strDiv += 	'<td><img src="Assets/shim.gif" width="5" height="1" border="0"></td>';
		strDiv += 	'<td valign="top"><img src="Assets/shim.gif" width="16" height="1" border="0"></td>\n\r';
		strDiv += 	'<td valign="top"><img src="Assets/shim.gif" width="40" height="1" border="0"><br><a href="#" onclick="kidsInput('+this.id+','+i+');return false;"><img name="radio_'+this.id+'_'+i+'" src="Assets/radio_off.gif" width="17" height="16" border="0" alt=""></a><span class="head">&nbsp;'+answerAlphabet[i]+'</span></td>\n\r';
		strDiv +=	'<td valign="top" class="text"><img src="Assets/shim.gif" width="281" height="5" border="0"><br>'+this.answers[i]+'</td>\n\r';
		strDiv += '</tr>\n\r';
	}
	strDiv += '</table>\n\r';

	
	strDiv += '<table border="0" cellpadding="0" cellspacing="0">\n\r';
	strDiv += '<tr>\n\r';
	strDiv += 	'<td><img src="Assets/shim.gif" width="5" height="1" border="0"></td>';
	strDiv += 	'<td><img src="Assets/shim.gif" width="16" height="1" border="0"></td>\n\r';
	strDiv +=	'<td><a href="#" onmouseover="showHint('+this.id+');" onmouseout="hideHint('+this.id+');" onclick="return false;"><img name="hint_'+this.id+'" src="Assets/hint0.gif" width="79" height="25" border="0"></a></td>\n\r';
	strDiv += '</tr>\n\r';
	strDiv += '</table>\n\r';
	
	strDiv += (!bNS4) ? '<div id="testhint'+this.id+'" style="position:relative; left:0px; top:0px; z-index:1000"></div>\n\r' : '<layer name="testhintNS'+this.id+'"></layer>\n\r';
	
	strDiv += '<img name="content_divider" src="Assets/content_divider.gif" width="351" height="8" border="0"><br>\n\r';
	

	return strDiv;
}


function objIqTest_divHint()
{

	var strDiv = '';
	
	strDiv += (!bNS4) ? '<div style="position:absolute; left:0px; top:0px;">' : '';
	strDiv += '<table border="0" cellspacing="0" cellpadding="0">\n\r';
	strDiv += '<tr>\n\r';
	strDiv +=	'<td><img src="Assets/shim.gif" width="21" height="1"></td>';
	strDiv += 	'<td colspan="3"><img src="Assets/hintbox_margin_top.gif" width="330" height="10" border="0" alt=""></td>';
	strDiv += '</tr>\n\r';
	strDiv += '<tr>\n\r';
	strDiv +=	'<td><img src="Assets/shim.gif" width="21" height="1"></td>';
	strDiv += 	'<td><img src="Assets/hintbox_margin_left.gif" width="17" height="48" border="0" alt=""></td>\n\r';
	strDiv +=	'<td class="hinttext" bgcolor="#ffce31" width="295"><img src="Assets/shim.gif" width="295" height="1"><br>'+this.hint+'<br><br></td>\n\r';
	strDiv += 	'<td><img src="Assets/hintbox_margin_right.gif" width="18" height="48" border="0" alt=""></td>\n\r';
	strDiv += '</tr>\n\r';
	strDiv += '<tr>\n\r';
	strDiv +=	'<td><img src="Assets/shim.gif" width="21" height="1"></td>';
	strDiv += 	'<td colspan="3"><img src="Assets/hintbox_margin_bottom.gif" width="330" height="10" border="0" alt=""></td>\n\r';
	strDiv += '</tr>\n\r';
	strDiv += '</table>\n\r';
	strDiv += (!bNS4) ? '</div>' : '';
	
	return strDiv;
}

function objIqTest_divCorrect()
{
	var strDiv = '';
	
	
	//strDiv += '<img src="Assets/shim.gif" width="351" height="11" border="0"><br>';
	
	strDiv += '<table border="0" cellpadding="0" cellspacing="5" width="351">\n\r';
	strDiv += '<tr>\n\r';
	strDiv +=	'<td valign="top"><img src="Assets/shim.gif" width="14" height="1" border="0"></td>\n\r';
	strDiv += 	'<td valign="top"><img src="Assets/shim.gif" width="25" height="1" border="0"></td>\n\r';
	strDiv += 	'<td valign="top"><img src="Assets/shim.gif" width="16" height="1" border="0"></td>\n\r';
	strDiv += 	'<td valign="top"><img src="Assets/shim.gif" width="296" height="1" border="0"></td>\n\r';
	strDiv += '</tr>\n\r';
	strDiv += '<tr>\n\r';
	strDiv +=	'<td valign="top"></td>\n\r';
	strDiv += 	'<td class="head" valign="top" colspan="3">'+(this.id+1)+'. '+this.question+'</td>\n\r';
	strDiv += '</tr>\n\r';
	strDiv += '<tr>\n\r';
	strDiv +=	'<td valign="top"></td>\n\r';
	strDiv += 	'<td class="text" valign="top" colspan="3"><b>You said:</b></td>\n\r';
	strDiv += '</tr>\n\r';
	
	strDiv += '<tr>\n\r';
	strDiv +=	'<td valign="top"></td>\n\r';
	strDiv +=	'<td valign="top"></td>\n\r';
	strDiv +=	'<td class="text" valign="top"><b>'+((this.kidsAnswer>-1) ? answerAlphabet[this.kidsAnswer] : ' ') +'</b></td>\n\r';
	strDiv += 	'<td class="text" valign="top">'+((this.kidsAnswer>-1) ? this.answers[this.kidsAnswer] : 'You didn\'t answer.') +'</td>\n\r';
	strDiv += '</tr>\n\r';
	
	strDiv += '<tr>\n\r';
	strDiv +=	'<td valign="top"></td>\n\r';
	strDiv += 	'<td class="text" valign="top" colspan="3"><b>The correct answer is:</b></td>\n\r';
	strDiv += '</tr>\n\r';
	strDiv += '<tr>\n\r';
	strDiv +=	'<td valign="top"></td>\n\r';
	strDiv +=	'<td valign="top"></td>\n\r';
	strDiv +=	'<td class="textyellow" valign="top"><b>'+answerAlphabet[this.answer]+'</b></td>\n\r';
	strDiv += 	'<td class="textyellow" valign="top">'+this.answers[this.answer]+'</td>\n\r';
	strDiv += '</tr>\n\r';
	
	strDiv += '<tr>\n\r';
	strDiv +=	'<td valign="top"></td>\n\r';
	strDiv +=	'<td valign="top"></td>\n\r';
	strDiv +=	'<td valign="top"></td>\n\r';
	strDiv += 	'<td class="text" valign="top">'+this.reason+'</td>\n\r';
	strDiv += '</tr>\n\r';
	strDiv += '</table>\n\r';
	
	strDiv += '<img src="Assets/content_divider.gif" width="351" height="8" border="0"><br>\n\r';
	
	return strDiv;
}

function showHint(id)
{
	var strDiv = objIqTest[id].divHint();
	var divId = (bNS4) ? 'testhintNS'+id : 'testhint'+id;
	
	//alert (objDOMposX('testhint'+id));
	
	if (!bNS4)
	{
		document.all['hint_'+id].src = imgHintOn.src;
		objDOMwrite('testhint'+id,strDiv);
		objDOMvisibility('testhint'+id,'visible');
	} else
	{
		document.layers['iqContentNS'].document.images['hint_'+id].src = imgHintOn.src;
		document.layers['iqContentNS'].document.layers['testhintNS'+id].visibility = 'show';
		objDOMwrite('testhintNS'+id,strDiv,'iqContentNS');
	}
}

function hideHint(id)
{
	var divId = (bNS4) ? 'testhintNS'+id : 'testhint'+id;
		
	if (!bNS4)
	{
		document.all['hint_'+id].src = imgHintOff.src;
		objDOMvisibility('testhint'+id,'hidden');
	} else
	{
		document.layers['iqContentNS'].document.images['hint_'+id].src = imgHintOff.src;
		document.layers['iqContentNS'].document.layers['testhintNS'+id].visibility = 'hide';
		//objDOMvisibility('testhintNS'+id,'hidden');
		//objDOMwrite('testhintNS'+id,'','iqContentNS');
	}
}

function kidsInput(id,value)
{
	objIqTest[id].kidsAnswer = value;
	
	if (!bNS4)
	{
		for (var i=0;i<objIqTest[id].answers.length;i++) document.all['radio_'+id+'_'+i].src = imgRadioOff.src;
		document.all['radio_'+id+'_'+value].src = imgRadioOn.src;
	} else
	{
		for (var i=0;i<objIqTest[id].answers.length;i++) document.layers['iqContentNS'].document.images['radio_'+id+'_'+i].src = imgRadioOff.src;
		document.layers['iqContentNS'].document.images['radio_'+id+'_'+value].src = imgRadioOn.src;
	}
}
			
	

function submitTest()
{
	for (var i=0;i<12;i++)
	{
		//if no answer taken, store value of -1
		setCookie(i,objIqTest[i].kidsAnswer);
	}
	
	window.location.href="iq_results.html";
}

function displayResults()
{
	
	var kidsAnswerCorrectCount = 0;
	var rating = 0;
	
	for (var i=0;i<objIqTest.length;i++)
	{
		objIqTest[i].kidsAnswer = getCookie(i);
		if (objIqTest[i].kidsAnswer == objIqTest[i].answer) 
		{
			objIqTest[i].isCorrect = true;
			kidsAnswerCorrectCount++;
		}
	}
	
	if (kidsAnswerCorrectCount > 7)
	{	rating = 1;
	} else if (kidsAnswerCorrectCount > 5)
	{	rating = 2;
	} else if (kidsAnswerCorrectCount > 3)
	{	rating = 3;
	} else
	{	rating = 4;
	}
	
	var strDiv = divTestResults(rating,kidsAnswerCorrectCount);
		
	if (bNS4)
	{	objDOMwrite('iqContentNS',strDiv);
	} else
	{	objDOMwrite('iqContent',strDiv);
	}
	
}

function divTestResults(rating,kidsAnswerCorrectCount)
{
	var strCorrect = new String(kidsAnswerCorrectCount);
	var strQuestions = new String(objIqTest.length);
	
	if (kidsAnswerCorrectCount < 9) strCorrect = '0' + strCorrect;
	if (objIqTest.length < 9) strQuestions = '0' + strQuestions;
	
	var strDiv = '';

	strDiv += '<img name="results_praise_01" src="Assets/results_praise_0'+rating+'.gif" border="0"><br>\n\r';
	strDiv += '<table width="350" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFCC33">\n\r';
	//strDiv += '<tr><td colspan="8"><img src="Assets/shim.gif" width="350" height="1"></td></tr>';
	strDiv += '<tr>\n\r';
	strDiv += 	'<td>';
	strDiv +=	'<img src="Assets/results_yougot.gif" border="0">';
	strDiv +=	(strCorrect.substr(0,1) != '0') ? ('<img src="Assets/results_num_0'+strCorrect.substr(0,1)+'.gif" border="0">') : '';
	strDiv +=	'<img src="Assets/results_num_0'+strCorrect.substr(1,1)+'.gif" border="0">';
	strDiv +=	'<img name="results_outof" src="Assets/results_outof.gif" border="0">';
	strDiv +=	'<img src="Assets/results_num_0'+strQuestions.substr(0,1)+'.gif" border="0">';
	strDiv +=	'<img src="Assets/results_num_0'+strQuestions.substr(1,1)+'.gif" border="0">';
	strDiv +=	'<img name="results_answerscorrect" src="Assets/results_answerscorrect.gif" border="0">';
	strDiv +=	'</td>';
	strDiv += '</tr>\n\r';
	strDiv += '</table>\n\r';

	strDiv += '<table width="350" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFCC33">\n\r';
	//strDiv += '<tr><td colspan="3"><img src="Assets/shim.gif" width="350" height="1"></td></tr>';
	strDiv += '<tr>\n\r'; 
	strDiv += 	'<td>';
	strDiv +=	'<img name="results_rating" src="Assets/results_rating.gif" border="0">';
	strDiv += 	'<img src="Assets/results_rating_0'+rating+'.gif" border="0"';
	strDiv +=	'</td>';
	strDiv += '</tr>\n\r';
	strDiv += '<tr>';
	strDiv += 	'<td bgcolor="#ffcc33"><img src="Assets/shim.gif" width="16" height="8" border="0"></td>';
	strDiv += '</tr>\n\r';
	strDiv += '</table>\n\r';
	
	strDiv += '<img src="Assets/shim.gif" width="16" height="10" border="0">\n\r';
	
	//show the wrong answers
	if (objIqTest.length-kidsAnswerCorrectCount > 0)
	{
		strDiv += '<table width="350" border="0" cellspacing="0" cellpadding="0">\n\r';
		strDiv += '<tr>\n\r';
		strDiv += 	'<td valign="top"><img src="Assets/shim.gif" width="16" height="1" border="0"></td>\n\r';
		strDiv += 	'<td class="text">Now, let\'s take a look at the <b>'+(objIqTest.length-kidsAnswerCorrectCount)+'</b> question'+((objIqTest.length-kidsAnswerCorrectCount)>1 ? 's':'')+' you got wrong:</td>\n\r';
		strDiv += '</tr>\n\r';
		strDiv += '</table>\n\r';
	
		strDiv += '<img src="Assets/content_divider.gif" width="351" height="8" border="0"><br>\n\r';
	
		for (var i=0;i<objIqTest.length;i++)
		{
			if (!objIqTest[i].isCorrect)
			{
				strDiv += objIqTest[i].divCorrect();
			}
		}
	}
	
	strDiv += '<br>';
	strDiv += '&nbsp;&nbsp;&nbsp;&nbsp;<a href="iq.html" class="headerlink">&gt;&gt; Take the Censorship Quiz Again!</a><br>';
	strDiv += '&nbsp;&nbsp;&nbsp;&nbsp;<a href="iq_cheatsheet.html" class="headerlink">&gt;&gt; Get More Information About Censorship!</a><br>';
	
	strDiv += footer();
	
	return strDiv;
}

function footer()
{
	var strDiv = '';
	
	//strDiv += '<div id="footer">\n\r';
	strDiv += '<br>';
	strDiv += '<br>\n\r';
	strDiv += '<p><span class="textsmall">Kidspeak is a registered trademark of <a href="http://www.brighams.com" target="_blank" class="textsmalllink">Brighams, Inc</a></span></p>\n\r';
	strDiv += '<p><span class="textsmall">Copyright &copy; 2001 American Booksellers Foundation for Free Expression</span></p>\n\r';
	strDiv += '<p><span class="textsmall"><a href="privacy.html" class="textsmalllink">Privacy Statement</a></span></p>\n\r';
	strDiv += '<br>\n\r';
	//strDiv += '</div>\n\r';
	
	return strDiv;
}