# #############################################################################
# Question Mark Computing Perception 
# Copyright (c) Question Mark Computing Ltd. 1998 - 2000
# 
# scripts.format version 2.2.6
# script definitions
# Last modified : 15th August 1999 (added support for Perception Secure Browser)
# 	: 17th September 1999
#		
#	: 22nd September - multiple choice ID Java applet support added to CheckApplets()
#
#	: 17th December 1999 - updating for new multi HotSpot and Essay question types
#	 - fixed bug in AllQuestionsAnswered() where last question was missed
#	 - fixed bug in DoTimer(). Time left now calculated and doesn't rely on Javascript timer
#	 - removed CheckReturn and use bFromButton (attached to DO_SUBMIT_BUTTON) to only allow 
#	 submit button to trigger submit (not return key in edit boxes etc)
#
#	: 20th December 1999 - added DO_ESSAY script hook
#	: 10th January 2000 - changed checkNumber() to use text from text.format NOT_NUMERIC_TEXT
#	: 2nd february 2000 - fixed bug where when time limit has finished is shown as 0-1.0-1
#	: 8th May 2000 - moved WriteList from BODY onload to end of document (in htmlcore.format)
#	: 30th May 2000 - modified DoSubmit() and DO_SUBMIT_BUTTON to prevent Enter key from submitting form in IE
#	: 8th June 2000 - add CheckReturn function to prevent Enter key from submitting form
#	: 16th August 2000 - now forcibly hides elements in WriteList
#
# #############################################################################

[DOCUMENT]

# ##########################################
# scripts used by questions

# scripts placed at top of document
SCRIPTS=
<!-- start of required scripts -->
%NO_JAVA%
%BROWSER_DETECT%
%CHECK_RETURN%
%ON_SUBMIT%
%REQUIRED%
<!-- end of required scripts -->

# ######################################
# script hooks

# script placed in FROM tag called when form is submitted
# execute java applet interface script
DO_SUBMIT= 
_IF %USE_QXQ% = 1
 onSubmit="return DoQxQSubmit();"
_ELSE
 onSubmit="return DoSubmit();"

# script placed in BODY tag called when document loaded
# can also be used to embed multimedia calls etc
DO_BODY=
_IF %USE_QXQ% = 1
 onKeyPress="checkReturn();" onSelectStart="noScroll();" onScroll="window.scroll(0,0);"
_ELSE
 onKeyPress="checkReturn();"

# script placed in FORM tag of feedback page, not normally used
DO_FEEDBACK_SUBMIT=

# script placed in FORM tag of final feedback page, not normally used
DO_END_SUBMIT=

# script attached to reset button
DO_RESET_BUTTON=

# script attached to continue button
DO_CONTINUE_BUTTON=

# script attached to home button
DO_HOME_BUTTON=

# script attached to end of session branching button
DO_BRANCH_BUTTON=

# script attached to end of session link
DO_LINK_HREF=

# script hooks to detect change
DO_MC=
_IF %USE_QXQ% = 1
 onClick="DoChange(%QUESTION.NUMBER%,this);"

DO_MR= 
_IF %USE_QXQ% = 1
 onClick="DoChange(%QUESTION.NUMBER%,this);"

DO_NUM=_IF %USE_QXQ% = 1
 onKeyUp="DoChange(%QUESTION.NUMBER%,this);" onChange="checkNumber(this)"
_ELSE
 onChange="checkNumber(this)"

DO_TM=
_IF %USE_QXQ% = 1
 onKeyUp="DoChange(%QUESTION.NUMBER%,this);" 

DO_SEL=
_IF %USE_QXQ% = 1
 onChange="DoChange(%QUESTION.NUMBER%,this);"

DO_FIB=
_IF %USE_QXQ% = 1
 onKeyUp="DoChange(%QUESTION.NUMBER%,this);" 

DO_HOT=
_IF %USE_QXQ% = 1
 onMouseout="DoJavaChange(%QUESTION.NUMBER%,'QMApplet%QUESTION.NUMBER%');" 

DO_MAT=
_IF %USE_QXQ% = 1
 onClick="DoChange(%QUESTION.NUMBER%,this);"

DO_ESSAY=
_IF %USE_QXQ% = 1
 onKeyUp="DoChange(%QUESTION.NUMBER%,this);" 

# ######################################
# script wrapper for java-based (hotspot) questions with QxQ delivery
# places a border round the applet 
# to detect when the cursor moves into or out of the applet area with onMouseout
START_QUESTION_java=
_IF %USE_QXQ% = 1
 <DIV %DO_HOT% STYLE="padding:10">

END_QUESTION_java=
_IF %USE_QXQ% = 1
 </DIV>

# ######################################
ON_SUBMIT=
<SCRIPT>
<!-- 
var bSubmitted = false;
var bFromButton = false;

function DoSubmit() {
	
	if (bSubmitted) return false;
	if (QMJava) {
		CheckApplets();
	} 
	for (i = 0; i < document.forms[0].length; i++) { 
		if (document.forms[0].elements[i].type == "submit") {
			document.forms[0].elements[i].disabled = true;
		}
	}
	bSubmitted = true;
	window.setTimeout('ResetSubmit()',%SUBMIT_TIMEOUT% * 1000);
	return true;
}

function ResetSubmit() {
	bSubmitted = false;
	for (i = 0; i < document.forms[0].length; i++) { 
		if (document.forms[0].elements[i].type == "submit") {
			document.forms[0].elements[i].disabled = false;
		}
	}
}
// -->
</SCRIPT>

# ######################################
BROWSER_DETECT=
<SCRIPT>
<!-- 
var isIE4;

if ( (navigator.appName.indexOf("Internet Explorer") > -1) &&
	 (parseInt(navigator.appVersion) > 3) ) {
	isIE4 = true;
} else {
	isIE4 = false;
}
// -->
</SCRIPT>

# ######################################
# check the input box of a numeric question to check a number has been entered
VALID_NUMBER=
<!-- start of VALID_NUMBER -->
<SCRIPT LANGUAGE="JavaScript">
<!--
// check the value of an input box to see if its a valid number
function checkNumber(obj) {

	if (obj.value == "") { return; }

	// look for any non-numeric characters
	// 0..9 . - + e E
	var sGoodChars = "0123456789.-+eE";

	for (i = 0; i < obj.value.length; i++) {
		if(sGoodChars.indexOf(obj.value.charAt(i)) == -1) {
			alert("\"" + obj.value + "\"" + " %NOT_NUMERIC_TEXT%");
			return;
		}
	}
	
   // is it a real number ?
   floatValue = parseFloat(obj.value);
   if (isNaN(floatValue)) {
      // is it a whole number ?
      intValue = parseInt(obj.value);
      if (isNaN(intValue)) {
         // its not a number at all
         alert("\"" + obj.value + "\"" + " %NOT_NUMERIC_TEXT%");
      } 
   } 
}
// -->
</SCRIPT>
<!-- end of VALID_NUMBER -->


# ######################################
# base definition to trun off applet support
NO_JAVA=
<SCRIPT>
<!--
  var QMJava = false;
// -->
</SCRIPT>

# check if Javascript 1.1 is supported
CHECK_SCRIPT_VERSION=
<!-- start of CHECK_SCRIPT_VERSION -->
<SCRIPT>
	var JS_11 = false;
</SCRIPT>
<SCRIPT language="JavaScript1.1">
<!--
   JS_11 = true; // Javascript 1.1 is working
   QMJava = true; // applet support is required
// -->
</SCRIPT>
<!-- end of CHECK_SCRIPT_VERSION -->


# ######################################
# check any Java applets containing responses
CHECK_APPLETS=
<!-- start of CHECK_APPLETS -->
<SCRIPT>
<!--
// check all applets for Question Applets
function CheckApplets() {  

   // don't do anything if we're not needed
   if (!QMJava) {
      return true;
   } 

   var sType = ""; var sApplet = ""; var sField = ""; var sValue = ""; var sEval = ""; var sName = "";     
   var sSubField = ""; var sTemp = ""; var sSubValue = "";
   var iPos = 0; var iLength = 0;

   // check this version of javascript is up to it
   if (!JS_11) {
      alert("Version of Javascript used in this browser does not support Java applets");
      return false;  
   } 

   // look at each form element
   for (i = 0; i < document.forms[0].length; i++) { 
      sValue = "";
      sTemp = "";
      sName = document.forms[0].elements[i].name;
      iPos = sName.indexOf(':');

      if (iPos > -1) {
         sType = sName.substring(0,iPos);
         sApplet = sName.substring(iPos+1,sName.length);
         sField = document.forms[0].elements[i].value;
         if (sType == "QMApplet") {
		// we've found an applet, get it's value
            	sValue = "" + document.applets[sApplet].getValue();
		// see if reporting more than one choice
		iPos = sValue.indexOf(':');
		if (iPos > -1) {
			// get values for all choice IDs
			while ((iPos != -1) && (iPos < sValue.length)){					
				sSubField = sValue.substring(0,iPos);			
				sTemp = sValue.substring(iPos+1,sValue.length); 		
				iPos = sTemp.indexOf(':');
				if (iPos > -1) {
					sSubValue = sTemp.substring(0,iPos);
				}				
				// find corresponding form field
		            	for (j = 0; j < document.forms[0].length; j++) {
					sName = document.forms[0].elements[j].name;
					if (sName == sSubField) {
						// set field to applet value
						document.forms[0].elements[j].value = sSubValue;
						break;
					}
		            	}
				sValue = sTemp.substring(iPos+1,sTemp.length); 	
				iPos = sValue.indexOf(':');
			}
		} else {
			// use single value for whole question
			// find corresponding form field
	            	for (j = 0; j < document.forms[0].length; j++) {
				sName = document.forms[0].elements[j].name;
				if (sName == sField) {
					// set field to applet value
					document.forms[0].elements[j].value = sValue;
					break;
				}
	            	}
		}
         }
      }

   }
   return true;
}
// -->
</SCRIPT>
<!-- end of CHECK_APPLETS -->

# ######################################
# disable return key except in text edit boxes
# prevents accidental submission of form by pressing return
CHECK_RETURN=
<SCRIPT>
<!-- begin Check Return
// swallow return key, except for textareas
// prevents unintentional submitting of block
function checkReturn() {
    if (!isIE4) return true;

	// trap return key, except inside multi-line edit
	if ((window.event.keyCode == 13) && (window.event.srcElement.type != "textarea")) {
		window.event.returnValue = false; 
		window.event.cancelBubble = true;
		return false;
	} else {
		return true;
	}
}
// end Check Return -->
</SCRIPT>

# ######################################
# timed session script
INIT_TIMER=
<SCRIPT>
<!-- begin Init Timer
// initialise timer to time left in seconds
var clockStart = %SESSION.TIMELEFT%;
// save value separately for later
var clockInit = %SESSION.TIMELEFT%;
// set warning period in seconds
var clockWarning = %TIME_LIMIT_WARNING% * 60;
// no timer message window yet
var timerWindow = null;
// see if we are writing to status bar or document text
var useStatus = %SHOW_TIMER%;
// no message yet
var message = "";

var remainText = '%TIME_REMAINING_TEXT%';
var finishText = '%TIME_FINISHED_TEXT%';
var warnMessage = '%TIME_LIMIT_WARNING_MESSAGE%';
var finishMessage = '%TIME_FINISHED_MESSAGE%'
var warnWidth = %TIMER_WINDOW_WIDTH%;
var warnHeight = %TIMER_WINDOW_HEIGHT%;
var warnTime = %TIMER_MESSAGE_DURATION% * 1000;

var warnHead = '<HTML><HEAD><TITLE>%SESSION.TITLE%</TITLE></HEAD>';
var warnBody = '<BODY %BACKC% %BACKI% %TEXT%>';
var warnTitle = '%SHOW_TITLE_DEF%';

var warnContent;
var features;

var IsPSB = false;

if (window.name.indexOf("Perception Secure Browser") > -1) {
	IsPSB = true;
}

var StartTime = new Date();

window.setTimeout('DoTimer()',1);
// end Init Timer -->
</SCRIPT>

DO_TIMER=
<SCRIPT>
<!-- begin Do Timer

// keep track of the time left
function DoTimer() { 
  // update clock
  NowTime = new Date();
  clockStart = Math.round(clockInit - ((NowTime.getTime() - StartTime.getTime())/1000)); 

  var tSecs = clockStart; 
  var iSecs = tSecs % 60;
  var iMins = Math.round((tSecs-30)/60); 
  if (iMins < 0) iMins = 0;
  var iHours = 0; 
  var sHours = " ";
  if (iMins > 59) {
	iHours = Math.round((iMins-30)/60);//iMins / 60;
	iMins = iMins % 60;
	sHours = "" + iHours + ":";
  } 
  var sSecs =":" + ((iSecs > 9) ? iSecs : "0" + iSecs);
  var sMins ="" + ((iMins > 9) ? iMins : "0" + iMins);
  if (useStatus == 1) {
		document.forms[0].timespent.value = sHours + sMins + sSecs;
	} else {
		if (clockStart > 0) {
			status = remainText + " " + sHours + sMins + sSecs;
		} else {
			status = finishText;
		}
  }
  if (clockStart > 0) {
	// give warning of impending time limit
	if ((clockWarning > 0) && (clockWarning < clockInit) && (clockStart <= clockWarning)) {
		clockWarning = 0; // only happens once
		if (IsPSB) {
			warnContent = "about:" + warnHead + warnBody + warnTitle + warnMessage + "\<SCRIPT\>setTimeout('self.close();'," + warnTime + ");\</SCRIPT\>"
			features = "dialogWidth:" + warnWidth + "px; dialogHeight:" + warnHeight + "px; dialogTop: px; dialogLeft: px; center:yes; help:no; status:no; resizable:no;";
			window.showModalDialog(warnContent, 0, features);
		} else {
			timerWindow = window.open("","timer","width=" + warnWidth + ",height=" + warnHeight + ",resizable=yes"); 
			message = warnMessage;
			window.setTimeout('DoMessage(timerWindow,message);',200);
			window.setTimeout('timerWindow.close();',warnTime); 
		}
	}

	window.setTimeout('DoTimer()',1000); 
  } else {
	// give time limit reached message and submit the page
	if (IsPSB) {
		warnContent = "about:" + warnHead + warnBody + warnTitle + finishMessage + "\<SCRIPT\>setTimeout('self.close();'," + warnTime + ");\</SCRIPT\>"
		features = "dialogWidth:" + warnWidth + "px; dialogHeight:" + warnHeight + "px; dialogTop: px; dialogLeft: px; center:yes; help:no; status:no; resizable:no;";
		window.showModalDialog(warnContent, 0, features);
		document.forms[0].submit();
	} else {
		timerWindow = window.open("","timer","width=" + warnWidth + ",height=" + warnHeight + ",resizable=yes"); 
		message = finishMessage;
		window.setTimeout('DoMessage(timerWindow,message)',200);
		window.setTimeout('timerWindow.close();document.forms[0].submit();',warnTime); 
	}
  }
}

// open a pop-up window for messages
function DoMessage(msgWindow,msg) {
	msgWindow.document.open();
	msgWindow.document.write(warnHead);
	msgWindow.document.write(warnBody);
	msgWindow.document.write(warnTitle);
	msgWindow.document.write(msg);
	msgWindow.document.write('</BODY></HTML>');
	msgWindow.document.close();

}

// end Do Timer -->
</SCRIPT>


# ######################################
# Question by Question delivery script

QXQ_SCRIPT=
<!-- start of qxq script -->
<SCRIPT>

// ****************************************
// text
var qListText = "%Q_LIST_TEXT%";
var eListText = "%E_LIST_TEXT%";

var nextText = "%NEXT_TEXT%";
var nextTip = "%NEXT_TOOLTIP%";
var nextOffTip = "%NEXT_OFF_TOOLTIP%";

var prevText = "%PREVIOUS_TEXT%";
var prevTip = "%PREVIOUS_TOOLTIP%";

var flagText = "%FLAG_TEXT%";
var flagTip = "%FLAG_TOOLTIP%";
var unflagText = "%UNFLAG_TEXT%";
var unflagTip = "%UNFLAG_TOOLTIP%";

var outofText = "%SCORE_OUT_OF_TEXT%";
var notansweredText = "%NOTANSWERED_TEXT%";
var confirmText = "%SESSION.TITLE%\n\n%CONFIRM_SUBMIT_TEXT%";
var unansweredText = "%SESSION.TITLE%\n\n%CONFIRM_UNANSWERED_TEXT%";

var startEntry = '%START_ENTRY%';
var endEntry = '%END_ENTRY%';

var askConfirm = '%ASK_CONFIRM%'
var enableFlagging = '%ENABLE_FLAGGING%';
var autoUnflag = '%AUTO_UNFLAG%'

var upControl = '%UP_CONTROL%';
var downControl = '%DOWN_CONTROL%';
var submitControl = '%SUBMIT_CONTROL%';
var continueControl = '%CONTINUE_CONTROL%';
var nextControl = '%NEXT_CONTROL%';
var flagControl = '%FLAG_CONTROL%';
var emptyControl = '%EMPTY_CONTROL%';

// colours
var question_bgcolor = '%BACKCOLOR%';
var header_bgcolor  = '%HEADER_COLOR%';
var list_bgcolor = '%LIST_COLOR%';
var nav_bgcolor = '%CONTROL_COLOR%';
var timer_bgcolor = '%CONTROL_COLOR%';
var border_color = '%BORDER_COLOR%';

// background images
var question_bgimage = '%Q_BACKGROUND%';
var header_bgimage = '%H_BACKGROUND%';
var list_bgimage = '%L_BACKGROUND%';
var nav_bgimage = '%C_BACKGROUND%';
var timer_bgimage = '%C_BACKGROUND%';

// sizes of elements
var header_height = %HEADER_HEIGHT%;
var timer_height = %TIMER_HEIGHT%;
var list_width = %LIST_WIDTH%;
var nav_height = %NAV_HEIGHT%;
var rhs = %RIGHT_ALIGN%;
var border_size = %BORDER_SIZE%;
var bSubmitted = false;
var iSubmitTimeout = %SUBMIT_TIMEOUT%;

// images
var imgArray = new Array();

imgArray[0] = new Image();  
imgArray[1] = new Image();  
imgArray[2] = new Image();  
imgArray[3] = new Image();  
imgArray[4] = new Image();  
imgArray[5] = new Image();  
imgArray[6] = new Image();  
imgArray[7] = new Image();  
imgArray[8] = new Image();  
imgArray[9] = new Image();  
imgArray[10] = new Image(); 
imgArray[11] = new Image();

imgArray[0].src = '%SPACE_IMAGE%'; 
imgArray[1].src = '%SELECT_IMAGE%'; 
imgArray[2].src = '%RIGHT_IMAGE%'; 
imgArray[3].src = '%WRONG_IMAGE%'; 
imgArray[4].src = '%PART_IMAGE%'; 
imgArray[5].src = '%NONE_IMAGE%'; 
imgArray[6].src = '%SEEN_IMAGE%'; 
imgArray[7].src = '%SESSION_IMAGE%';
imgArray[8].src = '%BLOCK_IMAGE%';
imgArray[9].src = '%EXPLAIN_IMAGE%';
imgArray[10].src = '%FLAG_NONE_IMAGE%';
imgArray[11].src = '%FLAG_SEEN_IMAGE%';

var viewUnselect = 0;
var viewSelect = 1;
var statusRight = 2;
var statusWrong = 3;
var statusPart = 4;
var statusUnseen = 5;
var statusSeen = 6;
var statusSession =7
var statusBlock = 8;
var statusExplain = 9;
var statusFlag = 10;
var statusFlagSeen = 11;

// misc variables
var bFeeback = false;
var bEnd = false;
var answered = false;

var upButton = null;
var downButton = null;
var flagButton = null;
var submitButton = null;

var list_height;
var question_width = 100 - list_width;
var nav_top = 100 - (timer_height + nav_height);
var iIndex = 0;
var aElements = new Array(); // indexed 0 .. n
var aQuestions = new Array(); // indexed by question number, 1 .. n-1
var sFirst = null;
var iActive = -1;
var oTemp = null;

</SCRIPT>
%QXQ_CORE%

# include core QxQ script from file, or write to document
QXQ_CORE=
_IF %USE_SCRIPT_FILE% = 1
 <!-- included from qxqcore.js -->
 <SCRIPT SRC="%SERVER.JAVA%qxqcore.js"></SCRIPT>
 <!-- end of qxq script -->
_ELSE
 <SCRIPT>
<!-- included from scripts.format -->
function noScroll() {
	if (!isIE4) return;
	
	if ((window.event.srcElement.type != "text") && (window.event.srcElement.type != "textarea")) {
		window.event.returnValue = false; 
		window.event.cancelBubble = true;
	}
}

function WriteStyle(timelimit, showtimer) {
	if (!isIE4) return;

	// work out the size of elements if timer is/is not visible
	var show_timer_height;
	var question_height;
	var timer_top;
	var list_left;
	var question_left;
	var border_pos;

	if (rhs == 1) {
		list_left = question_width;
		question_left = 0;
		border_pos = 'border-right';
	} else {
		list_left = 0;
		question_left = list_width;
		border_pos = 'border-left';
	}

	if ((timelimit > 0) && (showtimer == 1)) {
		question_height = 100 - header_height;	
		show_timer_height = timer_height;
		timer_top = 100 - timer_height;
		list_height = 100 - (timer_height + nav_height);
	} else {
		question_height = 100 - header_height;
		show_timer_height = 0;
		timer_top = 100;
		list_height = 100 - nav_height;	
	}
	nav_top = list_height;

	// write a style sheet

	document.writeln('<STYLE TYPE="text/css">');

	document.writeln('.list {position: absolute; border-bottom: solid ' + border_color + ' ' + border_size + '; left: ' + list_left + '%; top: 0; width: ' + list_width + '%; height: ' + list_height + '%; background: url(' + list_bgimage + ') ' + list_bgcolor + ' fixed; visibility: visible; overflow: auto; margin: 0; padding-top: 1em; }');
	document.writeln('.nav    {position: absolute; left: ' + list_left + '%; top: ' + nav_top + '%;    width: ' + list_width + '%; height: ' + nav_height + '%;        background: url(' + nav_bgimage + ') ' + nav_bgcolor + '  fixed; visibility: visible; margin: 0; text-align: center; padding-top: 1em; overflow: hidden;  }');
	document.writeln('.timer  {position: absolute; left: ' + list_left + '%; top: ' + timer_top + '%;  width: ' + list_width + '%; height: ' + show_timer_height + '%; background: url(' + timer_bgimage + ') '  + timer_bgcolor + '   fixed; visibility: visible; margin: 0; text-align: center; overflow: hidden; z-index: }');

	document.writeln('.header {position: absolute; ' + border_pos + ': solid ' + border_color + ' ' + border_size + '; padding: 2 2 2 10; left: ' + question_left + '%; top: 0; width: ' + question_width + '%; height: ' + header_height + '%; background: url(' + header_bgimage + ') ' + header_bgcolor + ' fixed; visibility: visible; overflow: auto; margin: 0; padding-top: 1em;}');
	document.writeln('.question {position: absolute; border-top: solid ' + border_color + ' ' + border_size + '; ' + border_pos + ': solid ' + border_color + ' ' + border_size + '; padding: 2 2 2 10; left: ' + question_left + '%; top: ' + header_height + '%; width: ' + question_width + '%; height: ' + question_height + '%; background: url(' + question_bgimage + ') ' + question_bgcolor + ' fixed; visibility: hidden; overflow: auto; margin: 0; padding-top: 1em;}');
	document.writeln('.entry {cursor: hand; text-align: center; width: 100%; }');
	document.writeln('.navbtn {cursor: hand; margin: 0; width: 90%; }');
	document.writeln('BODY {margin: 0; overflow: hidden; width: 0; height: 0; }');
	document.writeln('.empty {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(' + question_bgimage + ') ' + question_bgcolor + ' fixed; visibility: visible; margin: 0; }');

	document.writeln('</STYLE>');

}

function WriteList() {

	if (!isIE4) return;

	// suppress the internal scroll bar - we only need 1
	document.body.scroll = "no";

	// write an entry for each question
	var iNumItems = aElements.length;

	if (iNumItems > 1) {

		// write an entry for each element
		for (i = 0; i < iNumItems; i++) {
			document.all.list.insertAdjacentHTML("BeforeEnd",aElements[i].getListEntry());
		}

		// write navigation controls
		if (enableFlagging == '1') {
			if (!bFeeback) {
				document.all.nav.insertAdjacentHTML("BeforeEnd",flagControl);
			} else {
				document.all.nav.insertAdjacentHTML("BeforeEnd",emptyControl);
			}
		}

		document.all.nav.insertAdjacentHTML("BeforeEnd",upControl);
		document.all.nav.insertAdjacentHTML("BeforeEnd",downControl);
		
		
	}

	if (bEnd) {
		document.all.nav.insertAdjacentHTML("BeforeEnd",nextControl);
	} else {
		if (bFeeback) {
			document.all.nav.insertAdjacentHTML("BeforeEnd",continueControl);
		} else {
			document.all.nav.insertAdjacentHTML("BeforeEnd",submitControl);
		}
	}

	// Hide all the questions first
	for (index = 0; index < aElements.length; index++)
	{
		aElements[index].hide();
	}

	// show the first question
	ShowElement(0);

	// set controls
	SetNav();
}


function ShowElement(index) {

	if (!isIE4) return false;

    	if (iActive == index) {
		return false;
	}

	if (aElements.length == 0) {
		return false;
	}

	if (iActive > -1) {
		aElements[iActive].hide();
	}
	aElements[index].show();

	iActive = index;

	SetNav();

	return false;
}

function SetNav() {

	if (!isIE4) return;


	if (!upButton) {
		var buttons = document.all.tags("INPUT");
		for (i = 0; i < buttons.length; i++) {
			if (buttons[i].id == ("qup")) {
				upButton = buttons[i];      
				break;
			} 
		}
	}

	if (upButton) {
		if (iActive > 0) {
			upButton.disabled = false;
			upButton.title = prevTip;
		} else {
			upButton.disabled = true;
			upButton.title = '';
		}
	} 


	if (!downButton) {
		var buttons = document.all.tags("INPUT");
		for (i = 0; i < buttons.length; i++) {
			if (buttons[i].id == ("qdown")) {
				downButton = buttons[i];      
				break;
			} 
		}
	}

	if (downButton) {
		if (iActive < (aElements.length - 1)) {
			downButton.disabled = false;
			downButton.title = nextTip;
		} else {
			downButton.disabled = true;
			downButton.title = ''; //nextOffTip;
		}
	} 

	if (!flagButton) {
		var buttons = document.all.tags("INPUT");
		for (i = 0; i < buttons.length; i++) {
			if (buttons[i].id == ("qflag")) {
				flagButton = buttons[i];      
				break;
			} 
		}
	}

	if (flagButton) {
		if (aElements[iActive].getIsQuestion()) {
			flagButton.disabled = false;
			if (aElements[iActive].getFlag()) {
				flagButton.value = unflagText;
				flagButton.title = unflagTip;
			} else {
				flagButton.value = flagText;
				flagButton.title = flagTip;
			}
		} else {
			flagButton.disabled = true;
			flagButton.value = flagText;
			flagButton.title = '';
			
		}
	}

}	

// move up the question list
function MoveUp() {
	if (iActive > 0) {
		ShowElement(iActive - 1);
		SetNav();
	} 
	
}

// move down the question list
function MoveDown() {
	if (iActive < (aElements.length - 1)) {
		ShowElement(iActive + 1);
		SetNav();
	}
	
}

// flag/unflag the current question
function Flag() {

	if (aElements[iActive].getIsQuestion()) {

		if (aElements[iActive].getFlag()) {
			aElements[iActive].setFlag(false);
		} else {
			aElements[iActive].setFlag(true);
		}

		SetNav();
	}

}

// get confirm before submitting
function DoQxQSubmit() {
	if (bSubmitted) return false;

	if (askConfirm == '0') {
		if (QMJava) {
			CheckApplets();
		} 
	}

	if (askConfirm == '1') {
		if (AllQuestionsAnswered()) {
			if (QMJava) {
				CheckApplets();
			} 
		} else {
			if (confirm(unansweredText)) {
				// check for Java questions
				if (QMJava) {
					CheckApplets();
				} 
			} else {
				return false;
			}
		}
	}

	if (askConfirm == '2') {
		// ask user to confirm
		if (confirm(confirmText)) {
			// check for Java questions
			if (QMJava) {
				CheckApplets();
			} 
		} else {
			return false;
		}
	}

	for (i = 0; i < document.forms[0].length; i++) { 
		if (document.forms[0].elements[i].type == "submit") {
			document.forms[0].elements[i].disabled = true;
		}
	}
	bSubmitted = true;

	window.setTimeout('ResetSubmit()',iSubmitTimeout * 1000);
	return true;

}

function ResetSubmit() {
	bSubmitted = false;

	for (i = 0; i < document.forms[0].length; i++) { 
		if (document.forms[0].elements[i].type == "submit") {
			document.forms[0].elements[i].disabled = false;
		}
	}
}

function AllQuestionsAnswered() {

	var bAnswered = true;

	for (i = 1; i < (aQuestions.length); i++) {
		if (!aQuestions[i].getAnswered()) {
			bAnswered = false;
			break;
		}
	}

	return bAnswered;
}

function DoChange(questionNumber,object) {
	if (!isIE4) return;

	if (aQuestions.length < 1) return;

	var answerState = true;

	// check that a text input isn't becoming empty
	if ((object.type == "text") || (object.type == "textarea")) {
		if (object.value.length == 0) {
			answerState = false;
		}	
	}
	aQuestions[questionNumber].setAnswered(answerState);
}

function DoJavaChange(questionNumber,appletName) {
	if (!isIE4) return;

	if (aQuestions.length < 1) return;

	if ((!aQuestions[questionNumber].feedback) && 
		(!aQuestions[questionNumber].answerGiven)) {
		// find the applet

		// get it's value
		var sValue = "";
		eval("sValue = document." + appletName + ".getValue()");
		
		// if non blank set answer given
		if (sValue.length > 0) {
			aQuestions[questionNumber].setAnswered(true);
		}
	
	}

}

// ****************************************
// constructor for Question object
function Question(window, id, number, index, type, feedback, score, max, answered) {
	
	if (!isIE4) return;

	this.window = window;	// window this belongs to
	this.id = id;			// question ID
	this.number = number;	// question number
	this.index = index;		// index in question array
	this.type = type;		// 'Q' question, 'E' explanation, 'B' block, 'O' outcome

	// information for feedback
	this.feedback = feedback;
	this.answered = answered;
	this.score = score;
	this.max = max;
	this.right = false;
	this.wrong = false;
	this.flagged = false;

	// information for display

	this.answerGiven = false;

	this.here = false;

	this.style = this.getDiv();

	this.viewImg = null;

	this.statusImg = null;

	this.title = "";
}

Question.prototype.setFlag = function (bFlag) { 
	this.flagged = bFlag; 

	if (this.answerGiven) {
		if (this.flagged) {
			this.setStatus(statusFlagSeen);
		} else {
			this.setStatus(statusSeen);
		}
	} else {
		if (this.flagged) {
			this.setStatus(statusFlag);
		} else {
			this.setStatus(statusUnseen);
		}
	}
}

Question.prototype.getIsQuestion = function () { return (this.type == 'Q'); }

Question.prototype.getFlag = function () { return this.flagged; }

Question.prototype.setTitle = function (sTitle) { this.title = sTitle; }

Question.prototype.getId = function () { return this.id; }

Question.prototype.getNumber = function () { return this.number; }

Question.prototype.getAnswered = function () { return this.answerGiven; }

Question.prototype.getDiv = function () {
	var div = null;

	var divs = document.all.tags("DIV");
	for (i = 0; i < divs.length; i++) {
		if (divs[i].id == this.id) {
			div = divs[i];      
			break;
		} 
	}
	if (!div) {
		alert("DIV ID=" + this.id + " not found");
	} else {
		return div.style;
	}
	return div;
}



Question.prototype.show = function () {
	this.style.visibility = "visible";
	this.seen = true;
	this.here = true;

	this.setView(viewSelect);
}

Question.prototype.hide = function () {
	this.style.visibility = "hidden";
	this.here = false;
	this.setView(viewUnselect);
}

Question.prototype.isVisible = function () {
	return this.style.visibility == "visible";
}

Question.prototype.setStatus = function (status) {

	if (!this.statusImg) {
		var imgs = document.all.tags("IMG");
		for (i = 0; i < imgs.length; i++) {
			if (imgs[i].id == ("s" + this.index)) {
				this.statusImg = imgs[i];      
				break;
			} 
		}
	}

	if (this.statusImg) {
		this.statusImg.src = imgArray[status].src;
	}
}

Question.prototype.setAnswered = function (answered) {
	if (!this.feedback) {
		if (answered) {
			if (!this.answerGiven) {
				this.answerGiven = true;
				if (this.flagged) {
					if (autoUnflag == '1') {
						this.flagged = false;
						this.setStatus(statusSeen);
					} else {
						this.setStatus(statusFlagSeen);
					}
				} else {
					this.setStatus(statusSeen);
				}
			}
		} else {
			if (this.answerGiven) {
				this.answerGiven = false;
				if (this.flagged) {
					this.setStatus(statusFlag);
				} else {
					this.setStatus(statusUnseen);
				}
			}
		}
	}
	SetNav();

}
Question.prototype.setView = function (view) {
	if (!this.viewImg) {
		var imgs = document.all.tags("IMG");
		for (i = 0; i < imgs.length; i++) {
			if (imgs[i].id == ("v" + this.index)) {
				this.viewImg = imgs[i];      
				break;
			} 
		}
	}

	if (this.viewImg) {
		this.viewImg.src = imgArray[view].src;
	}
}

Question.prototype.getListEntry = function () {
	var sListEntry = "Entry for " + this.type + " not found";

	if (this.type == 'Q') {
		return this.getQuestionEntry();
	}

	if (this.type == 'E') {
		return this.getExplainEntry();
	}

	if (this.type == 'B') {
		return this.getBlockEntry();
	}


	if (this.type == 'O') {
		return this.getOutcomeEntry();
	}
	
	return sListEntry;
}

Question.prototype.getQuestionEntry = function () {
	var sListEntry = "";

	var iImage = 0;

	var sQuestion = qListText + " " + this.number;
	var sTitle = ""

	if (this.feedback) {
		if (this.answered) {
			if (this.score == 0) {
				iImage = statusWrong;
			} else {
				if (this.score == this.max) {
					iImage = statusRight;
				} else {
					iImage = statusPart;
				}
			}
			sTitle = sQuestion + " - " + this.score + " " + outofText + " " + this.max;
		} else {
			iImage = statusUnseen;
			sTitle = sQuestion + " - " + notansweredText;
		}
	} else {
		sTitle = sQuestion;
		iImage = statusUnseen;
	}

	sListEntry = '<table CLASS="entry"><tr>';


	sListEntry += '<A HREF="" onClick="return ShowElement(';
	sListEntry += this.index;
	sListEntry += ')" ';
	sListEntry += 'TITLE="';
	sListEntry += sTitle;
	sListEntry += '">';

	// select image
	sListEntry += '<td width=33%>';
	sListEntry += '<IMG SRC="';
	sListEntry += imgArray[viewUnselect].src;
	sListEntry += '" ID="v';
	sListEntry += this.index;
	sListEntry += '">';
	sListEntry += '</td>';

	// status image
	sListEntry += '<td width=33%>';
	sListEntry += '<IMG SRC="';
	sListEntry += imgArray[iImage].src;
	sListEntry += '" ID="s';
	sListEntry += this.index;
	sListEntry += '" TITLE="';
	sListEntry += sTitle;
	sListEntry += '">';
	sListEntry += '</td>';

	// question number
	sListEntry += '<td width=33% ID="';
	sListEntry += this.index;
	sListEntry += '">';
	sListEntry += startEntry;
	sListEntry += this.number;
	sListEntry += endEntry;
	sListEntry += '</td>';

	sListEntry += '</A>';

	sListEntry += '</tr></table>';

	return sListEntry;
}

Question.prototype.getExplainEntry = function () {
	var sListEntry = "";

	sListEntry = '<table CLASS="entry"><tr>';

	sListEntry += '<A HREF="" TITLE="' + eListText + '" onClick="return ShowElement(';
	sListEntry += this.index;
	sListEntry += ')">';

	sListEntry += '<td width=33%>';
	sListEntry += '<IMG SRC="';
	sListEntry += imgArray[viewUnselect].src;
	sListEntry += '" ID="v';
	sListEntry += this.index;
	sListEntry += '">';
	sListEntry += '</td>';

	sListEntry += '<td width=33%>';
	sListEntry += '<IMG SRC="';
	sListEntry += imgArray[statusExplain].src;
	sListEntry += '" ID="s';
	sListEntry += this.index;
	sListEntry += '">';
	sListEntry += '</td>';

	sListEntry += '<td width=33% ID="';
	sListEntry += this.index;
	sListEntry += '">';
	sListEntry += ' &nbsp;';
	sListEntry += '</td>';
	
	sListEntry += '</A>';

	sListEntry += '</tr></table>';
	
	return sListEntry;
}

Question.prototype.getBlockEntry = function () {
	var sListEntry = "";

	sListEntry = '<table CLASS="entry"><tr>';


	sListEntry += '<A HREF="" onClick="return ShowElement(';
	sListEntry += this.index;
	sListEntry += ')"';
	sListEntry += 'TITLE="';
	sListEntry += this.title;
	sListEntry += '">';

	sListEntry += '<td width=33%>';
	sListEntry += '<IMG SRC="';
	sListEntry += imgArray[viewUnselect].src;
	sListEntry += '" ID="v';
	sListEntry += this.index;
	sListEntry += '">';
	sListEntry += '</td>';
	
	sListEntry += '<td width=33%>';
	sListEntry += '<IMG SRC="';
	sListEntry += imgArray[statusBlock].src;
	sListEntry += '" ID="s';
	sListEntry += this.index;
	sListEntry += '">';
	sListEntry += '</td>';

	sListEntry += '<td width=33% ID="';
	sListEntry += this.index;
	sListEntry += '">';
	sListEntry += '';
	sListEntry += '</td>';

	sListEntry += '</A>';
	sListEntry += '</tr></table>';

	return sListEntry;
}

Question.prototype.getOutcomeEntry = function () {
	var sListEntry = "";
	
	sListEntry = '<table CLASS="entry"><tr>';

	sListEntry += '<A HREF="" onClick="return ShowElement(';
	sListEntry += this.index;
	sListEntry += ')"';
	sListEntry += 'TITLE="';
	sListEntry += this.title;
	sListEntry += '">';

	sListEntry += '<td width=33%>';
	sListEntry += '<IMG SRC="';
	sListEntry += imgArray[viewUnselect].src;
	sListEntry += '" ID="v';
	sListEntry += this.index;
	sListEntry += '">';
	sListEntry += '</td>';


	sListEntry += '<td width=33%>';
	sListEntry += '<IMG SRC="';
	sListEntry += imgArray[statusSession].src;
	sListEntry += '" ID="s';
	sListEntry += this.index;
	sListEntry += '">';
	sListEntry += '</td>';

	sListEntry += '<td width=33% ID="';
	sListEntry += this.index;
	sListEntry += '">';
	sListEntry += '';
	sListEntry += '</td>';

	sListEntry += '</A>';

	sListEntry += '</tr></table>';

	return sListEntry;
}
</SCRIPT>