From ac9b112d33dabefd734bdd6c47bcf76cf678203d Mon Sep 17 00:00:00 2001
From: Julian Tenney <julian.tenney@nottingham.ac.uk>
Date: Thu, 19 Jul 2012 07:37:01 +0000
Subject: [PATCH] Bringing the SVNs in synch

git-svn-id: https://xerteonlinetoolkits.googlecode.com/svn/trunk@392 912cdd6b-5c7d-d5a7-a2ba-d0f0cdb91641
---
 .../Nottingham/models/QRcode.rlm              |  2 +-
 .../Nottingham/models/accNav.rlm              |  2 +-
 .../Nottingham/models/annotatedDiagram.rlm    |  2 +-
 .../Nottingham/models/bullets.rlm             |  2 +-
 .../Nottingham/models/cMcq.rlm                |  2 +-
 .../Nottingham/models/cRedirector.rlm         |  2 +-
 .../models/connectorHotspotImage.rlm          |  2 +-
 .../Nottingham/models/connectorPlainText.rlm  |  2 +-
 .../Nottingham/models/customHotspots.rlm      |  2 +-
 .../Nottingham/models/flickr.rlm              |  2 +-
 .../Nottingham/models/gapFill.rlm             |  2 +-
 .../Nottingham/models/hangman.rlm             |  2 +-
 .../Nottingham/models/hotspotImage.rlm        |  2 +-
 .../Nottingham/models/imageViewer.rlm         |  2 +-
 .../Nottingham/models/inventory.rlm           |  2 +-
 .../Nottingham/models/jmol.rlm                | 98 +------------------
 .../Nottingham/models/links.rlm               |  2 +-
 .../Nottingham/models/list.rlm                |  2 +-
 .../Nottingham/models/mcq.rlm                 |  2 +-
 .../Nottingham/models/menu.rlm                |  2 +-
 .../Nottingham/models/modelAnswer.rlm         |  2 +-
 .../Nottingham/models/modify.rlm              |  2 +-
 .../Nottingham/models/newWindow.rlm           |  2 +-
 .../Nottingham/models/quiz.rlm                |  2 +-
 .../Nottingham/models/rss.rlm                 |  2 +-
 .../Nottingham/models/slideshow.rlm           |  2 +-
 .../Nottingham/models/textGraphics.rlm        |  2 +-
 .../Nottingham/models/textVideo.rlm           |  2 +-
 .../Nottingham/models/videoSynch.rlm          |  2 +-
 .../Nottingham/models/wiki.rlm                |  2 +-
 30 files changed, 30 insertions(+), 126 deletions(-)

diff --git a/modules/xerte/parent_templates/Nottingham/models/QRcode.rlm b/modules/xerte/parent_templates/Nottingham/models/QRcode.rlm
index 8e38f56b33..7502564b65 100644
--- a/modules/xerte/parent_templates/Nottingham/models/QRcode.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/QRcode.rlm
@@ -1 +1 @@
-	<PG title="QR Code" name="QRCodes">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();


if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();


}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.QRcode[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

 if (pageIcon.templateData.QRcode[projPI].narration != undefined){
  narration = pageIcon.templateData.QRcode[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS h="490" w="770" tabIndex="-1" id="panel" name="panel" x="15" y="15" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[align = pageIcon.templateData.QRcode[projPI].align;
if (align == 'Left'){
panel._width = 440;
panel._height = 474;
panel._x = stageWidth - panel._width - 20;
} 
if (align == 'Right'){
panel._width = 440;
panel._height = 474;
panel._x = 20;
}




]]></SCR>
			</RES>
		</INT>
		<DIS id="myurl" name="myurl" x="0" y="0" w="400" h="10" type="text"><![CDATA[]]></DIS>
		<SCR name="loadthetext"><![CDATA[pastedurl=pageIcon.templateData.QRcode[projPI].url;

if (templatePath.indexOf('modules/xerte') == -1){
  myurl.readFile("http://is.gd/api.php?longurl="+pastedurl);
} else {
  myurl.readFile(_level0.site_url + 'rss_proxy.php?rss=' + "http://is.gd/api.php?longurl="+pastedurl);
}




]]></SCR>
		<INT name="loadurl" perpetual="0">
			<RES name="onLoad" type="event" eventName="onReadFile" icon="myurl" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on



]]></SCR>
			</RES>
		</INT>
		<SCR name="getqrcode"><![CDATA[if (templatePath.indexOf('modules/xerte') == -1){
  mytext='<a href="'+myurl.fileData+'">'+myurl.fileData+'</a>';
  qrcodelink=myurl.fileData;
  qrcodelink="http://splashurl.net/qr.png?q="+qrcodelink;
} else {
  mytext='<a href="'+myurl.fileData+'">'+myurl.fileData+'</a>';
  qrcodelink=myurl.fileData;
  qrcodelink="http://splashurl.net/qr.png?q="+qrcodelink;
}]]></SCR>
		<DIS toolTip="{pageIcon.templateData.QRcode[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="200" y="70" type="ext" url="qrcodelink"><![CDATA[{pageIcon.templateData.QRcode[projPI].tip}
]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[align = pageIcon.templateData.QRcode[projPI].align;
 p = graphic._width / graphic._height;
  maxWidth = 410;//was 465
  maxHeight = 410;
  graphic.constrain(maxWidth, maxHeight);
  
 if (align == 'Hide text' | align==undefined){
  urlX=210;
  urlY=20;
  textX = 20;
  textY = 20;
textWidth = 0;
}
if (align == 'Left'){
panel._width = graphic._width + 20;
panel._height = 474;
  panel._x = stageWidth - panel._width - 20;
  graphic._x = 360;
  urlX=370;
  urlY=20;
  textX = 20;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
} 
if (align == 'Right'){
panel._width = graphic._width + 20;
panel._height = 474;
  panel._x = 20;
  graphic._x = 30;
  urlX=30;
  urlY=20;
  textX = graphic._width + 60;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
}



]]></SCR>
			</RES>
		</INT>
		<SCR name="sound"><![CDATA[if (pageIcon.templateData.QRcode[projPI].sound != undefined){
  //check for a literal path
  sndURL = pageIcon.templateData.QRcode[projPI].sound;
  if (sndURL.indexOf('http') == 0){
    sndURL = "'" + sndURL + "'";
  }
  icon.nextSibling.attributes.controls = panel._x +',' + (panel._y+panel._height - 20) + ',' + panel._width;
} else {
  if (icon.nextSibling.nodeName == 'SND'){
    icon.nextSibling.removeNode();
  }
}
]]></SCR>
		<SND name="sound" type="ext" url="{sndURL}" play="0" loop="0" wait="0" />
		<DIS scrolling="auto" id="textBlock1" h="450" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.QRcode[projPI]}]]></DIS>
		<DIS w="600" textSize="36pt" scrolling="auto" id="textBlock" h="410" name="showurl" x="urlX" y="urlY" type="text"><![CDATA[{mytext}]]></DIS>
	</PG>
\ No newline at end of file
+	<PG title="QR Code" name="QRCodes">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();


if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();


}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.QRcode[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

 if (pageIcon.templateData.QRcode[projPI].narration != undefined){
  narration = pageIcon.templateData.QRcode[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS h="490" w="770" tabIndex="-1" id="panel" name="panel" x="15" y="15" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[align = pageIcon.templateData.QRcode[projPI].align;
if (align == 'Left'){
panel._width = 440;
panel._height = 474;
panel._x = stageWidth - panel._width - 20;
} 
if (align == 'Right'){
panel._width = 440;
panel._height = 474;
panel._x = 20;
}




]]></SCR>
			</RES>
		</INT>
		<DIS id="myurl" name="myurl" x="0" y="0" w="400" h="10" type="text"><![CDATA[]]></DIS>
		<SCR name="loadthetext"><![CDATA[pastedurl=pageIcon.templateData.QRcode[projPI].url;

if (templatePath.indexOf('modules/xerte') == -1){
  myurl.readFile("http://is.gd/api.php?longurl="+pastedurl);
} else {
  myurl.readFile(_level0.site_url + 'rss_proxy.php?rss=' + "http://is.gd/api.php?longurl="+pastedurl);
}




]]></SCR>
		<INT name="loadurl" perpetual="0">
			<RES name="onLoad" type="event" eventName="onReadFile" icon="myurl" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on



]]></SCR>
			</RES>
		</INT>
		<SCR name="getqrcode"><![CDATA[if (templatePath.indexOf('modules/xerte') == -1){
  mytext='<a href="'+myurl.fileData+'">'+myurl.fileData+'</a>';
  qrcodelink=myurl.fileData;
  qrcodelink="http://splashurl.net/qr.png?q="+qrcodelink;
} else {
  mytext='<a href="'+myurl.fileData+'">'+myurl.fileData+'</a>';
  qrcodelink=myurl.fileData;
  qrcodelink="http://splashurl.net/qr.png?q="+qrcodelink;
}]]></SCR>
		<DIS h="500" w="500" toolTip="{pageIcon.templateData.QRcode[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="200" y="70" type="ext" url="qrcodelink"><![CDATA[{pageIcon.templateData.QRcode[projPI].tip}
]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[align = pageIcon.templateData.QRcode[projPI].align;
 p = graphic._width / graphic._height;
  maxWidth = 410;//was 465
  maxHeight = 410;
  graphic.constrain(maxWidth, maxHeight);
  
 if (align == 'Hide text' | align==undefined){
  urlX=210;
  urlY=20;
  textX = 20;
  textY = 20;
textWidth = 0;
}
if (align == 'Left'){
panel._width = graphic._width + 20;
panel._height = 474;
  panel._x = stageWidth - panel._width - 20;
  graphic._x = 360;
  urlX=370;
  urlY=20;
  textX = 20;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
} 
if (align == 'Right'){
panel._width = graphic._width + 20;
panel._height = 474;
  panel._x = 20;
  graphic._x = 30;
  urlX=30;
  urlY=20;
  textX = graphic._width + 60;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
}



]]></SCR>
			</RES>
		</INT>
		<SCR name="sound"><![CDATA[if (pageIcon.templateData.QRcode[projPI].sound != undefined){
  //check for a literal path
  sndURL = pageIcon.templateData.QRcode[projPI].sound;
  if (sndURL.indexOf('http') == 0){
    sndURL = "'" + sndURL + "'";
  }
  icon.nextSibling.attributes.controls = panel._x +',' + (panel._y+panel._height - 20) + ',' + panel._width;
} else {
  if (icon.nextSibling.nodeName == 'SND'){
    icon.nextSibling.removeNode();
  }
}
]]></SCR>
		<SND name="sound" type="ext" url="{sndURL}" play="0" loop="0" wait="0" />
		<DIS scrolling="auto" id="textBlock1" h="450" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.QRcode[projPI]}]]></DIS>
		<DIS w="600" textSize="36pt" scrolling="auto" id="textBlock" h="410" name="showurl" x="urlX" y="urlY" type="text"><![CDATA[{mytext}]]></DIS>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/accNav.rlm b/modules/xerte/parent_templates/Nottingham/models/accNav.rlm
index 86997c4c6b..4ae0c2dd0b 100644
--- a/modules/xerte/parent_templates/Nottingham/models/accNav.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/accNav.rlm
@@ -1 +1 @@
-	<PG title="Accordion Navigator" name="accNav">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);

// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.accNav[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

itemCount = pageIcon.templateData.accNav[projPI].nestedPage.length);


panelWidth = pageIcon.templateData.accNav[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 150;
} else {
  panelW = 760;
  textW = 0;
}

if (pageIcon.templateData.accNav[projPI].narration != undefined){
  narration = pageIcon.templateData.accNav[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<SCR isFunc="1" name="fTogglePanes"><![CDATA[tempIndex = icon.parentNode.index();
tempY = panel._height - itemCount * 21;

for (i = 0; i < acc.customButtons.length; i++){
  if (i <= tempIndex){
    acc.customButtons[i]._y = acc.customButtons[0]._y + 21*i
  }
  if (i > tempIndex){
    acc.customButtons[i]._y = acc.customButtons[0]._y + tempY + 21*i-1;
  }
}]]></SCR>
		<DIS initObject="{_alpha: subPageAccess == true ? 20 : 100}" h="475" w="panelW" tabIndex="-1" id="panel" name="panel" x="780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="20" y="20" w="textW" type="text"><![CDATA[{pageIcon.templateData.accNav[projPI].text}]]></DIS>
		<SCR name="makeTabs"><![CDATA[if (icon.attributes.built != 'true'){
  icon.nextSibling.firstChild.duplicate(itemCount - 1);
  icon.attributes.built = 'true';
}
icon.nextSibling.firstChild.attributes.rs = 'btn1';
icon.nextSibling.lastChild.previousSibling.attributes.rs = 'initButton';]]></SCR>
		<INT id="acc" name="accInteraction" perpetual="0">
			<RES w="panelW" swf="templatePath + 'common/accordion.swf'" name="protoPane" type="button" x="panel._x" y="panel._y + icon.index() * 22" label="{pageIcon.templateData.accNav[projPI].nestedPage[icon.index()].name}" erase="1" exit="0">
				<SCR name="togglePanes"><![CDATA[fTogglePanes();
btn = icon.parentNode.getMovieClip();

if (subPageAccess == true){
  icon.nextSibling.attributes.textColour = STYLES.defaultColour;
} else {
  icon.nextSibling.attributes.textColour = '#333333';
}

gIcon = icon.parentNode.getChildByName('graphic');
if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
  if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
    gIcon.attributes.controls = '1';
  }
  if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
    gIcon.attributes.toolTip = pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].tip;
    gIcon.firstChild.nodeValue = '{' + pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].tip + '}';
  }
} else {
  gIcon.removeNode();
  icon.parentNode.getChildByName('loadGraphic&Resize').removeNode();
  textH = 413 - (22*(itemCount - 1));
}
  ]]></SCR>
				<DIS id="graphic" name="graphic" x="420" y="desc._y + desc._height + 20" type="ext" url="{pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].url}"><![CDATA[]]></DIS>
				<INT name="loadGraphic&Resize" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
						<SCR name="resize&Position"><![CDATA[graphic.constrain(panelW - 40, 300 - (22*(itemCount - 1)));
textH = 393 - (22*(itemCount - 1)) - graphic._height;

if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].initObject != undefined){
  obj = expression(pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].initObject, engine);
  graphic.clip.init(obj);
}
]]></SCR>
					</RES>
				</INT>
				<DIS scrolling="auto" textColour="#333333" id="desc" name="description" x="panel._x + 20" y="btn._y + 40" w="panelW - 40" h="textH" type="text"><![CDATA[{pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
				<SCR name="position"><![CDATA[if (pageIcon.templateData.accNav[projPI].nestedPage[acc.getPageIndex()].align == 'Bottom'){
  graphic._y = desc._y;
  desc._y = graphic._y + graphic._height + 20;
} else {
  graphic._y = desc._y + desc._height + 20;
}
graphic._x = panel._x + panel._width / 2 - graphic._width / 2;
]]></SCR>
			</RES>
			<RES name="initialise" type="event" eventName="onLoad" icon="initButton" erase="1" exit="0">
				<INT name="wait" perpetual="0">
					<RES name="initButton" type="timeLimit" secs="0.1" reset="0" erase="1" exit="0">
						<SCR name="activatePaneOne"><![CDATA[btn1.swfFile.onRelease();]]></SCR>
					</RES>
				</INT>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
+	<PG title="Accordion Navigator" name="accNav">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);

// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.accNav[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

itemCount = pageIcon.templateData.accNav[projPI].nestedPage.length);


panelWidth = pageIcon.templateData.accNav[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 150;
} else {
  panelW = 760;
  textW = 0;
}

if (pageIcon.templateData.accNav[projPI].narration != undefined){
  narration = pageIcon.templateData.accNav[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<SCR isFunc="1" name="fTogglePanes"><![CDATA[tempIndex = icon.parentNode.index();
tempY = panel._height - itemCount * 21;

for (i = 0; i < acc.customButtons.length; i++){
  if (i <= tempIndex){
    acc.customButtons[i]._y = acc.customButtons[0]._y + 21*i
  }
  if (i > tempIndex){
    acc.customButtons[i]._y = acc.customButtons[0]._y + tempY + 21*i-1;
  }
}
]]></SCR>
		<DIS initObject="{_alpha: subPageAccess == true ? 20 : 100}" h="475" w="panelW" tabIndex="-1" id="panel" name="panel" x="780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="20" y="20" w="textW" type="text"><![CDATA[{pageIcon.templateData.accNav[projPI].text}]]></DIS>
		<SCR name="makeTabs"><![CDATA[if (icon.attributes.built != 'true'){
  icon.nextSibling.firstChild.duplicate(itemCount - 1);
  icon.attributes.built = 'true';
}
icon.nextSibling.firstChild.attributes.rs = 'btn1';
icon.nextSibling.lastChild.previousSibling.attributes.rs = 'initButton';]]></SCR>
		<INT id="acc" name="accInteraction" perpetual="0">
			<RES w="panelW" swf="templatePath + 'common/accordion.swf'" name="protoPane" type="button" x="panel._x" y="panel._y + icon.index() * 22" label="{pageIcon.templateData.accNav[projPI].nestedPage[icon.index()].name}" erase="1" exit="0">
				<SCR name="togglePanes"><![CDATA[fTogglePanes();
btn = icon.parentNode.getMovieClip();

if (subPageAccess == true){
  icon.nextSibling.attributes.textColour = STYLES.defaultColour;
} else {
  icon.nextSibling.attributes.textColour = '#333333';
}

gIcon = icon.parentNode.getChildByName('graphic');
if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
  if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
    gIcon.attributes.controls = '1';
  }
  if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
    gIcon.attributes.toolTip = pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].tip;
    gIcon.firstChild.nodeValue = '{' + pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].tip + '}';
  }
} else {
  gIcon.removeNode();
  icon.parentNode.getChildByName('loadGraphic&Resize').removeNode();
  textH = 413 - (22*(itemCount - 1));
}
  ]]></SCR>
				<DIS id="graphic" name="graphic" x="420" y="desc._y + desc._height + 20" type="ext" url="{pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].url}"><![CDATA[]]></DIS>
				<INT name="loadGraphic&Resize" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
						<SCR name="resize&Position"><![CDATA[graphic.constrain(panelW - 40, 300 - (22*(itemCount - 1)));
textH = 393 - (22*(itemCount - 1)) - graphic._height;

if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].initObject != undefined){
  obj = expression(pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].initObject, engine);
  graphic.clip.init(obj);
}
]]></SCR>
					</RES>
				</INT>
				<DIS scrolling="auto" textColour="#333333" id="desc" name="description" x="panel._x + 20" y="btn._y + 40" w="panelW - 40" h="textH" type="text"><![CDATA[{pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
				<SCR name="position"><![CDATA[if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
  if (pageIcon.templateData.accNav[projPI].nestedPage[acc.getPageIndex()].align == 'Bottom'){
    graphic._y = desc._y;
    desc._y = graphic._y + graphic._height + 20;
  } else {
    graphic._y = desc._y + desc._height + 20;
  }
  graphic._x = panel._x + panel._width / 2 - graphic._width / 2;
}
]]></SCR>
			</RES>
			<RES name="initialise" type="event" eventName="onLoad" icon="initButton" erase="1" exit="0">
				<INT name="wait" perpetual="0">
					<RES name="initButton" type="timeLimit" secs="0.1" reset="0" erase="1" exit="0">
						<SCR name="activatePaneOne"><![CDATA[btn1.swfFile.onRelease();]]></SCR>
					</RES>
				</INT>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/annotatedDiagram.rlm b/modules/xerte/parent_templates/Nottingham/models/annotatedDiagram.rlm
index b2f13adabb..5ed387dfb1 100644
--- a/modules/xerte/parent_templates/Nottingham/models/annotatedDiagram.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/annotatedDiagram.rlm
@@ -1 +1 @@
-	<PG title="Annotated Diagram" name="annotatedDiagram">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.annotatedDiagram[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  


currentIndex = -1;

col = pageIcon.templateData.annotatedDiagram[projPI].colour;

if (pageIcon.templateData.annotatedDiagram[projPI].narration != undefined){
  narration = pageIcon.templateData.annotatedDiagram[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS h="474" w="760" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<SCR name="makeLabels"><![CDATA[hsCount = pageIcon.templateData.annotatedDiagram[projPI].hotspot.length;
if (!hsCount > 0){
  hsCount = 0;
}

if (icon.attributes.built != "true"){
  //build hotspots
  if (hsCount > 0){
    icon.nextSibling.getChildByName('protoLabel').duplicate(pageIcon.templateData.annotatedDiagram[projPI].hotspot.length - 1);
  } else {
    icon.nextSibling.getChildByName('protoLabel').removeNode();
  }

  //build hotspotGroups
  if (pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup.length > 0){
    icon.nextSibling.getChildByName('protoGroupLabel').duplicate(pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup.length - 1);
  } else {
    icon.nextSibling.getChildByName('protoGroupLabel').removeNode();
  }

}
icon.attributes.built = "true";

hsData = pageIcon.templateData.annotatedDiagram[projPI];
shape = pageIcon.templateData.annotatedDiagram[projPI].shape;

]]></SCR>
		<DEC id="labels" name="imageAndLabels" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG id="imagePage" name="image">
				<DIS toolTip="{pageIcon.templateData.annotatedDiagram[projPI].tip}" id="graphic" name="graphic" x="260" y="30" type="ext" url="{pageIcon.templateData.annotatedDiagram[projPI].url}"><![CDATA[]]></DIS>
				<DIS id="drawing" name="drawing" x="0" y="0" w="400" h="10" type="text"><![CDATA[]]></DIS>
				<INT id="graphicLoader" name="graphicLoader" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
						<SCR name="resize"><![CDATA[//resize the image if it's too big or too wide
if (pageIcon.templateData.annotatedDiagram[projPI].align != 'Top'){  
  p = graphic._width / graphic._height;
  maxWidth = 500;
  maxHeight = 454;
  scale = 1;
  initHeight = graphic._height;
  initWidth = graphic._width;
  
  graphic.constrain(maxWidth, maxHeight);
  
  scale = graphic._width / initWidth;
  
  graphic._x = 770 - graphic._width;
  textY = 30;
  textW = 800 - graphic._width - 80;
 
} else { //top layout

  p = graphic._width / graphic._height;
  maxWidth = 740;
  maxHeight = 250;
  scale = 1;
  initHeight = graphic._height;
  initWidth = graphic._width;
  
  graphic.constrain(maxWidth, maxHeight);
  
  scale = graphic._width / initWidth;
  
  graphic._x = 770 - graphic._width;
  textY = graphic._height + 50;
  textW = 260;
}]]></SCR>
					</RES>
				</INT>
				<DIS textColour="#333333" id="introTxt" h="10" name="text" x="30" y="textY" w="textW" type="text"><![CDATA[{pageIcon.templateData.annotatedDiagram[projPI].text}]]></DIS>
				<SCR name="initNextY"><![CDATA[nextY = introTxt._y + introTxt._height + 10;]]></SCR>
			</PG>
			<PG name="protoLabel">
				<SCR name="setID"><![CDATA[icon.nextSibling.attributes.id = 'lbl' + labels.getPageIndex();
icon.parentNode.lastChild.firstChild.attributes.icon = 'lbl' + labels.getPageIndex();
]]></SCR>
				<DIS textColour="#000000" id="lbl" name="label" x="30" y="nextY" w="200" h="10" type="text"><![CDATA[{'<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[icon.parentNode.index() - 1].name + '</b>'}]]></DIS>
				<SCR name="nextY"><![CDATA[nextY += engine['lbl' + labels.getPageIndex()]._height;]]></SCR>
				<INT name="clickHandler" perpetual="1">
					<RES name="showInfo" type="event" eventName="onRelease" icon="lbl" erase="1" exit="0">
						<SCR name="showInfo"><![CDATA[nfo.removeMovieClip();
currentIndex = labels.getPageIndex() - 1;
tempLbl.clear();

if (pageIcon.templateData.annotatedDiagram[projPI].align != 'Top'){  
  nfoX = 30;
  nfoY = nextY + 20;
  nfoW = textW - 10;
  nfoH = 489 - nextY - 30;
  pX = textW;
} else {
  nfoX = textW + 50;
  nfoY = graphic._height + 50;
  nfoW = 450;
  nfoH = 514 - 90 - graphic._height;
  pX = textW / 2;
}





]]></SCR>
						<DIS scrolling="auto" textColour="#333333" id="nfo" name="information" x="nfoX" y="nfoY" w="nfoW" h="nfoH" type="text"><![CDATA[{'<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].name + '</b><br>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].text}]]></DIS>
						<SCR name="showInfo"><![CDATA[//nfo.setText('<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].name + '</b><br>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].text);
nfo.clear();
nfo.beginFill(0xFFFFCC,100);
nfo.lineStyle(0,0x666666,100);
nfo.drawRect(-5, -5, nfoW + 10, 489 - nfo._y);
nfo.fade('in', 0.3, 'None', 'easeNone',2);

tempLbl = eval(icon.parentNode.attributes.icon);
tempLbl.beginFill(col,60);
tempLbl.drawRect(0,0,textW,20);

destX = graphic._x + (Number(hsData.hotspot[currentIndex].x) + Number(hsData.hotspot[currentIndex].w) / 2) * scale;
destY = graphic._y + (Number(hsData.hotspot[currentIndex].y) + Number(hsData.hotspot[currentIndex].h) / 2) * scale;
destW = scale*(Number(hsData.hotspot[currentIndex].w) / 2);
destH = scale*(Number(hsData.hotspot[currentIndex].h) / 2);

drawing.clear();
drawing.lineStyle(2,col,100);

if (pageIcon.templateData.annotatedDiagram[projPI].align != 'Top'){  
  pX = tempLbl._x + tempLbl._width;
} else {
  px = (tempLbl._x + tempLbl._width) / 2;
}
drawing.moveTo(pX,tempLbl._y + 10);

if (shape == "Oval"){
  drawing.drawOval(destX,destY,destW,destH);
} else if (shape == "Rectangle"){
  drawing.drawRect(destX - destW, destY - destH, destW*2,destH*2);
} else if (shape == "Arrow"){
  drawing.beginFill(col,100);
  drawing.arrowTo(tempLbl._x + tempLbl._width,tempLbl._y + 10,destX,destY);
} else {
  drawing.lineTo(destX,destY);
}





]]></SCR>
					</RES>
				</INT>
			</PG>
			<PG name="protoGroupLabel">
				<SCR name="setID"><![CDATA[icon.nextSibling.attributes.id = 'lbl' + labels.getPageIndex();
icon.parentNode.lastChild.firstChild.attributes.icon = 'lbl' + labels.getPageIndex();

tempVar = icon.parentNode.index() - 1 - hsCount;
//debug(tempVar);]]></SCR>
				<DIS textColour="#000000" id="lbl" name="label" x="30" y="nextY" w="200" h="10" type="text"><![CDATA[{'<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup[tempVar].name + '</b>'}]]></DIS>
				<SCR name="nextY"><![CDATA[nextY += engine['lbl' + labels.getPageIndex()]._height;]]></SCR>
				<INT name="clickHandler" perpetual="1">
					<RES name="showInfo" type="event" eventName="onRelease" icon="lbl" erase="1" exit="0">
						<SCR name="showInfo"><![CDATA[currentIndex = labels.getPageIndex() - 1 - hsCount;
tempLbl.clear();
nfo.removeMovieClip();

if (pageIcon.templateData.annotatedDiagram[projPI].align != 'Top'){  
  nfoX = 30;
  nfoY = nextY + 20;
  nfoW = textW - 10;
  nfoH = 489 - nextY - 30;
  pX = textW;
} else {
  nfoX = textW + 50;
  nfoY = graphic._height + 50;
  nfoW = 450;
  nfoH = 514 - 90 - graphic._height;
  pX = textW / 2;
}

]]></SCR>
						<DIS scrolling="auto" textColour="#333333" id="nfo" name="information" x="nfoX" y="nfoY" w="nfoW" h="nfoH" type="text"><![CDATA[{'<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].name + '</b><br>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].text}]]></DIS>
						<SCR name="[Untitled]"><![CDATA[nfo.setText('<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup[currentIndex].name + '</b><br>' + pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup[currentIndex].text);
nfo.clear();
nfo.beginFill(0xFFFFCC,100);
nfo.lineStyle(0,0x666666,100);
nfo.drawRect(-5, -5, nfoW + 10, 489 - nfo._y);
nfo.fade('in', 0.3, 'None', 'easeNone',2);

tempLbl = eval(icon.parentNode.attributes.icon);
tempLbl.beginFill(col,60);
tempLbl.drawRect(0,0,textW,20);

drawing.clear();
drawing.lineStyle(2,col,100);

groupData = pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup[currentIndex];
for (i = 0; i < groupData.hotspot.length; i++){
  
  destX = graphic._x + (Number(groupData.hotspot[i].x) + Number(groupData.hotspot[i].w) / 2) * scale;
  destY = graphic._y + (Number(groupData.hotspot[i].y) + Number(groupData.hotspot[i].h) / 2) * scale;
  destW = scale*(Number(groupData.hotspot[i].w) / 2);
  destH = scale*(Number(groupData.hotspot[i].h) / 2);

  if (pageIcon.templateData.annotatedDiagram[projPI].align != 'Top'){  
    pX = tempLbl._x + tempLbl._width;
  } else {
    px = (tempLbl._x + tempLbl._width) / 2;
  }
  drawing.moveTo(pX,tempLbl._y + 10);
  
  if (shape == "Oval"){
    drawing.drawOval(destX,destY,destW,destH);
  } else if (shape == "Rectangle"){
    drawing.drawRect(destX - destW, destY - destH, destW*2,destH*2);
  } else if (shape == "Arrow"){
    drawing.beginFill(col,100);
    drawing.arrowTo(tempLbl._x + tempLbl._width,tempLbl._y + 10,destX,destY);
  } else {
    drawing.lineTo(destX,destY);
  }
}





]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
	</PG>
\ No newline at end of file
+	<PG title="Annotated Diagram" name="annotatedDiagram">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.annotatedDiagram[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  


currentIndex = -1;

col = pageIcon.templateData.annotatedDiagram[projPI].colour;

if (pageIcon.templateData.annotatedDiagram[projPI].narration != undefined){
  narration = pageIcon.templateData.annotatedDiagram[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS h="474" w="760" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<SCR name="makeLabels"><![CDATA[hsCount = pageIcon.templateData.annotatedDiagram[projPI].hotspot.length;
if (!hsCount > 0){
  hsCount = 0;
}

if (icon.attributes.built != "true"){
  //build hotspots
  if (hsCount > 0){
    icon.nextSibling.getChildByName('protoLabel').duplicate(pageIcon.templateData.annotatedDiagram[projPI].hotspot.length - 1);
  } else {
    icon.nextSibling.getChildByName('protoLabel').removeNode();
  }

  //build hotspotGroups
  if (pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup.length > 0){
    icon.nextSibling.getChildByName('protoGroupLabel').duplicate(pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup.length - 1);
  } else {
    icon.nextSibling.getChildByName('protoGroupLabel').removeNode();
  }

}
icon.attributes.built = "true";

hsData = pageIcon.templateData.annotatedDiagram[projPI];
shape = pageIcon.templateData.annotatedDiagram[projPI].shape;

]]></SCR>
		<DEC id="labels" name="imageAndLabels" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG id="imagePage" name="image">
				<DIS toolTip="{pageIcon.templateData.annotatedDiagram[projPI].tip}" id="graphic" name="graphic" x="260" y="30" type="ext" url="{pageIcon.templateData.annotatedDiagram[projPI].url}"><![CDATA[]]></DIS>
				<DIS id="drawing" name="drawing" x="0" y="0" w="400" h="10" type="text"><![CDATA[]]></DIS>
				<INT id="graphicLoader" name="graphicLoader" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
						<SCR name="resize"><![CDATA[//resize the image if it's too big or too wide
if (pageIcon.templateData.annotatedDiagram[projPI].align != 'Top'){  
  p = graphic._width / graphic._height;
  maxWidth = 500;
  maxHeight = 454;
  scale = 1;
  initHeight = graphic._height;
  initWidth = graphic._width;
  
  graphic.constrain(maxWidth, maxHeight);
  
  scale = graphic._width / initWidth;
  
  graphic._x = 770 - graphic._width;
  textY = 30;
  textW = 800 - graphic._width - 80;
 
} else { //top layout

  p = graphic._width / graphic._height;
  maxWidth = 740;
  maxHeight = 250;
  scale = 1;
  initHeight = graphic._height;
  initWidth = graphic._width;
  
  graphic.constrain(maxWidth, maxHeight);
  
  scale = graphic._width / initWidth;
  
  graphic._x = 400 - graphic._width / 2;
  textY = graphic._height + 50;
  textW = 260;
}]]></SCR>
					</RES>
				</INT>
				<DIS textColour="#333333" id="introTxt" h="10" name="text" x="30" y="textY" w="textW" type="text"><![CDATA[{pageIcon.templateData.annotatedDiagram[projPI].text}]]></DIS>
				<SCR name="initNextY"><![CDATA[nextY = introTxt._y + introTxt._height + 10;]]></SCR>
			</PG>
			<PG name="protoLabel">
				<SCR name="setID"><![CDATA[icon.nextSibling.attributes.id = 'lbl' + labels.getPageIndex();
icon.parentNode.lastChild.firstChild.attributes.icon = 'lbl' + labels.getPageIndex();
]]></SCR>
				<DIS textColour="#000000" id="lbl" name="label" x="30" y="nextY" w="200" h="10" type="text"><![CDATA[{'<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[icon.parentNode.index() - 1].name + '</b>'}]]></DIS>
				<SCR name="nextY"><![CDATA[nextY += engine['lbl' + labels.getPageIndex()]._height;]]></SCR>
				<INT name="clickHandler" perpetual="1">
					<RES name="showInfo" type="event" eventName="onRelease" icon="lbl" erase="1" exit="0">
						<SCR name="showInfo"><![CDATA[nfo.removeMovieClip();
currentIndex = labels.getPageIndex() - 1;
tempLbl.clear();

if (pageIcon.templateData.annotatedDiagram[projPI].align != 'Top'){  
  nfoX = 30;
  nfoY = nextY + 20;
  nfoW = textW - 10;
  nfoH = 489 - nextY - 30;
  pX = textW;
} else {
  nfoX = textW + 50;
  nfoY = graphic._height + 50;
  nfoW = 450;
  nfoH = 514 - 90 - graphic._height;
  pX = textW / 2;
}





]]></SCR>
						<DIS scrolling="auto" textColour="#333333" id="nfo" name="information" x="nfoX" y="nfoY" w="nfoW" h="nfoH" type="text"><![CDATA[{'<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].name + '</b><br>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].text}]]></DIS>
						<SCR name="showInfo"><![CDATA[//nfo.setText('<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].name + '</b><br>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].text);
nfo.clear();
nfo.beginFill(0xFFFFCC,100);
nfo.lineStyle(0,0x666666,100);
nfo.drawRect(-5, -5, nfoW + 10, 489 - nfo._y);
nfo.fade('in', 0.3, 'None', 'easeNone',2);

tempLbl = eval(icon.parentNode.attributes.icon);
tempLbl.beginFill(col,60);
tempLbl.drawRect(0,0,textW,20);

destX = graphic._x + (Number(hsData.hotspot[currentIndex].x) + Number(hsData.hotspot[currentIndex].w) / 2) * scale;
destY = graphic._y + (Number(hsData.hotspot[currentIndex].y) + Number(hsData.hotspot[currentIndex].h) / 2) * scale;
destW = scale*(Number(hsData.hotspot[currentIndex].w) / 2);
destH = scale*(Number(hsData.hotspot[currentIndex].h) / 2);

drawing.clear();
drawing.lineStyle(2,col,100);

if (pageIcon.templateData.annotatedDiagram[projPI].align != 'Top'){  
  pX = tempLbl._x + tempLbl._width;
} else {
  px = (tempLbl._x + tempLbl._width) / 2;
}
drawing.moveTo(pX,tempLbl._y + 10);

if (shape == "Oval"){
  drawing.drawOval(destX,destY,destW,destH);
} else if (shape == "Rectangle"){
  drawing.drawRect(destX - destW, destY - destH, destW*2,destH*2);
} else if (shape == "Arrow"){
  drawing.beginFill(col,100);
  drawing.arrowTo(tempLbl._x + tempLbl._width,tempLbl._y + 10,destX,destY);
} else {
  drawing.lineTo(destX,destY);
}





]]></SCR>
					</RES>
				</INT>
			</PG>
			<PG name="protoGroupLabel">
				<SCR name="setID"><![CDATA[icon.nextSibling.attributes.id = 'lbl' + labels.getPageIndex();
icon.parentNode.lastChild.firstChild.attributes.icon = 'lbl' + labels.getPageIndex();

tempVar = icon.parentNode.index() - 1 - hsCount;
//debug(tempVar);]]></SCR>
				<DIS textColour="#000000" id="lbl" name="label" x="30" y="nextY" w="200" h="10" type="text"><![CDATA[{'<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup[tempVar].name + '</b>'}]]></DIS>
				<SCR name="nextY"><![CDATA[nextY += engine['lbl' + labels.getPageIndex()]._height;]]></SCR>
				<INT name="clickHandler" perpetual="1">
					<RES name="showInfo" type="event" eventName="onRelease" icon="lbl" erase="1" exit="0">
						<SCR name="showInfo"><![CDATA[currentIndex = labels.getPageIndex() - 1 - hsCount;
tempLbl.clear();
nfo.removeMovieClip();

if (pageIcon.templateData.annotatedDiagram[projPI].align != 'Top'){  
  nfoX = 30;
  nfoY = nextY + 20;
  nfoW = textW - 10;
  nfoH = 489 - nextY - 30;
  pX = textW;
} else {
  nfoX = textW + 50;
  nfoY = graphic._height + 50;
  nfoW = 450;
  nfoH = 514 - 90 - graphic._height;
  pX = textW / 2;
}

]]></SCR>
						<DIS scrolling="auto" textColour="#333333" id="nfo" name="information" x="nfoX" y="nfoY" w="nfoW" h="nfoH" type="text"><![CDATA[{'<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].name + '</b><br>' + pageIcon.templateData.annotatedDiagram[projPI].hotspot[currentIndex].text}]]></DIS>
						<SCR name="[Untitled]"><![CDATA[nfo.setText('<b>' + pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup[currentIndex].name + '</b><br>' + pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup[currentIndex].text);
nfo.clear();
nfo.beginFill(0xFFFFCC,100);
nfo.lineStyle(0,0x666666,100);
nfo.drawRect(-5, -5, nfoW + 10, 489 - nfo._y);
nfo.fade('in', 0.3, 'None', 'easeNone',2);

tempLbl = eval(icon.parentNode.attributes.icon);
tempLbl.beginFill(col,60);
tempLbl.drawRect(0,0,textW,20);

drawing.clear();
drawing.lineStyle(2,col,100);

groupData = pageIcon.templateData.annotatedDiagram[projPI].hotspotGroup[currentIndex];
for (i = 0; i < groupData.hotspot.length; i++){
  
  destX = graphic._x + (Number(groupData.hotspot[i].x) + Number(groupData.hotspot[i].w) / 2) * scale;
  destY = graphic._y + (Number(groupData.hotspot[i].y) + Number(groupData.hotspot[i].h) / 2) * scale;
  destW = scale*(Number(groupData.hotspot[i].w) / 2);
  destH = scale*(Number(groupData.hotspot[i].h) / 2);

  if (pageIcon.templateData.annotatedDiagram[projPI].align != 'Top'){  
    pX = tempLbl._x + tempLbl._width;
  } else {
    px = (tempLbl._x + tempLbl._width) / 2;
  }
  drawing.moveTo(pX,tempLbl._y + 10);
  
  if (shape == "Oval"){
    drawing.drawOval(destX,destY,destW,destH);
  } else if (shape == "Rectangle"){
    drawing.drawRect(destX - destW, destY - destH, destW*2,destH*2);
  } else if (shape == "Arrow"){
    drawing.beginFill(col,100);
    drawing.arrowTo(tempLbl._x + tempLbl._width,tempLbl._y + 10,destX,destY);
  } else {
    drawing.lineTo(destX,destY);
  }
}





]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/bullets.rlm b/modules/xerte/parent_templates/Nottingham/models/bullets.rlm
index f13ef81e98..7d0b633ed8 100644
--- a/modules/xerte/parent_templates/Nottingham/models/bullets.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/bullets.rlm
@@ -1 +1 @@
-	<PG title="Bullets" name="Bullets">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}	
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.bullets[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

if (pageIcon.templateData.bullets[projPI].delaySecs != undefined){
  delaySecs = parseInt(pageIcon.templateData.bullets[projPI].delaySecs) / 10;
} else {
  delaySecs = "0.1"; // original page has no delay
}

if (pageIcon.templateData.bullets[projPI].showBullets != undefined){
  showBullets = pageIcon.templateData.bullets[projPI].showBullets;
} else {
  showBullets = "0"; // to be consistent with original bullets page
}

if (pageIcon.templateData.bullets[projPI].showPanel != undefined){
  showPanel = pageIcon.templateData.bullets[projPI].showPanel;
} else {
  showPanel = "0"; // to be consistent with original bullets page
}

if (pageIcon.templateData.bullets[projPI].panelWidth != undefined){
  panelWidth = pageIcon.templateData.bullets[projPI].panelWidth;
} else {
  panelWidth = "Large";
}


if (panelWidth == "Small"){
  panelW = 300;
} else if (panelWidth == "Medium"){
  panelW = 450;
} else if (panelWidth == "Large"){
  panelW = 600;
} else {
  panelW = 760;
}
textW = panelW - 20;






if (pageIcon.templateData.bullets[projPI].narration != undefined){
  narration = pageIcon.templateData.bullets[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS h="474" w="panelW" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<SCR name="panel and bullet setup"><![CDATA[// bullets = pageIcon.templateData.bullets[projPI].split('\r\r');
bullets = pageIcon.templateData.bullets[projPI].split('\r');

if (icon.attributes.built != 'true'){
  icon.nextSibling.firstChild.duplicate(bullets.length - 1);
  icon.attributes.built = 'true';
}

if (showPanel == "1"){
  panel._visible = true;
  nextY = 25;
} else {
  panel._visible = false;
  nextY = 20;
}]]></SCR>
		<DEC name="bullets" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG name="protoBullet">
				<DIS id="b" transition="wipe('in',0.3,'None','easeNone',4)" scrolling="auto" name="bullet" x="20" y="nextY" w="textW" h="475" type="text"><![CDATA[{bullets[icon.parentNode.index()]}]]></DIS>
				<SCR name="getNextY"><![CDATA[// set up current bullet
{bullets[icon.parentNode.index()]}
if (showBullets == "1"){
  b.setText("<li>" + bullets[icon.parentNode.index()] + "</li>");
} else {
  b.setText(bullets[icon.parentNode.index()]);
}
// set up y for next bullet
nextY = b._y + b._height + 10;]]></SCR>
				<INT name="pause" perpetual="0">
					<RES name="onMotionFinished" type="event" eventName="onMotionFinished" icon="b" erase="1" exit="1">
						<SCR name="exit"><![CDATA[//nothing to see here]]></SCR>
						<INT name="Timer" perpetual="0">
							<RES name="Time delay" type="timeLimit" secs="delaySecs" reset="0" erase="1" exit="1">
								<SCR name="Another exit"><![CDATA[// carry on]]></SCR>
							</RES>
						</INT>
					</RES>
				</INT>
			</PG>
		</DEC>
	</PG>
\ No newline at end of file
+	<PG title="Bullets" name="Bullets">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}	
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.bullets[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

if (pageIcon.templateData.bullets[projPI].delaySecs != undefined){
  delaySecs = parseFloat(pageIcon.templateData.bullets[projPI].delaySecs);
} else {
  delaySecs = "0.1"; // original page has no delay
}

if (pageIcon.templateData.bullets[projPI].showBullets != undefined){
  showBullets = pageIcon.templateData.bullets[projPI].showBullets;
} else {
  showBullets = "0"; // to be consistent with original bullets page
}

if (pageIcon.templateData.bullets[projPI].showPanel != undefined){
  showPanel = pageIcon.templateData.bullets[projPI].showPanel;
} else {
  showPanel = "0"; // to be consistent with original bullets page
}

if (pageIcon.templateData.bullets[projPI].panelWidth != undefined){
  panelWidth = pageIcon.templateData.bullets[projPI].panelWidth;
} else {
  panelWidth = "Large";
}


if (panelWidth == "Small"){
  panelW = 300;
} else if (panelWidth == "Medium"){
  panelW = 450;
} else if (panelWidth == "Large"){
  panelW = 600;
} else {
  panelW = 760;
}
textW = panelW - 20;






if (pageIcon.templateData.bullets[projPI].narration != undefined){
  narration = pageIcon.templateData.bullets[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS h="474" w="panelW" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<SCR name="panel and bullet setup"><![CDATA[// bullets = pageIcon.templateData.bullets[projPI].split('\r\r');
bullets = pageIcon.templateData.bullets[projPI].split('\r');

if (icon.attributes.built != 'true'){
  icon.nextSibling.firstChild.duplicate(bullets.length - 1);
  icon.attributes.built = 'true';
}

if (showPanel == "1"){
  panel._visible = true;
  nextY = 25;
} else {
  panel._visible = false;
  nextY = 20;
}]]></SCR>
		<DEC name="bullets" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG name="protoBullet">
				<DIS id="b" transition="wipe('in',0.3,'None','easeNone',4)" scrolling="auto" name="bullet" x="20" y="nextY" w="textW" h="475" type="text"><![CDATA[{bullets[icon.parentNode.index()]}]]></DIS>
				<SCR name="getNextY"><![CDATA[// set up current bullet
{bullets[icon.parentNode.index()]}
if (showBullets == "1"){
  b.setText("<li>" + bullets[icon.parentNode.index()] + "</li>");
} else {
  b.setText(bullets[icon.parentNode.index()]);
}
// set up y for next bullet
nextY = b._y + b._height + 10;]]></SCR>
				<INT name="pause" perpetual="0">
					<RES name="onMotionFinished" type="event" eventName="onMotionFinished" icon="b" erase="1" exit="1">
						<SCR name="exit"><![CDATA[//nothing to see here]]></SCR>
						<INT name="Timer" perpetual="0">
							<RES name="Time delay" type="timeLimit" secs="delaySecs" reset="0" erase="1" exit="1">
								<SCR name="Another exit"><![CDATA[// carry on]]></SCR>
							</RES>
						</INT>
					</RES>
				</INT>
			</PG>
		</DEC>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/cMcq.rlm b/modules/xerte/parent_templates/Nottingham/models/cMcq.rlm
index 1670f20b9d..e9f74e213a 100644
--- a/modules/xerte/parent_templates/Nottingham/models/cMcq.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/cMcq.rlm
@@ -1 +1 @@
-	<PG title="Multiple Choice Connector" name="Connector MCQ">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){
// Page Wizard 
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // routed pages only
  pageID_array = new Array();
  pageTitle_array = new Array();
  
  for (i = 0; i < rootIcon.pages.length; i++){
    pageID_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.pageID);
    pageTitle_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.name);
  }
  navOffset = 0;  
  
} else {  // Toolkits  
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

  
  // routed pages only
  pageID_array = new Array(); 
  pageTitle_array = new Array();
 
  for (i = 0; i < extXML.firstChild.childNodes.length; i++){
    pageID_array.push(extXML.firstChild.childNodes[i].attributes.pageID);
    pageTitle_array.push(extXML.firstChild.childNodes[i].attributes.name);
  }
  navOffset = pgOffset - 1;  
}
  rootIcon.setTitleText(templateData.learningObject[0].name);

// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.cMcq[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}   
]]></SCR>
		<SCR id="fnSetNavigation" isFunc="1" name="fnSetNavigation"><![CDATA[// next button and continue button
if (nextSet != undefined){
  rootIcon.nextBtn.setEnabled(nextSet);
  rootIcon.contButton.setEnabled(nextSet);	
}
// back button
if (backSet != undefined){
	  rootIcon.backBtn.setEnabled(backSet);
}
// table of contents
if (tocSet != undefined){
	  rootIcon.tocBtn.setEnabled(tocSet);
}

]]></SCR>
		<SCR isFunc="1" id="fnListToClipboard" name="fnListToClipboard"><![CDATA[// outputs a list of page titles and page ids to the clipboard
clipBoardText = "";
if (reportStyle == "text"){
  for (i = 0; i < pageID_array.length; i++){  
   // output a list of titles and pageIDs
    clipBoardText = clipBoardText + pageLabel + " " + (i + 1) + " " + titleLabel + " " + pageTitle_array[i] + " | " + idLabel + " " + pageID_array[i] + chr(13) + chr(10);
  }
  System.setClipboard(clipBoardText);
} else if (reportStyle == "html"){

// html version
clipBoardText = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<html><head><title>' + reportTitle + '</title></head><body>';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<table border="1" cellpadding="5">' + chr(13) + chr(10);
clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + pageLabel + '</td><td bgcolor="lightgreen">' + titleLabel + '</td><td bgcolor="lightblue">' + idLabel + '</td></tr>' + chr(13) + chr(10);
  for (i = 0; i < pageID_array.length; i++){  
    clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + (i + 1) + '</td><td bgcolor="lightgreen">' + pageTitle_array[i] + '</td><td bgcolor="lightblue">' + pageID_array[i]  + '</td></tr>' + chr(13) + chr(10);
  }
  clipBoardText = clipBoardText + '</table></body></html>' + chr(13) + chr(10);
  System.setClipboard(clipBoardText);
} else {
  // do nothing
}
]]></SCR>
		<SCR name="set up"><![CDATA[reportTitle = pageIcon.templateData.cMcq[projPI].reportTitle;
pageLabel = pageIcon.templateData.cMcq[projPI].pageLabel;
titleLabel = pageIcon.templateData.cMcq[projPI].titleLabel;
idLabel = pageIcon.templateData.cMcq[projPI].idLabel;
notFoundMessage = pageIcon.templateData.cMcq[projPI].notFoundMessage;
notSetMessage = pageIcon.templateData.cMcq[projPI].notSetMessage;

// set text strings
confirmBtnTxt = pageIcon.templateData.cMcq[projPI].confirmBtnTxt;
confirmBtnTip = pageIcon.templateData.cMcq[projPI].confirmBtnTip;
if (pageIcon.templateData.cMcq[projPI].confirmBtnWidth != undefined){
  confirmBtnWidth = pageIcon.templateData.cMcq[projPI].confirmBtnWidth;
} else {
  confirmBtnWidth = "100";
}
		
align = pageIcon.templateData.cMcq[projPI].align;

if (templateData.learningObject[0].authorSupport == "true"){
  pageMode = "development";
} else {
  pageMode = "live";
}  

if ((pageMode == "development") && (pageIcon.templateData.cMcq[projPI].listToClip != undefined)){
  reportStyle = pageIcon.templateData.cMcq[projPI].listToClip;
  fnListToClipboard();
}

// set navigation to be used by destination page
  nextState = 1;
  backState = 1;
  tocState = 1;

// configure navigation settings for this page;
if (pageIcon.templateData.cMcq[projPI].pageNav == "none"){
  nextSet = 0;
  backSet = 0;
  tocSet = 0;
} else {
// all
  nextSet = 1;
  backSet = 1;
  tocSet = 1;
}

// action navigation settings
fnSetNavigation();

panelWidth = pageIcon.templateData.cMcq[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 140;
} else {
  panelW = 760;
  textW = 0;
}


if (rootIcon.getProperty('visuals') == "1") {
  topVOffset = 15;
}
else {
  topVOffset = 30;
}


if (pageIcon.templateData.cMcq[projPI].narration != undefined){
  narration = pageIcon.templateData.cMcq[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS w="panelW " h="474 - topVOffset" tabIndex="-1" id="panel" name="panel" x="align == 'Left' ? 20 : textW + 40" y="20 + topVOffset" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS name="instruction" x="align == 'Left' ? panel._x + panelW + 20 : 20" y="panel._y" w="textW" h="10" type="text"><![CDATA[{pageIcon.templateData.cMcq[projPI].instruction}]]></DIS>
		<DIS textColour="#000000" id="prpt" name="question" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.cMcq[projPI].prompt}

]]></DIS>
		<SCR name="makeOptions"><![CDATA[ln = pageIcon.templateData.cMcq[projPI].cOption.length;
optionTracking = new Array();

if (icon.attributes.built != "true"){
  icon.nextSibling.childNodes[1].duplicate(pageIcon.templateData.cMcq[projPI].cOption.length - 2);
  icon.attributes.built = "true";
}
]]></SCR>
		<INT id="ques" name="buttonInteraction" perpetual="1">
			<RES w="panelW - 60" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="prpt._y + prpt._height + 30" label="{pageIcon.templateData.cMcq[projPI].cOption[icon.index()].text}" group="grp" erase="1" exit="0">
				<SCR name="trackAnswers"><![CDATA[//track the question
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
btnSubmit.setEnabled(true);
]]></SCR>
			</RES>
			<RES w="panelW - 60" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="_ytile + 13" label="{pageIcon.templateData.cMcq[projPI].cOption[icon.index()].text}" group="grp" erase="1" exit="0">
				<SCR name="trackAnswers"><![CDATA[//track the question
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
btnSubmit.setEnabled(true);
]]></SCR>
			</RES>
			<RES w="confirmBtnWidth" toolTip="{confirmBtnTip}" enabled="0" rs="btnSubmit" swf="templatePath + 'common/button.swf'" name="button" type="button" x="prpt._x" y="_ytile + 10" label="{confirmBtnTxt}" erase="1" exit="0">
				<SCR name="goToDestination"><![CDATA[//locate destination of selected question
for (i = 0; i < ln; i++){
  if (optionTracking[i] == 1){
    // found selected answer
    destPageName = pageIcon.templateData.cMcq[projPI].cOption[i].destination;
    exitNav = pageIcon.templateData.cMcq[projPI].cOption[i].exitNav;
  }
}

pageFound = "false";

if ((destPageName == undefined) || (destPageName == "")) {
  // pageID not specified message
  txtPageNotFound.setText(notSetMessage);

} else {  // a destination has been specified 
  
  // navigate to destination page
  for (i = 0; i < pageID_array.length; i++){
	    if (pageID_array[i] == destPageName){
		  pageFound = "true";
		  destinationIndex = i;
      // setup navigation for next page
      if (exitNav == "restrict"){
        // just back and next buttons
        nextSet = 1;
        backSet = 1;
        tocSet = 0;
      } else {
        // all navigation buttons
        nextSet = 1;
        backSet = 1;
        tocSet = 1;
      }
      // set navigation prior to going to next page     
      fnSetNavigation();
      // go to destination page
 	  rootIcon.gotoPage(destinationIndex + navOffset);  
		  break;
	    }

  }
  if (pageFound == "false"){
    // pageID was set but not found
    txtPageNotFound.setText(idLabel + "<br>" + destPageName + "<br>" + notFoundMessage)
  }
}

if ((pageMode == "development") && (pageFound == "false")){
// set up page not found text box
  txtPageNotFound.clear();
  txtPageNotFound.beginFill(0xFFFFCC, 100);
  txtPageNotFound.lineStyle(1,0x000000,100);
  txtPageNotFound.drawRect(-10,-10,250,200,20);
  txtPageNotFound._visible = 1;
  txtPageNotFound.wipe('in',0.25,'Strong','easeIn',2) 
}

]]></SCR>
			</RES>
		</INT>
		<SCR name="define Development info"><![CDATA[// this script must run before the routingInfo text icon, otherwise the update of the text property
// takes place to late and the destination display for the first tab is undefined
// the second tab shows the first tabs destinations etc.

if (pageMode == "development"){
  // only show destination information in development mode
  routingInfoText = "";
  routingInfoX = 0;
  maxTextLength = 0

  // loop through options and find longest option text whilst building up routing information for this tab
  for (i = 0; i < ln; i++){
    if (Number(pageIcon.templateData.cMcq[projPI].cOption[i].text.length) > maxTextLength){
      maxTextLength = pageIcon.templateData.cMcq[projPI].cOption[i].text.length;
    }
    routingInfoText = routingInfoText + "<li>" + pageIcon.templateData.cMcq[projPI].cOption[i].destination + "</li><br>";
  }

  // position destination information
  // maxTextLength is in characters - need to add a multiplier to allow for character width
  maxTextLength = maxTextLength * 6.5;
  routingInfoX += maxTextLength + Number(prpt._x) + 45;
  routingInfoY = Number(prpt._y) + Number(prpt._height) + 26;

} 
]]></SCR>
		<DIS textColour="#FF0000" id="routingInfo" name="routingInfo" x="0" y="0" w="400" h="400" type="text"><![CDATA[{routingInfoText}]]></DIS>
		<DIS embedVars="1" textColour="#FF0000" textSize="20" id="txtPageNotFound" name="txtPageNotFound" x="panel._x + 10 + ((panelW -180) / 2)" y="panel._y + ((474 - 80 - topVOffset) / 2)" w="180" h="80" type="text"><![CDATA[
]]></DIS>
		<SCR name="finalTidyUp"><![CDATA[// set up page not found text box
txtPageNotFound.beginFill(0xFFFFCC, 100);
txtPageNotFound.lineStyle(1,0x000000,100);
txtPageNotFound.drawRect(-10,-10,200,150,20);
txtPageNotFound.dropShadow(7,45,0x999999,50);
txtPageNotFound._visible = 0;

// position and display the routing data if in development mode
if (pageMode == "development"){
  // must set properties after the icon routingInfo is defined in the project tree
  routingInfo._x = routingInfoX;
  routingInfo._y = routingInfoY;
  routingInfo._visible = true;

}

else {
  // hide routing info as this is live usage 
  routingInfo._visible = false;
}
]]></SCR>
	</PG>
\ No newline at end of file
+	<PG title="Multiple Choice Connector" name="Connector MCQ">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){
// Page Wizard 
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // routed pages only
  pageID_array = new Array();
  pageTitle_array = new Array();
  
  for (i = 0; i < rootIcon.pages.length; i++){
    pageID_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.pageID);
    pageTitle_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.name);
  }
  navOffset = 0;  
  
} else {  // Toolkits  
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

  
  // routed pages only
  pageID_array = new Array(); 
  pageTitle_array = new Array();
 
  for (i = 0; i < extXML.firstChild.childNodes.length; i++){
    pageID_array.push(extXML.firstChild.childNodes[i].attributes.pageID);
    pageTitle_array.push(extXML.firstChild.childNodes[i].attributes.name);
  }
  navOffset = pgOffset - 1;  
}
  rootIcon.setTitleText(templateData.learningObject[0].name);

// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.cMcq[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}   
]]></SCR>
		<SCR id="fnSetNavigation" isFunc="1" name="fnSetNavigation"><![CDATA[// next button and continue button
if (nextSet != undefined){
  rootIcon.nextBtn.setEnabled(nextSet);
  rootIcon.contButton.setEnabled(nextSet);	
}
// back button
if (backSet != undefined){
	  rootIcon.backBtn.setEnabled(backSet);
}
// table of contents
if (tocSet != undefined){
	  rootIcon.tocBtn.setEnabled(tocSet);
}

]]></SCR>
		<SCR isFunc="1" id="fnListToClipboard" name="fnListToClipboard"><![CDATA[// outputs a list of page titles and page ids to the clipboard
clipBoardText = "";
if (reportStyle == "text"){
  for (i = 0; i < pageID_array.length; i++){  
   // output a list of titles and pageIDs
    clipBoardText = clipBoardText + pageLabel + " " + (i + 1) + " " + titleLabel + " " + pageTitle_array[i] + " | " + idLabel + " " + pageID_array[i] + chr(13) + chr(10);
  }
  System.setClipboard(clipBoardText);
} else if (reportStyle == "html"){

// html version
clipBoardText = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<html><head><title>' + reportTitle + '</title></head><body>';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<table border="1" cellpadding="5">' + chr(13) + chr(10);
clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + pageLabel + '</td><td bgcolor="lightgreen">' + titleLabel + '</td><td bgcolor="lightblue">' + idLabel + '</td></tr>' + chr(13) + chr(10);
  for (i = 0; i < pageID_array.length; i++){  
    clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + (i + 1) + '</td><td bgcolor="lightgreen">' + pageTitle_array[i] + '</td><td bgcolor="lightblue">' + pageID_array[i]  + '</td></tr>' + chr(13) + chr(10);
  }
  clipBoardText = clipBoardText + '</table></body></html>' + chr(13) + chr(10);
  System.setClipboard(clipBoardText);
} else {
  // do nothing
}
]]></SCR>
		<SCR name="set up"><![CDATA[reportTitle = pageIcon.templateData.cMcq[projPI].reportTitle;
pageLabel = pageIcon.templateData.cMcq[projPI].pageLabel;
titleLabel = pageIcon.templateData.cMcq[projPI].titleLabel;
idLabel = pageIcon.templateData.cMcq[projPI].idLabel;
notFoundMessage = pageIcon.templateData.cMcq[projPI].notFoundMessage;
notSetMessage = pageIcon.templateData.cMcq[projPI].notSetMessage;

// set text strings
confirmBtnTxt = pageIcon.templateData.cMcq[projPI].confirmBtnTxt;
confirmBtnTip = pageIcon.templateData.cMcq[projPI].confirmBtnTip;
if (pageIcon.templateData.cMcq[projPI].confirmBtnWidth != undefined){
  confirmBtnWidth = pageIcon.templateData.cMcq[projPI].confirmBtnWidth;
} else {
  confirmBtnWidth = "100";
}
		
align = pageIcon.templateData.cMcq[projPI].align;

if (templateData.learningObject[0].authorSupport == "true"){
  pageMode = "development";
} else {
  pageMode = "live";
}  

if ((pageMode == "development") && (pageIcon.templateData.cMcq[projPI].listToClip != undefined)){
  reportStyle = pageIcon.templateData.cMcq[projPI].listToClip;
  fnListToClipboard();
}

// set navigation to be used by destination page
  nextState = 1;
  backState = 1;
  tocState = 1;

// configure navigation settings for this page;
if (pageIcon.templateData.cMcq[projPI].pageNav == "none"){
  nextSet = 0;
  backSet = 0;
  tocSet = 0;
} else {
// all
  nextSet = 1;
  backSet = 1;
  tocSet = 1;
}

// action navigation settings
fnSetNavigation();

panelWidth = pageIcon.templateData.cMcq[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 140;
} else {
  panelW = 760;
  textW = 0;
}

if (pageIcon.templateData.cMcq[projPI].narration != undefined){
  narration = pageIcon.templateData.cMcq[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS w="panelW " h="474" tabIndex="-1" id="panel" name="panel" x="align == 'Right' ? 20 : textW + 40" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS name="instruction" x="align == 'Right' ? panel._x + panelW + 20 : 20" y="panel._y" w="textW" h="10" type="text"><![CDATA[{pageIcon.templateData.cMcq[projPI].instruction}]]></DIS>
		<DIS textColour="#000000" id="prpt" name="question" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.cMcq[projPI].prompt}

]]></DIS>
		<SCR name="makeOptions"><![CDATA[ln = pageIcon.templateData.cMcq[projPI].cOption.length;
optionTracking = new Array();

if (icon.attributes.built != "true"){
  icon.nextSibling.childNodes[1].duplicate(pageIcon.templateData.cMcq[projPI].cOption.length - 2);
  icon.attributes.built = "true";
}
]]></SCR>
		<INT id="ques" name="buttonInteraction" perpetual="1">
			<RES w="panelW - 60" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="prpt._y + prpt._height + 30" label="{pageIcon.templateData.cMcq[projPI].cOption[icon.index()].text}" group="grp" erase="1" exit="0">
				<SCR name="trackAnswers"><![CDATA[//track the question
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
btnSubmit.setEnabled(true);
]]></SCR>
			</RES>
			<RES w="panelW - 60" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="_ytile + 13" label="{pageIcon.templateData.cMcq[projPI].cOption[icon.index()].text}" group="grp" erase="1" exit="0">
				<SCR name="trackAnswers"><![CDATA[//track the question
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
btnSubmit.setEnabled(true);
]]></SCR>
			</RES>
			<RES w="confirmBtnWidth" toolTip="{confirmBtnTip}" enabled="0" rs="btnSubmit" swf="templatePath + 'common/button.swf'" name="button" type="button" x="prpt._x" y="_ytile + 10" label="{confirmBtnTxt}" erase="1" exit="0">
				<SCR name="goToDestination"><![CDATA[//locate destination of selected question
for (i = 0; i < ln; i++){
  if (optionTracking[i] == 1){
    // found selected answer
    destPageName = pageIcon.templateData.cMcq[projPI].cOption[i].destination;
    exitNav = pageIcon.templateData.cMcq[projPI].cOption[i].exitNav;
  }
}

pageFound = "false";

if ((destPageName == undefined) || (destPageName == "")) {
  // pageID not specified message
  txtPageNotFound.setText(notSetMessage);

} else {  // a destination has been specified 
  
  // navigate to destination page
  for (i = 0; i < pageID_array.length; i++){
	    if (pageID_array[i] == destPageName){
		  pageFound = "true";
		  destinationIndex = i;
      // setup navigation for next page
      if (exitNav == "restrict"){
        // just back and next buttons
        nextSet = 1;
        backSet = 1;
        tocSet = 0;
      } else {
        // all navigation buttons
        nextSet = 1;
        backSet = 1;
        tocSet = 1;
      }
      // set navigation prior to going to next page     
      fnSetNavigation();
      // go to destination page
 	  rootIcon.gotoPage(destinationIndex + navOffset);  
		  break;
	    }

  }
  if (pageFound == "false"){
    // pageID was set but not found
    txtPageNotFound.setText(idLabel + "<br>" + destPageName + "<br>" + notFoundMessage)
  }
}

if ((pageMode == "development") && (pageFound == "false")){
// set up page not found text box
  txtPageNotFound.clear();
  txtPageNotFound.beginFill(0xFFFFCC, 100);
  txtPageNotFound.lineStyle(1,0x000000,100);
  txtPageNotFound.drawRect(-10,-10,250,200,20);
  txtPageNotFound._visible = 1;
  txtPageNotFound.wipe('in',0.25,'Strong','easeIn',2) 
}

]]></SCR>
			</RES>
		</INT>
		<SCR name="define Development info"><![CDATA[// this script must run before the routingInfo text icon, otherwise the update of the text property
// takes place to late and the destination display for the first tab is undefined
// the second tab shows the first tabs destinations etc.

if (pageMode == "development"){
  // only show destination information in development mode
  routingInfoText = "";
  routingInfoX = 0;
  maxTextLength = 0

  // loop through options and find longest option text whilst building up routing information for this tab
  for (i = 0; i < ln; i++){
    if (Number(pageIcon.templateData.cMcq[projPI].cOption[i].text.length) > maxTextLength){
      maxTextLength = pageIcon.templateData.cMcq[projPI].cOption[i].text.length;
    }
    routingInfoText = routingInfoText + "<li>" + pageIcon.templateData.cMcq[projPI].cOption[i].destination + "</li><br>";
  }

  // position destination information
  // maxTextLength is in characters - need to add a multiplier to allow for character width
  maxTextLength = maxTextLength * 6.5;
  routingInfoX += maxTextLength + Number(prpt._x) + 45;
  routingInfoY = Number(prpt._y) + Number(prpt._height) + 26;

} 
]]></SCR>
		<DIS textColour="#FF0000" id="routingInfo" name="routingInfo" x="0" y="0" w="400" h="400" type="text"><![CDATA[{routingInfoText}]]></DIS>
		<DIS embedVars="1" textColour="#FF0000" textSize="20" id="txtPageNotFound" name="txtPageNotFound" x="panel._x + 10 + ((panelW -180) / 2)" y="panel._y + ((474 - 80) / 2)" w="180" h="80" type="text"><![CDATA[
]]></DIS>
		<SCR name="finalTidyUp"><![CDATA[// set up page not found text box
txtPageNotFound.beginFill(0xFFFFCC, 100);
txtPageNotFound.lineStyle(1,0x000000,100);
txtPageNotFound.drawRect(-10,-10,200,150,20);
txtPageNotFound.dropShadow(7,45,0x999999,50);
txtPageNotFound._visible = 0;

// position and display the routing data if in development mode
if (pageMode == "development"){
  // must set properties after the icon routingInfo is defined in the project tree
  routingInfo._x = routingInfoX;
  routingInfo._y = routingInfoY;
  routingInfo._visible = true;

}

else {
  // hide routing info as this is live usage 
  routingInfo._visible = false;
}
]]></SCR>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/cRedirector.rlm b/modules/xerte/parent_templates/Nottingham/models/cRedirector.rlm
index 7f31b3f2ba..65649e6bc1 100644
--- a/modules/xerte/parent_templates/Nottingham/models/cRedirector.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/cRedirector.rlm
@@ -1 +1 @@
-	<PG title="Redirector Connector" name="cRedirector">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){
// Page Wizard 
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // routed pages only
  pageID_array = new Array();
  pageTitle_array = new Array();
  
  for (i = 0; i < rootIcon.pages.length; i++){
    pageID_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.pageID);
    pageTitle_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.name);
  }
  navOffset = 0;  
  
} else {  // Toolkits  
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

  
  // routed pages only
  pageID_array = new Array(); 
  pageTitle_array = new Array();

  for (i = 0; i < extXML.firstChild.childNodes.length; i++){
    pageID_array.push(extXML.firstChild.childNodes[i].attributes.pageID);
    pageTitle_array.push(extXML.firstChild.childNodes[i].attributes.name);
  }
  navOffset = pgOffset - 1;    
}
  rootIcon.setTitleText(templateData.learningObject[0].name);

// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.cRedirector[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}   
  
  
]]></SCR>
		<SCR id="fnSetNavigation" isFunc="1" name="fnSetNavigation"><![CDATA[// next button and continue button
if (nextSet != undefined){
  rootIcon.nextBtn.setEnabled(nextSet);
  rootIcon.contButton.setEnabled(nextSet);	
}
// back button
if (backSet != undefined){
	  rootIcon.backBtn.setEnabled(backSet);
}
// table of contents
if (tocSet != undefined){
	  rootIcon.tocBtn.setEnabled(tocSet);
}]]></SCR>
		<SCR isFunc="1" id="fnListToClipboard" name="fnListToClipboard"><![CDATA[// outputs a list of page titles and page ids to the clipboard
clipBoardText = "";
if (reportStyle == "text"){
  for (i = 0; i < pageID_array.length; i++){  
   // output a list of titles and pageIDs
    clipBoardText = clipBoardText + pageLabel + " " + (i + 1) + " " + titleLabel + " " + pageTitle_array[i] + " | " + idLabel + " " + pageID_array[i] + chr(13) + chr(10);
  }
  System.setClipboard(clipBoardText);
} else if (reportStyle == "html"){

// html version
clipBoardText = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<html><head><title>' + reportTitle + '</title></head><body>';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<table border="1" cellpadding="5">' + chr(13) + chr(10);
clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + pageLabel + '</td><td bgcolor="lightgreen">' + titleLabel + '</td><td bgcolor="lightblue">' + idLabel + '</td></tr>' + chr(13) + chr(10);
  for (i = 0; i < pageID_array.length; i++){  
    clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + (i + 1) + '</td><td bgcolor="lightgreen">' + pageTitle_array[i] + '</td><td bgcolor="lightblue">' + pageID_array[i]  + '</td></tr>' + chr(13) + chr(10);
  }
  clipBoardText = clipBoardText + '</table></body></html>' + chr(13) + chr(10);
  System.setClipboard(clipBoardText);
} else {
  // do nothing
}]]></SCR>
		<SCR name="set up"><![CDATA[// display text strings
continueBtnTxt = pageIcon.templateData.cRedirector[projPI].continueBtnTxt;
continueBtnTip = pageIcon.templateData.cRedirector[projPI].continueBtnTip;
continueBtnWidth = pageIcon.templateData.cRedirector[projPI].continueBtnWidth;
reportTitle = pageIcon.templateData.cRedirector[projPI].reportTitle;
pageLabel = pageIcon.templateData.cRedirector[projPI].pageLabel;
titleLabel = pageIcon.templateData.cRedirector[projPI].titleLabel;
idLabel = pageIcon.templateData.cRedirector[projPI].idLabel;
notFoundMessage = pageIcon.templateData.cRedirector[projPI].notFoundMessage;
notSetMessage = pageIcon.templateData.cRedirector[projPI].notSetMessage;

if (templateData.learningObject[0].authorSupport == "true"){
  pageMode = "development";
} else {
  pageMode = "live";
}  

if ((pageMode == "development") && (pageIcon.templateData.cRedirector[projPI].listToClip != undefined)){
  reportStyle = pageIcon.templateData.cRedirector[projPI].listToClip;
  fnListToClipboard();
}

// set navigation to be used by destination page
  nextState = 1;
  backState = 1;
  tocState = 1;

// configure navigation settings for this page;
if (pageIcon.templateData.cRedirector[projPI].pageNav == "none"){
  nextSet = 0;
  backSet = 0;
  tocSet = 0;
} else {
// all
  nextSet = 1;
  backSet = 1;
  tocSet = 1;
}

// action navigation settings
fnSetNavigation();


if (pageIcon.templateData.cRedirector[projPI].align != undefined){
  align = pageIcon.templateData.cRedirector[projPI].align;
} else {
  align = "Left";
}

maxWidth = stageWidth - 40;
pageHeight = rootIcon.h - (rootIcon.statusBarHeight + rootIcon.titleBarHeight + rootIcon.titleBannerHeight);

// set text width
if (pageIcon.templateData.cRedirector[projPI].textWidth == "narrow"){
  textWidth = (stageWidth / 4) - 40;
} else if (pageIcon.templateData.cRedirector[projPI].textWidth == "wide"){
  textWidth = (stageWidth / 2) - 40;
} else {
  textWidth = stageWidth - 40;
} 

// action if no image is provided
if (pageIcon.templateData.cRedirector[projPI].url == undefined || pageIcon.templateData.cRedirector[projPI].url == ""){
  // remove redundant nodes
  if (icon.nextSibling.nextSibling.nextSibling.nextSibling.nodeName == 'INT'){
    icon.nextSibling.nextSibling.nextSibling.nextSibling.removeNode();
  }       
  if (icon.nextSibling.nextSibling.nextSibling.nodeName == 'DIS'){
    icon.nextSibling.nextSibling.nextSibling.removeNode();
  }
  

} else { // we have an image file
  if (pageIcon.templateData.cRedirector[projPI].url.indexOf('http') == 0){
    url = "'" + pageIcon.templateData.cRedirector[projPI].url + "'";
  } else {
    url = pageIcon.templateData.cRedirector[projPI].url
  }
}

if (pageIcon.templateData.textGraphics[projPI].narration != undefined){
  narration = pageIcon.templateData.textGraphics[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS tabIndex="-1" id="panel" name="panel" x="-300" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on
if (pageIcon.templateData.cRedirector[projPI].url == undefined || pageIcon.templateData.cRedirector[projPI].url == ""){
  panel._alpha = 0;
}


]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.cRedirector[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="coded" y="30" type="ext" url="{url}"><![CDATA[{pageIcon.templateData.cRedirector[projPI].tip}
]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[p = graphic._width / graphic._height;
graphicMaxH = pageHeight - 80;

if (pageIcon.templateData.cRedirector[projPI].textWidth == "max"){
  graphicMaxW = stageWidth - 200;
  graphic.constrain(graphicMaxW,graphicMaxH);
  textWidth = maxWidth - graphic._width - 40;
} else {
  graphicMaxW = stageWidth - (textWidth + 80);
  graphic.constrain(graphicMaxW, graphicMaxH);   
}  

//resize the panel to the graphic
panel._width = graphic._width + 20;
panel._height = graphic._height + 20;
panel._y = (pageHeight - panel._height) / 2;
graphic._y = panel._y + 10;
if (align == 'Left'){
  panel._x = stageWidth - panel._width - 20;
  graphic._x = panel._x + 10;
} 
if (align == 'Right'){
  panel._x = 20;
  graphic._x = 30;
}
]]></SCR>
			</RES>
		</INT>
		<SCR name="final text and button setup"><![CDATA[textHeight = pageHeight - 80;

if (align == 'Left'){
  //  panel._x = stageWidth - panel._width - 20;
  textX = 20;
  textY = 20;
} 
if (align == 'Right'){
  textX = stageWidth - (20 + textWidth);
  textY = 20;
  
}
// position button
buttonX = textX + (textWidth / 2) - (continueBtnWidth / 2);
buttonY = textY + textHeight + 20;
]]></SCR>
		<DIS embedVars="1" scrolling="auto" id="textBlock" h="textHeight" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.cRedirector[projPI].endText}]]></DIS>
		<INT name="go to page" perpetual="1">
			<RES swf="templatePath + 'common/button.swf'" w="continueBtnWidth" toolTip="{continueBtnTip}" name="continue" type="button" x="buttonX" y="buttonY" label="{continueBtnTxt}" erase="1" exit="0">
				<SCR name="go to page"><![CDATA[// find the destination page, set up the navigation to use for the destination page
// then go to it.
// if mode = development an error message is displayed if a specified page cannot be found

destPageName = pageIcon.templateData.cRedirector[projPI].destination;
pageFound = "false";

if ((destPageName == undefined) || (destPageName == "")){
  // pageID not specified message
  txtPageNotFound.setText(notSetMessage);
} else {  // a destination has been specified 
  
  // navigate to destination page
  for (i = 0; i < pageID_array.length; i++){
	    if (pageID_array[i] == destPageName){
		  pageFound = "true";
		  destinationIndex = i;

      // set navigation to be used by destination page
      nextSet = nextState;
      backSet = backState;
      tocSet = tocState;

      // set navigation prior to going to next page     
      fnSetNavigation();
      // go to destination page
 	  rootIcon.gotoPage(destinationIndex + navOffset);  
		  break;
    }
    if (pageFound == "false"){
      // pageID was set but not found
      txtPageNotFound.setText(idLabel + "<br>" + destPageName + "<br>" + notFoundMessage)
    }
  }
}

if ((pageMode == "development") && (pageFound == "false")){
// set up page not found text box
  txtPageNotFound.clear();
  txtPageNotFound.beginFill(0xFFFFCC, 100);
  txtPageNotFound.lineStyle(1,0x000000,100);
  txtPageNotFound.drawRect(-10,-10,250,200,20);
  txtPageNotFound._visible = 1;
  txtPageNotFound.wipe('in',0.25,'Strong','easeIn',2) 
}

]]></SCR>
			</RES>
		</INT>
		<DIS embedVars="1" textColour="#FF0000" textSize="20" id="txtPageNotFound" name="txtPageNotFound" x="(760 - 180) / 2" y="(474 - 80 - 15) / 2" w="180" h="80" type="text"><![CDATA[hello]]></DIS>
		<SCR name="finalTidyUp"><![CDATA[txtPageNotFound._visible = 0;
]]></SCR>
	</PG>
\ No newline at end of file
+	<PG title="Redirector Connector" name="cRedirector">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){
// Page Wizard 
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // routed pages only
  pageID_array = new Array();
  pageTitle_array = new Array();
  
  for (i = 0; i < rootIcon.pages.length; i++){
    pageID_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.pageID);
    pageTitle_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.name);
  }
  navOffset = 0;  
  
} else {  // Toolkits  
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

  
  // routed pages only
  pageID_array = new Array(); 
  pageTitle_array = new Array();

  for (i = 0; i < extXML.firstChild.childNodes.length; i++){
    pageID_array.push(extXML.firstChild.childNodes[i].attributes.pageID);
    pageTitle_array.push(extXML.firstChild.childNodes[i].attributes.name);
  }
  navOffset = pgOffset - 1;    
}
  rootIcon.setTitleText(templateData.learningObject[0].name);

// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.cRedirector[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}   
  
  
]]></SCR>
		<SCR id="fnSetNavigation" isFunc="1" name="fnSetNavigation"><![CDATA[// next button and continue button
if (nextSet != undefined){
  rootIcon.nextBtn.setEnabled(nextSet);
  rootIcon.contButton.setEnabled(nextSet);	
}
// back button
if (backSet != undefined){
	  rootIcon.backBtn.setEnabled(backSet);
}
// table of contents
if (tocSet != undefined){
	  rootIcon.tocBtn.setEnabled(tocSet);
}]]></SCR>
		<SCR isFunc="1" id="fnListToClipboard" name="fnListToClipboard"><![CDATA[// outputs a list of page titles and page ids to the clipboard
clipBoardText = "";
if (reportStyle == "text"){
  for (i = 0; i < pageID_array.length; i++){  
   // output a list of titles and pageIDs
    clipBoardText = clipBoardText + pageLabel + " " + (i + 1) + " " + titleLabel + " " + pageTitle_array[i] + " | " + idLabel + " " + pageID_array[i] + chr(13) + chr(10);
  }
  System.setClipboard(clipBoardText);
} else if (reportStyle == "html"){

// html version
clipBoardText = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<html><head><title>' + reportTitle + '</title></head><body>';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<table border="1" cellpadding="5">' + chr(13) + chr(10);
clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + pageLabel + '</td><td bgcolor="lightgreen">' + titleLabel + '</td><td bgcolor="lightblue">' + idLabel + '</td></tr>' + chr(13) + chr(10);
  for (i = 0; i < pageID_array.length; i++){  
    clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + (i + 1) + '</td><td bgcolor="lightgreen">' + pageTitle_array[i] + '</td><td bgcolor="lightblue">' + pageID_array[i]  + '</td></tr>' + chr(13) + chr(10);
  }
  clipBoardText = clipBoardText + '</table></body></html>' + chr(13) + chr(10);
  System.setClipboard(clipBoardText);
} else {
  // do nothing
}]]></SCR>
		<SCR name="set up"><![CDATA[// display text strings
continueBtnTxt = pageIcon.templateData.cRedirector[projPI].continueBtnTxt;
continueBtnTip = pageIcon.templateData.cRedirector[projPI].continueBtnTip;
continueBtnWidth = pageIcon.templateData.cRedirector[projPI].continueBtnWidth;
reportTitle = pageIcon.templateData.cRedirector[projPI].reportTitle;
pageLabel = pageIcon.templateData.cRedirector[projPI].pageLabel;
titleLabel = pageIcon.templateData.cRedirector[projPI].titleLabel;
idLabel = pageIcon.templateData.cRedirector[projPI].idLabel;
notFoundMessage = pageIcon.templateData.cRedirector[projPI].notFoundMessage;
notSetMessage = pageIcon.templateData.cRedirector[projPI].notSetMessage;

if (templateData.learningObject[0].authorSupport == "true"){
  pageMode = "development";
} else {
  pageMode = "live";
}  

if ((pageMode == "development") && (pageIcon.templateData.cRedirector[projPI].listToClip != undefined)){
  reportStyle = pageIcon.templateData.cRedirector[projPI].listToClip;
  fnListToClipboard();
}

// set navigation to be used by destination page
  nextState = 1;
  backState = 1;
  tocState = 1;

// configure navigation settings for this page;
if (pageIcon.templateData.cRedirector[projPI].pageNav == "none"){
  nextSet = 0;
  backSet = 0;
  tocSet = 0;
} else {
// all
  nextSet = 1;
  backSet = 1;
  tocSet = 1;
}

// action navigation settings
fnSetNavigation();


if (pageIcon.templateData.cRedirector[projPI].align != undefined){
  align = pageIcon.templateData.cRedirector[projPI].align;
} else {
  align = "Left";
}

maxWidth = stageWidth - 40;
pageHeight = rootIcon.h - (rootIcon.statusBarHeight + rootIcon.titleBarHeight + rootIcon.titleBannerHeight);

// set text width
if (pageIcon.templateData.cRedirector[projPI].textWidth == "narrow"){
  textWidth = (stageWidth / 4) - 40;
} else if (pageIcon.templateData.cRedirector[projPI].textWidth == "wide"){
  textWidth = (stageWidth / 2) - 40;
} else {
  textWidth = stageWidth - 40;
} 

// action if no image is provided
if (pageIcon.templateData.cRedirector[projPI].url == undefined || pageIcon.templateData.cRedirector[projPI].url == ""){
  // remove redundant nodes
  if (icon.nextSibling.nextSibling.nextSibling.nextSibling.nodeName == 'INT'){
    icon.nextSibling.nextSibling.nextSibling.nextSibling.removeNode();
  }       
  if (icon.nextSibling.nextSibling.nextSibling.nodeName == 'DIS'){
    icon.nextSibling.nextSibling.nextSibling.removeNode();
  }
  

} else { // we have an image file
  if (pageIcon.templateData.cRedirector[projPI].url.indexOf('http') == 0){
    url = "'" + pageIcon.templateData.cRedirector[projPI].url + "'";
  } else {
    url = pageIcon.templateData.cRedirector[projPI].url
  }
}

if (pageIcon.templateData.textGraphics[projPI].narration != undefined){
  narration = pageIcon.templateData.textGraphics[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS tabIndex="-1" id="panel" name="panel" x="-300" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on
if (pageIcon.templateData.cRedirector[projPI].url == undefined || pageIcon.templateData.cRedirector[projPI].url == ""){
  panel._alpha = 0;
}


]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.cRedirector[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="coded" y="30" type="ext" url="{url}"><![CDATA[{pageIcon.templateData.cRedirector[projPI].tip}
]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[p = graphic._width / graphic._height;
graphicMaxH = pageHeight - 80;

if (pageIcon.templateData.cRedirector[projPI].textWidth == "max"){
  graphicMaxW = stageWidth - 200;
  graphic.constrain(graphicMaxW,graphicMaxH);
  textWidth = maxWidth - graphic._width - 40;
} else {
  graphicMaxW = stageWidth - (textWidth + 80);
  graphic.constrain(graphicMaxW, graphicMaxH);   
}  

//resize the panel to the graphic
panel._width = graphic._width + 20;
panel._height = graphic._height + 20;
panel._y = 20;
graphic._y = panel._y + 10;
if (align == 'Left'){
  panel._x = stageWidth - panel._width - 20;
  graphic._x = panel._x + 10;
} 
if (align == 'Right'){
  panel._x = 20;
  graphic._x = 30;
}
]]></SCR>
			</RES>
		</INT>
		<SCR name="final text and button setup"><![CDATA[textHeight = pageHeight - 80;

if (align == 'Left'){
  //  panel._x = stageWidth - panel._width - 20;
  textX = 20;
  textY = 20;
} 
if (align == 'Right'){
  textX = stageWidth - (20 + textWidth);
  textY = 20;
  
}
// position button
buttonX = textX + (textWidth / 2) - (continueBtnWidth / 2);
buttonY = textY + textHeight + 20;
]]></SCR>
		<DIS embedVars="1" scrolling="auto" id="textBlock" h="textHeight" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.cRedirector[projPI].endText}]]></DIS>
		<INT name="go to page" perpetual="1">
			<RES swf="templatePath + 'common/button.swf'" w="continueBtnWidth" toolTip="{continueBtnTip}" name="continue" type="button" x="buttonX" y="buttonY" label="{continueBtnTxt}" erase="1" exit="0">
				<SCR name="go to page"><![CDATA[// find the destination page, set up the navigation to use for the destination page
// then go to it.
// if mode = development an error message is displayed if a specified page cannot be found

destPageName = pageIcon.templateData.cRedirector[projPI].destination;
pageFound = "false";

if ((destPageName == undefined) || (destPageName == "")){
  // pageID not specified message
  txtPageNotFound.setText(notSetMessage);
} else {  // a destination has been specified 
  
  // navigate to destination page
  for (i = 0; i < pageID_array.length; i++){
	    if (pageID_array[i] == destPageName){
		  pageFound = "true";
		  destinationIndex = i;

      // set navigation to be used by destination page
      nextSet = nextState;
      backSet = backState;
      tocSet = tocState;

      // set navigation prior to going to next page     
      fnSetNavigation();
      // go to destination page
 	  rootIcon.gotoPage(destinationIndex + navOffset);  
		  break;
    }
    if (pageFound == "false"){
      // pageID was set but not found
      txtPageNotFound.setText(idLabel + "<br>" + destPageName + "<br>" + notFoundMessage)
    }
  }
}

if ((pageMode == "development") && (pageFound == "false")){
// set up page not found text box
  txtPageNotFound.clear();
  txtPageNotFound.beginFill(0xFFFFCC, 100);
  txtPageNotFound.lineStyle(1,0x000000,100);
  txtPageNotFound.drawRect(-10,-10,250,200,20);
  txtPageNotFound._visible = 1;
  txtPageNotFound.wipe('in',0.25,'Strong','easeIn',2) 
}

]]></SCR>
			</RES>
		</INT>
		<DIS embedVars="1" textColour="#FF0000" textSize="20" id="txtPageNotFound" name="txtPageNotFound" x="(760 - 180) / 2" y="(474 - 80 - 15) / 2" w="180" h="80" type="text"><![CDATA[hello]]></DIS>
		<SCR name="finalTidyUp"><![CDATA[txtPageNotFound._visible = 0;
]]></SCR>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/connectorHotspotImage.rlm b/modules/xerte/parent_templates/Nottingham/models/connectorHotspotImage.rlm
index 53e666356c..45aa0b278f 100644
--- a/modules/xerte/parent_templates/Nottingham/models/connectorHotspotImage.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/connectorHotspotImage.rlm
@@ -1 +1 @@
-	<PG title="Hotspot Image Connector" name="Hotspot Image Connector">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
   
if (rootIcon.projMode == "dev"){
// Page Wizard 
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // routed pages only
  pageID_array = new Array();
  pageTitle_array = new Array();
  
  for (i = 0; i < rootIcon.pages.length; i++){
    pageID_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.pageID);
    pageTitle_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.name);
  }
  navOffset = 0;  
  
} else {  // Toolkits  
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

  
  // routed pages only
  pageID_array = new Array(); 
  pageTitle_array = new Array();

  for (i = 0; i < extXML.firstChild.childNodes.length; i++){
    pageID_array.push(extXML.firstChild.childNodes[i].attributes.pageID);
    pageTitle_array.push(extXML.firstChild.childNodes[i].attributes.name);
  }	  
  navOffset = pgOffset - 1;  
}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.connectorHotspotImage[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}   

]]></SCR>
		<SCR id="fnSetNavigation" isFunc="1" name="fnSetNavigation"><![CDATA[// next button and continue button
if (nextSet != undefined){
  rootIcon.nextBtn.setEnabled(nextSet);
  rootIcon.contButton.setEnabled(nextSet);	
}
// back button
if (backSet != undefined){
	  rootIcon.backBtn.setEnabled(backSet);
}
// table of contents
if (tocSet != undefined){
	  rootIcon.tocBtn.setEnabled(tocSet);
}]]></SCR>
		<SCR isFunc="1" id="fnListToClipboard" name="fnListToClipboard"><![CDATA[// outputs a list of page titles and page ids to the clipboard
clipBoardText = "";
if (reportStyle == "text"){
  for (i = 0; i < pageID_array.length; i++){  
   // output a list of titles and pageIDs
    clipBoardText = clipBoardText + pageLabel + " " + (i + 1) + " " + titleLabel + " " + pageTitle_array[i] + " | " + idLabel + " " + pageID_array[i] + chr(13) + chr(10);
  }
  System.setClipboard(clipBoardText);
} else if (reportStyle == "html"){

// html version
clipBoardText = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<html><head><title>' + reportTitle + '</title></head><body>';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<table border="1" cellpadding="5">' + chr(13) + chr(10);
clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + pageLabel + '</td><td bgcolor="lightgreen">' + titleLabel + '</td><td bgcolor="lightblue">' + idLabel + '</td></tr>' + chr(13) + chr(10);
  for (i = 0; i < pageID_array.length; i++){  
    clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + (i + 1) + '</td><td bgcolor="lightgreen">' + pageTitle_array[i] + '</td><td bgcolor="lightblue">' + pageID_array[i]  + '</td></tr>' + chr(13) + chr(10);
  }
  clipBoardText = clipBoardText + '</table></body></html>' + chr(13) + chr(10);
  System.setClipboard(clipBoardText);
} else {
  // do nothing
}]]></SCR>
		<SCR name="initial setup"><![CDATA[// set up positioning values
pageHeight = rootIcon.h - (rootIcon.statusBarHeight + rootIcon.titleBarHeight + rootIcon.titleBannerHeight);
colMargin = "40";
borderVal = "10";
// allow margin top and bottom
maxHeight = pageHeight - (2 * colMargin);
// allow margin left, right and middle
maxWidth3 = rootIcon.w - (3 * colMargin);
maxWidth2 = rootIcon.w - (2 * colMargin);

textH = maxHeight;
leftColx = colMargin;

// set up text strings
reportTitle = pageIcon.templateData.connectorHotspotImage[projPI].reportTitle;
pageLabel = pageIcon.templateData.connectorHotspotImage[projPI].pageLabel;
titleLabel = pageIcon.templateData.connectorHotspotImage[projPI].titleLabel;
idLabel = pageIcon.templateData.connectorHotspotImage[projPI].idLabel;
notFoundMessage = pageIcon.templateData.connectorHotspotImage[projPI].notFoundMessage;
notSetMessage = pageIcon.templateData.connectorHotspotImage[projPI].notSetMessage;
continueBtnTxt = pageIcon.templateData.connectorHotspotImage[projPI].continueBtnTxt;
continueBtnWidth = pageIcon.templateData.connectorHotspotImage[projPI].continueBtnWidth;

hicol = pageIcon.templateData.connectorHotspotImage[projPI].hicol;

if (templateData.learningObject[0].authorSupport == "true"){
  pageMode = "development";
} else {
  pageMode = "live";
} 

// send page titles and page ids to clipboard if requested
if ((pageMode == "development") && (pageIcon.templateData.connectorHotspotImage[projPI].listToClip != undefined)){
  reportStyle = pageIcon.templateData.connectorHotspotImage[projPI].listToClip;
  fnListToClipboard();
}

// set navigation to be used by destination page
  nextState = 1;
  backState = 1;
  tocState = 1;

// configure navigation settings for this page;
if (pageIcon.templateData.connectorHotspotImage[projPI].pageNav == "none"){
  nextSet = 0;
  backSet = 0;
  tocSet = 0;
} else {
// all
  nextSet = 1;
  backSet = 1;
  tocSet = 1;
}
// action navigation settings
fnSetNavigation();

if (pageIcon.templateData.connectorHotspotImage[projPI].imageTransition != undefined){
  imageTransition = pageIcon.templateData.connectorHotspotImage[projPI].imageTransition;
  switch (imageTransition) { 
        case "blinds" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "blinds('in', 1, 'None', 'easeNone', 10, 3)";
            break; 
        case "dissolve" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "dissolve('in', 1, 'None', 'easeNone', 100, 100)";            
            break;
        case "fade" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "fade('in', 1, 'None', 'easeNone')";              
            break;
        case "fly" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "fly('in', 1, 'None', 'easeNone', 6)";               
            break;
        case "iris" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "iris('in', 1, 'None', 'easeNone', 'circle')";              
            break;
        case "squeeze" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "squeeze('in', 1, 'None', 'easeNone', 0)";            
            break;
        case "wipe" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "wipe('in', 1, 'None', 'easeNone', 2)"; 
            break;
        case "zoom" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "zoom('in', 1, 'None', 'easeNone')";             
            break;                                                                          
        default : 
            // no transition
            break; 
    } 

}

if (pageIcon.templateData.connectorHotspotImage[projPI].narration != undefined){
  narration = pageIcon.templateData.connectorHotspotImage[projPI].narration;
  rootIcon.broadcast('showAudio');
}



]]></SCR>
		<DIS h="474" w="760" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on
if (pageIcon.templateData.connectorHotspotImage[projPI].hidePanel == 'true'){
  panel._alpha = 0;
}
]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.connectorHotspotImage[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="coded" y="30 + topVOffset" type="ext" url="{pageIcon.templateData.connectorHotspotImage[projPI].url}"><![CDATA[{pageIcon.templateData.page[0].text[0].tip}]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//resize the image if it's too big or too wide
p = graphic._width / graphic._height;

scale = 1;
initHeight = graphic._height;
initWidth = graphic._width;

// establish maxWidth depending on image size actual, full screen or auto. 
if (pageIcon.templateData.connectorHotspotImage[projPI].textWidth == 'none'){
  // no need for space between text and image as text not displayed
  // image can take up all of screen width
  graphic.constrain(maxWidth2, maxHeight);
  textWidth = "0";
} else if (pageIcon.templateData.connectorHotspotImage[projPI].textWidth == 'narrow'){
  // text can only take up space left by image 
  textMin = "150";
  graphicSpace = parseInt(maxWidth3 - textMin);
  graphic.constrain(graphicSpace, maxHeight);
  textWidth = parseInt(maxWidth3 - graphic._width); 
} else if (pageIcon.templateData.connectorHotspotImage[projPI].textWidth == 'wide'){
  textMin = "250";
  graphicSpace = parseInt(maxWidth3 - textMin);
  graphic.constrain(graphicSpace, maxHeight);
  textWidth = parseInt(maxWidth3 - graphic._width); 
} else {
  // whats left if picture full size or constrained if to big
  graphic.constrain(maxWidth3, maxHeight);
  textWidth = parseInt(maxWidth3 - graphic._width);  
}
// adjust scale
scale = graphic._width / initWidth;

// set up position
if (pageIcon.templateData.connectorHotspotImage[projPI].textWidth == 'none'){
  graphic._x = (rootIcon.w / 2) - (graphic._width / 2);
  graphic._y = (pageHeight / 2) - (graphic._height / 2);
} else {
  if (pageIcon.templateData.connectorHotspotImage[projPI].align == 'Left'){
    textX = colMargin;
    textY = colMargin;
    graphic._x = (colMargin * 2) + textWidth;
    graphic._y = (pageHeight / 2) - (graphic._height / 2);
  } else {
    // right align
    textX = (colMargin * 2) + graphic._width;
    textY = colMargin;
    graphic._x = colMargin;
    graphic._y = (pageHeight / 2) - (graphic._height / 2);    
  }
}  

panel._x = graphic._x - borderVal;
panel._y = graphic._y - borderVal;
panel._width = graphic._width + (borderVal * 2);
panel._height = graphic._height + (borderVal * 2);
]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" textColour="#333333" id="textBlock" h="textH" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.connectorHotspotImage[projPI].text}]]></DIS>
		<SCR name="set up popup"><![CDATA[// set up position of pop up
putW = parseInt(maxWidth2 / 2);
putH = parseInt(maxHeight / 2);
putX = (stageWidth / 2) - (putW / 2);
putY = (pageHeight / 2) - (putH / 2);
]]></SCR>
		<SCR name="makeHotspots"><![CDATA[hsData = pageIcon.templateData.connectorHotspotImage[projPI];

if (pageIcon.templateData.connectorHotspotImage[projPI].highlight == 'true'){
  icon.nextSibling.firstChild.attributes.highlight = '1';
  icon.nextSibling.firstChild.attributes.highlightColour = hicol;
}
if (icon.attributes.built != "true"){
  icon.nextSibling.firstChild.duplicate(pageIcon.templateData.connectorHotspotImage[projPI].cHotspot.length - 1);
}
icon.attributes.built = "true";

currentHS = -1;
]]></SCR>
		<INT id="hspot" name="hotspots" perpetual="1">
			<RES highlightColour="0xFF0000" name="protoHotpot" type="hotSpot" x="graphic._x + Number(hsData.cHotspot[icon.index()].x)*scale" y="graphic._y + Number(hsData.cHotspot[icon.index()].y)*scale" w="Number(hsData.cHotspot[icon.index()].w)*scale" h="Number(hsData.cHotspot[icon.index()].h)*scale" click="1" cursor="1" erase="1" exit="0">
				<DIS h="474 - topVOffset" w="760" tabIndex="-1" id="panelH" name="panelH" x="20" y="20 " type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
				<INT name="loadPanel" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="panelH" erase="1" exit="1">
						<SCR name="exit"><![CDATA[//ok to move on
panelH._alpha = 0;]]></SCR>
					</RES>
				</INT>
				<SCR name="handleClick"><![CDATA[currentHS = icon.parentNode.index();
hs = hspot.responses[icon.parentNode.index()];

hspot.clear();

// only run this if user wants to highlight selected hotspot.
if (pageIcon.templateData.connectorHotspotImage[projPI].highlight == "true"){
  hspot.lineStyle(2,hicol,100);
  hspot.drawRect(hs._x, hs._y, hs._width, hs._height);
}
destPageName = hsData.cHotspot[icon.parentNode.index()].destination;
exitNav = hsData.cHotspot[icon.parentNode.index()].exitNav;

// remove objects not needed in order last node first as deletion of earlier nodes will affect 
// the number of siblings between this script and the target node
// 6th node
if (hsData.cHotspot[icon.parentNode.index()].hotspotPopUp == undefined){
  // delete the popup related objects
  if (icon.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nodeName == 'INT'){
    icon.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.removeNode();
  }
}

// 5th Node
if (hsData.cHotspot[icon.parentNode.index()].hotspotSound == undefined){
  if (icon.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nodeName == 'INT'){
    icon.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.removeNode();
  }
}

// 4th to 2nd nodes
if (hsData.cHotspot[icon.parentNode.index()].hotspotMovie == undefined){
  // get rid of the movie related objects
  if (icon.nextSibling.nextSibling.nextSibling.nextSibling.nodeName == 'INT'){
    icon.nextSibling.nextSibling.nextSibling.nextSibling.removeNode();
  }
  if (icon.nextSibling.nextSibling.nextSibling.nodeName == 'INT'){
    icon.nextSibling.nextSibling.nextSibling.removeNode();
  }
  if (icon.nextSibling.nextSibling.nodeName == 'MOV'){
    icon.nextSibling.nextSibling.removeNode();
  }
}

// 1st node
if (hsData.cHotspot[icon.parentNode.index()].hotspotSound == undefined){
  // remove sound icon from node if no sound specified
  if (icon.nextSibling.nodeName == 'SND'){
    icon.nextSibling.removeNode();
  }
}

// hide development mode message
 txtPageNotFound._visible = 0;
 panelH._alpha = 0;
 popUpText._visible = 0;

if (destPageName == undefined){
 
  // using other feature than destination
  pageFound="";
  // relative navigation - first prev next last
  if (hsData.cHotspot[icon.parentNode.index()].relNav != undefined){
    // setup navigation for next page visited
    if (nextSet == undefined){
      nextSet = nextState;
    } 
    if (backSet == undefined){
      backSet = backState;
    } 
    if (tocSet == undefined){
      tocSet = tocState;
    } 
    // set navigation prior to going to next page     
    fnSetNavigation();
    switch(hsData.cHotspot[icon.parentNode.index()].relNav){
      case "first":
        rootIcon.firstPage();
        break;    
      case "prev":
        rootIcon.prevPage();
        break;    
      case "last":
        rootIcon.lastPage();
        break;    
      default:
        rootIcon.nextPage();
        break;    
    }
  }

  // remote url - open window
  if (hsData.cHotspot[icon.parentNode.index()].windowURL != undefined){
    params = new Object();
    params.url =  hsData.cHotspot[icon.parentNode.index()].windowURL;
    if (hsData.cHotspot[icon.parentNode.index()].windowWidth == undefined){
      params.width = "550";  
    } else {
      params.width =  hsData.cHotspot[icon.parentNode.index()].windowWidth;    
    }
    if (hsData.cHotspot[icon.parentNode.index()].windowHeight == undefined){
      params.height = "400";  
    } else {
      params.height =  hsData.cHotspot[icon.parentNode.index()].windowHeight;    
    }
    if (hsData.cHotspot[icon.parentNode.index()].htm == undefined || hsData.cHotspot[icon.parentNode.index()].htm == ""){
      callJS('openWindow', params); 
    } else {
      params.html = hsData.cHotspot[icon.parentNode.index()].htm;    
     callJS('createWindow', params);     
    }
  }

  // play a sound
  if (hsData.cHotspot[icon.parentNode.index()].hotspotSound != undefined){
    // hide hotspot  highlights
    for (i = 0; i < hspot.responses.length; i++){
      hspot.responses[i]._visible = "0";
    }
     
    //check for a literal path
    sndURL = hsData.cHotspot[icon.parentNode.index()].hotspotSound;
    if (sndURL.indexOf('http') == 0){
      sndURL = "'" + sndURL + "'";
    }
    // set up sound player control and continue button.
    icon.nextSibling.attributes.controls = graphic._x +',' + (graphic._y + graphic._height - 20) + ',' + graphic._width;
    continueX = graphic._x + (graphic._width / 2) - (continueBtnWidth / 2);
    continueY = graphic._y + graphic._height + 10;
   
  } 
  
  // play a video file
  if (hsData.cHotspot[icon.parentNode.index()].hotspotMovie != undefined){
    // hide hotspot  highlights
    for (i = 0; i < hspot.responses.length; i++){
      hspot.responses[i]._visible = "0";
    }
    
    //size the movie
    if (hsData.cHotspot[icon.parentNode.index()].movieSize != undefined){
      icon.parentNode.getChildByName('movie').attributes.w = hsData.cHotspot[icon.parentNode.index()].movieSize.split(',')[0];
      icon.parentNode.getChildByName('movie').attributes.h = hsData.cHotspot[icon.parentNode.index()].movieSize.split(',')[1];
    }
	
    // set start and end frame
    if (hsData.cHotspot[icon.parentNode.index()].endFrame != undefined){
      myEndFrame = hsData.cHotspot[icon.parentNode.index()].endFrame;
    } else {
      myEndFrame = undefined;
    }
    if (hsData.cHotspot[icon.parentNode.index()].startFrame != undefined){
      myStartFrame = hsData.cHotspot[icon.parentNode.index()].startFrame;
    } else {
      myStartFrame = "0";
    }
	
    vidURL = hsData.cHotspot[icon.parentNode.index()].hotspotMovie;
    //support for links from moletv
    if (vidURL.indexOf('moletv.org.uk') != -1){
      vid = vidURL.split('=')[1];
      vidURL = "'http://www.moletv.org.uk/mod/FileStream.aspx?v=" + vid + "&t=1&z=.flv'"
    }
	
    fullScreen = false;
  }

  // display a pop up
  if (hsData.cHotspot[icon.parentNode.index()].hotspotPopUp != undefined){
    // hide hotspot  highlights
    for (i = 0; i < hspot.responses.length; i++){
      hspot.responses[i]._visible = "0";
    } 

    // position and size of pop up has been defined earlier
    // now set up panelH size and position
    panelH._width = putW + 20;
    panelH._height = putH + 50;
    panelH._x = putX - 10;
    panelH._y = putY - 10;
    popBtnX = 20;
    popBtnY = panelH._y + panelH._height - 30;
    popBtnX = panelH._x + (panelH._width / 2) - (continueBtnWidth / 2);

    panelH._alpha = 100;
    hidePopUp._visible = 1;
    popUpText._visible = 1;
    popUpText.setText(hsData.cHotspot[icon.parentNode.index()].hotspotPopUp);
  }
  
// standard connector hotspot
} else if (destPageName == "") {
  // pageID not specified message
  txtPageNotFound.setText(notSetMessage);
  pageFound="false";
  
} else {  
  // a destination has been specified 
  pageFound="false";
  // navigate to destination page
  for (i = 0; i < pageID_array.length; i++){
	    if (pageID_array[i] == destPageName){
		  pageFound = "true";
		  destinationIndex = i;

      // setup navigation for next page
      if (exitNav == "restrict"){
        // just back and next buttons
        nextSet = 1;
        backSet = 1;
        tocSet = 0;
      } else {
        // all navigation buttons
        nextSet = 1;
        backSet = 1;
        tocSet = 1;
      }

      // set navigation prior to going to next page     
      fnSetNavigation();
      // go to destination page
 	  rootIcon.gotoPage(destinationIndex + navOffset);  
		  break;
    }
  }
  if (pageFound == "false"){
    // pageID was set but not found
    txtPageNotFound.setText(idLabel + "<br>" + destPageName + "<br>" + notFoundMessage)
  }
}

if ((pageMode == "development") && (pageFound == "false")){
// set up page not found text box
  txtPageNotFound.clear();
  txtPageNotFound.beginFill(0xFFFFCC, 100);
  txtPageNotFound.lineStyle(1,0x000000,100);
  txtPageNotFound.drawRect(-10,-10,250,200,20);
  txtPageNotFound._visible = 1;
  txtPageNotFound.wipe('in',0.25,'Strong','easeIn',2) 
}

]]></SCR>
				<SND id="snd" name="protoSound" type="ext" url="{sndURL}" play="1" loop="0" wait="0" />
				<MOV id="movie" name="movie" x="0" y="30" url="{vidURL}" controls="1" play="0"><![CDATA[{hsData.cHotspot[icon.parentNode.index()].tip}]]></MOV>
				<INT name="loadVideo" perpetual="0">
					<RES name="onMovieReady" type="event" eventName="onMovieReady" icon="movie" erase="1" exit="1">
						<SCR name="calculate"><![CDATA[//resize the panel to the movie
panelH._width = movie._width + 20;
panelH._height = movie._height + 40;

panelH._x = (rootIcon.w / 2) - (panelH._width / 2);
panelH._y = (pageHeight / 2) - (panelH._height / 2);
movie._x = panelH._x + 10;
movie._y = panelH._y + 10;
panelH._alpha = "100";
movie._alpha = "100";
hideVideo._visible = 1;
btnToggle._visible = 1;

if (hsData.cHotspot[icon.parentNode.index()].reset == 'false'){
  movie.flvPlayer.autoRewind = false;
}

initW = movie._width;
initH = movie._height;
initX = movie._x;
initY = movie._y;

// calculate fullScreen values for later  (constrain() does not work for movies)
widthRatio = maxWidth2 / initW;
heightRatio = maxHeight / initH;
// use the smallest of the two ratios
if (widthRatio >= heightRatio){
  fullWidth = parseInt(initW * heightRatio);
  fullHeight = parseInt(initH * heightRatio);
} else {
  fullWidth = initW * widthRatio;
  fullHeight = initH * widthRatio;
}

buttonX =  movie._x + movie._width - 30 - continueBtnWidth; 

if(myStartFrame != undefined){
  movie.flvPlayer.seek(myStartFrame));
}
]]></SCR>
					</RES>
				</INT>
				<INT name="video events" perpetual="1">
					<RES rs="btnToggle" swf="templatePath + 'common/zoom.png'" name="toggle" type="button" x="movie._x + movie._width - 20" y="movie._y + movie._height + 2" label="label" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[if (fullScreen == false){
  fullScreen = true;
  movie.setSize(fullWidth,fullHeight);
} else {
  fullScreen = false;
  movie.setSize(initW,initH);
}
]]></SCR>
					</RES>
					<RES name="onResize" type="event" eventName="onResize" icon="movie" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[if (fullScreen == true){

  panelH._width = movie._width + 20;
  panelH._height = movie._height + 40;
  panelH._x = (rootIcon.w / 2) - (panelH._width / 2);
  panelH._y = (pageHeight / 2) - (panelH._height / 2);
  movie._x = panelH._x + 10;
  movie._y = panelH._y + 10;
  hideVideo._y = btnToggle._y;  

  btnToggle._x = movie._x + movie._width - 20;
  btnToggle._y = movie._y + movie._height + 2;
  buttonX =  movie._x + movie._width - 30 - buttonW; 

} else {

  movie._x = initX;
  movie._y = initY;
  
  panelH._x = movie._x - 10;
  panelH._y = movie._y - 10;
  panelH._width = initW + 20;
  panelH._height = initH + 40;
  
    
  btnToggle._x = initX + initW - 20;
  btnToggle._y = initY + initH + 2;
  hideVideo._y = btnToggle._y; 
  buttonX =  movie._x + movie._width - 30 - buttonW; 
}


]]></SCR>
					</RES>
					<RES name="onPlayheadUpdate" type="event" eventName="onPlayheadUpdate" icon="movie" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[//end time reached?
if (myEndFrame != undefined) {
  if (movie.flvPlayer.playheadTime > Number(myEndFrame)){
    movie.pause();
    movie.flvPlayer.seek(Number(myStartFrame));
  }
}
]]></SCR>
					</RES>
					<RES w="continueBtnWidth" toolTip="{continueBtnTxt}" swf="templatePath + 'common/button.swf'" rs="hideVideo" name="hideVideo" type="button" x="buttonX" y="btnToggle._y" label="{continueBtnTxt}" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[movie.stop();
movie._alpha = "0";
panelH._alpha = "0";
hideVideo._visible = 0;
btnToggle._visible = 0;

// re-enable hotspots
hspot.clear();
for (i = 0; i < hspot.responses.length; i++){
  hspot.responses[i]._visible = "1";
}
]]></SCR>
					</RES>
				</INT>
				<INT name="sound events" perpetual="1">
					<RES w="continueBtnWidth" swf="templatePath + 'common/button.swf'" toolTip="{continueBtnTxt}" rs="continueBtn" name="continueBtn" type="button" x="continueX" y="continueY" label="{continueBtnTxt}" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[snd.pause();
snd._visible = "0";
// re-enable hotspots
hspot.clear();
for (i = 0; i < hspot.responses.length; i++){
  hspot.responses[i]._visible = "1";
}
continueBtn._visible = "0";]]></SCR>
					</RES>
				</INT>
				<INT name="pop up events" perpetual="1">
					<RES w="continueBtnWidth" swf="templatePath + 'common/button.swf'" toolTip="{continueBtnTxt}" rs="hidePopUp" name="hidePopUp" type="button" x="popBtnX" y="popBtnY" label="{continueBtnTxt}" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[hspot.clear();
popUpText._visible = 0;
panelH._alpha = "0";
hidePopUp._visible = 0;
// re-enable hotspots
for (i = 0; i < hspot.responses.length; i++){
  hspot.responses[i]._visible = "1";
}]]></SCR>
					</RES>
				</INT>
			</RES>
		</INT>
		<DIS embedVars="1" textColour="#FF0000" textSize="20" id="txtPageNotFound" name="txtPageNotFound" x="stageWidth /  2 - 100" y="maxHeight / 2 - 125" w="200" h="250" type="text"><![CDATA[]]></DIS>
		<DIS scrolling="auto" id="popUpText" name="popUpText" x="putX" y="putY" w="putW" h="putH" type="text"><![CDATA[]]></DIS>
		<SCR name="finalTidyUp"><![CDATA[txtPageNotFound._visible = 0;
]]></SCR>
	</PG>
\ No newline at end of file
+	<PG title="Hotspot Image Connector" name="Hotspot Image Connector">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
   
if (rootIcon.projMode == "dev"){
// Page Wizard 
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // routed pages only
  pageID_array = new Array();
  pageTitle_array = new Array();
  
  for (i = 0; i < rootIcon.pages.length; i++){
    pageID_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.pageID);
    pageTitle_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.name);
  }
  navOffset = 0;  
  
} else {  // Toolkits  
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

  
  // routed pages only
  pageID_array = new Array(); 
  pageTitle_array = new Array();

  for (i = 0; i < extXML.firstChild.childNodes.length; i++){
    pageID_array.push(extXML.firstChild.childNodes[i].attributes.pageID);
    pageTitle_array.push(extXML.firstChild.childNodes[i].attributes.name);
  }	  
  navOffset = pgOffset - 1;  
}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.connectorHotspotImage[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}   

]]></SCR>
		<SCR id="fnSetNavigation" isFunc="1" name="fnSetNavigation"><![CDATA[// next button and continue button
if (nextSet != undefined){
  rootIcon.nextBtn.setEnabled(nextSet);
  rootIcon.contButton.setEnabled(nextSet);	
}
// back button
if (backSet != undefined){
	  rootIcon.backBtn.setEnabled(backSet);
}
// table of contents
if (tocSet != undefined){
	  rootIcon.tocBtn.setEnabled(tocSet);
}]]></SCR>
		<SCR isFunc="1" id="fnListToClipboard" name="fnListToClipboard"><![CDATA[// outputs a list of page titles and page ids to the clipboard
clipBoardText = "";
if (reportStyle == "text"){
  for (i = 0; i < pageID_array.length; i++){  
   // output a list of titles and pageIDs
    clipBoardText = clipBoardText + pageLabel + " " + (i + 1) + " " + titleLabel + " " + pageTitle_array[i] + " | " + idLabel + " " + pageID_array[i] + chr(13) + chr(10);
  }
  System.setClipboard(clipBoardText);
} else if (reportStyle == "html"){

// html version
clipBoardText = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<html><head><title>' + reportTitle + '</title></head><body>';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<table border="1" cellpadding="5">' + chr(13) + chr(10);
clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + pageLabel + '</td><td bgcolor="lightgreen">' + titleLabel + '</td><td bgcolor="lightblue">' + idLabel + '</td></tr>' + chr(13) + chr(10);
  for (i = 0; i < pageID_array.length; i++){  
    clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + (i + 1) + '</td><td bgcolor="lightgreen">' + pageTitle_array[i] + '</td><td bgcolor="lightblue">' + pageID_array[i]  + '</td></tr>' + chr(13) + chr(10);
  }
  clipBoardText = clipBoardText + '</table></body></html>' + chr(13) + chr(10);
  System.setClipboard(clipBoardText);
} else {
  // do nothing
}]]></SCR>
		<SCR name="initial setup"><![CDATA[// set up positioning values
pageHeight = rootIcon.h - (rootIcon.statusBarHeight + rootIcon.titleBarHeight + rootIcon.titleBannerHeight);
colMargin = "30";
borderVal = "10";
// allow margin top and bottom
maxHeight = pageHeight - (2 * colMargin);
// allow margin left, right and middle
maxWidth3 = rootIcon.w - (3 * colMargin);
maxWidth2 = rootIcon.w - (2 * colMargin);

textH = maxHeight;
leftColx = colMargin;

// set up text strings
reportTitle = pageIcon.templateData.connectorHotspotImage[projPI].reportTitle;
pageLabel = pageIcon.templateData.connectorHotspotImage[projPI].pageLabel;
titleLabel = pageIcon.templateData.connectorHotspotImage[projPI].titleLabel;
idLabel = pageIcon.templateData.connectorHotspotImage[projPI].idLabel;
notFoundMessage = pageIcon.templateData.connectorHotspotImage[projPI].notFoundMessage;
notSetMessage = pageIcon.templateData.connectorHotspotImage[projPI].notSetMessage;
continueBtnTxt = pageIcon.templateData.connectorHotspotImage[projPI].continueBtnTxt;
continueBtnWidth = pageIcon.templateData.connectorHotspotImage[projPI].continueBtnWidth;

hicol = pageIcon.templateData.connectorHotspotImage[projPI].hicol;

if (templateData.learningObject[0].authorSupport == "true"){
  pageMode = "development";
} else {
  pageMode = "live";
} 

// send page titles and page ids to clipboard if requested
if ((pageMode == "development") && (pageIcon.templateData.connectorHotspotImage[projPI].listToClip != undefined)){
  reportStyle = pageIcon.templateData.connectorHotspotImage[projPI].listToClip;
  fnListToClipboard();
}

// set navigation to be used by destination page
  nextState = 1;
  backState = 1;
  tocState = 1;

// configure navigation settings for this page;
if (pageIcon.templateData.connectorHotspotImage[projPI].pageNav == "none"){
  nextSet = 0;
  backSet = 0;
  tocSet = 0;
} else {
// all
  nextSet = 1;
  backSet = 1;
  tocSet = 1;
}
// action navigation settings
fnSetNavigation();

if (pageIcon.templateData.connectorHotspotImage[projPI].imageTransition != undefined){
  imageTransition = pageIcon.templateData.connectorHotspotImage[projPI].imageTransition;
  switch (imageTransition) { 
        case "blinds" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "blinds('in', 1, 'None', 'easeNone', 10, 3)";
            break; 
        case "dissolve" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "dissolve('in', 1, 'None', 'easeNone', 100, 100)";            
            break;
        case "fade" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "fade('in', 1, 'None', 'easeNone')";              
            break;
        case "fly" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "fly('in', 1, 'None', 'easeNone', 6)";               
            break;
        case "iris" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "iris('in', 1, 'None', 'easeNone', 'circle')";              
            break;
        case "squeeze" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "squeeze('in', 1, 'None', 'easeNone', 0)";            
            break;
        case "wipe" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "wipe('in', 1, 'None', 'easeNone', 2)"; 
            break;
        case "zoom" : 
            icon.nextSibling.nextSibling.nextSibling.attributes.transition = "zoom('in', 1, 'None', 'easeNone')";             
            break;                                                                          
        default : 
            // no transition
            break; 
    } 

}

if (pageIcon.templateData.connectorHotspotImage[projPI].narration != undefined){
  narration = pageIcon.templateData.connectorHotspotImage[projPI].narration;
  rootIcon.broadcast('showAudio');
}



]]></SCR>
		<DIS h="474" w="760" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on
if (pageIcon.templateData.connectorHotspotImage[projPI].hidePanel == 'true'){
  panel._alpha = 0;
}
]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.connectorHotspotImage[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="coded" y="30 + topVOffset" type="ext" url="{pageIcon.templateData.connectorHotspotImage[projPI].url}"><![CDATA[{pageIcon.templateData.page[0].text[0].tip}]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//resize the image if it's too big or too wide
p = graphic._width / graphic._height;

scale = 1;
initHeight = graphic._height;
initWidth = graphic._width;

// establish maxWidth depending on image size actual, full screen or auto. 
if (pageIcon.templateData.connectorHotspotImage[projPI].textWidth == 'none'){
  // no need for space between text and image as text not displayed
  // image can take up all of screen width
  graphic.constrain(maxWidth2, maxHeight);
  textWidth = "0";
} else if (pageIcon.templateData.connectorHotspotImage[projPI].textWidth == 'narrow'){
  // text can only take up space left by image 
  textMin = "150";
  graphicSpace = parseInt(maxWidth3 - textMin);
  graphic.constrain(graphicSpace, maxHeight);
  textWidth = parseInt(maxWidth3 - graphic._width); 
} else if (pageIcon.templateData.connectorHotspotImage[projPI].textWidth == 'wide'){
  textMin = "250";
  graphicSpace = parseInt(maxWidth3 - textMin);
  graphic.constrain(graphicSpace, maxHeight);
  textWidth = parseInt(maxWidth3 - graphic._width); 
} else {
  // whats left if picture full size or constrained if to big
  graphic.constrain(maxWidth3, maxHeight);
  textWidth = parseInt(maxWidth3 - graphic._width);  
}
// adjust scale
scale = graphic._width / initWidth;

// set up position
if (pageIcon.templateData.connectorHotspotImage[projPI].textWidth == 'none'){
  graphic._x = (rootIcon.w / 2) - (graphic._width / 2);
  graphic._y = colMargin;
} else {
  if (pageIcon.templateData.connectorHotspotImage[projPI].align == 'Left'){
    textX = colMargin;
    textY = colMargin;
    graphic._x = (colMargin * 2) + textWidth;
    graphic._y = = colMargin;
  } else {
    // right align
    textX = (colMargin * 2) + graphic._width;
    textY = colMargin;
    graphic._x = colMargin;
    graphic._y = = colMargin;    
  }
}  

panel._x = graphic._x - borderVal;
panel._y = graphic._y - borderVal;
panel._width = graphic._width + (borderVal * 2);
panel._height = graphic._height + (borderVal * 2);
]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" textColour="#333333" id="textBlock" h="textH" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.connectorHotspotImage[projPI].text}]]></DIS>
		<SCR name="set up popup"><![CDATA[// set up position of pop up
putW = parseInt(maxWidth2 / 2);
putH = parseInt(maxHeight / 2);
putX = (stageWidth / 2) - (putW / 2);
putY = (pageHeight / 2) - (putH / 2);
]]></SCR>
		<SCR name="makeHotspots"><![CDATA[hsData = pageIcon.templateData.connectorHotspotImage[projPI];

if (pageIcon.templateData.connectorHotspotImage[projPI].highlight == 'true'){
  icon.nextSibling.firstChild.attributes.highlight = '1';
  icon.nextSibling.firstChild.attributes.highlightColour = hicol;
}
if (icon.attributes.built != "true"){
  icon.nextSibling.firstChild.duplicate(pageIcon.templateData.connectorHotspotImage[projPI].cHotspot.length - 1);
}
icon.attributes.built = "true";

currentHS = -1;
]]></SCR>
		<INT id="hspot" name="hotspots" perpetual="1">
			<RES highlightColour="0xFF0000" name="protoHotpot" type="hotSpot" x="graphic._x + Number(hsData.cHotspot[icon.index()].x)*scale" y="graphic._y + Number(hsData.cHotspot[icon.index()].y)*scale" w="Number(hsData.cHotspot[icon.index()].w)*scale" h="Number(hsData.cHotspot[icon.index()].h)*scale" click="1" cursor="1" erase="1" exit="0">
				<DIS h="474 - topVOffset" w="760" tabIndex="-1" id="panelH" name="panelH" x="20" y="20 " type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
				<INT name="loadPanel" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="panelH" erase="1" exit="1">
						<SCR name="exit"><![CDATA[//ok to move on
panelH._alpha = 0;]]></SCR>
					</RES>
				</INT>
				<SCR name="handleClick"><![CDATA[currentHS = icon.parentNode.index();
hs = hspot.responses[icon.parentNode.index()];

hspot.clear();

// only run this if user wants to highlight selected hotspot.
if (pageIcon.templateData.connectorHotspotImage[projPI].highlight == "true"){
  hspot.lineStyle(2,hicol,100);
  hspot.drawRect(hs._x, hs._y, hs._width, hs._height);
}
destPageName = hsData.cHotspot[icon.parentNode.index()].destination;
exitNav = hsData.cHotspot[icon.parentNode.index()].exitNav;

// remove objects not needed in order last node first as deletion of earlier nodes will affect 
// the number of siblings between this script and the target node
// 6th node
if (hsData.cHotspot[icon.parentNode.index()].hotspotPopUp == undefined){
  // delete the popup related objects
  if (icon.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nodeName == 'INT'){
    icon.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.removeNode();
  }
}

// 5th Node
if (hsData.cHotspot[icon.parentNode.index()].hotspotSound == undefined){
  if (icon.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nodeName == 'INT'){
    icon.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.removeNode();
  }
}

// 4th to 2nd nodes
if (hsData.cHotspot[icon.parentNode.index()].hotspotMovie == undefined){
  // get rid of the movie related objects
  if (icon.nextSibling.nextSibling.nextSibling.nextSibling.nodeName == 'INT'){
    icon.nextSibling.nextSibling.nextSibling.nextSibling.removeNode();
  }
  if (icon.nextSibling.nextSibling.nextSibling.nodeName == 'INT'){
    icon.nextSibling.nextSibling.nextSibling.removeNode();
  }
  if (icon.nextSibling.nextSibling.nodeName == 'MOV'){
    icon.nextSibling.nextSibling.removeNode();
  }
}

// 1st node
if (hsData.cHotspot[icon.parentNode.index()].hotspotSound == undefined){
  // remove sound icon from node if no sound specified
  if (icon.nextSibling.nodeName == 'SND'){
    icon.nextSibling.removeNode();
  }
}

// hide development mode message
 txtPageNotFound._visible = 0;
 panelH._alpha = 0;
 popUpText._visible = 0;

if (destPageName == undefined){
 
  // using other feature than destination
  pageFound="";
  // relative navigation - first prev next last
  if (hsData.cHotspot[icon.parentNode.index()].relNav != undefined){
    // setup navigation for next page visited
    if (nextSet == undefined){
      nextSet = nextState;
    } 
    if (backSet == undefined){
      backSet = backState;
    } 
    if (tocSet == undefined){
      tocSet = tocState;
    } 
    // set navigation prior to going to next page     
    fnSetNavigation();
    switch(hsData.cHotspot[icon.parentNode.index()].relNav){
      case "first":
        rootIcon.firstPage();
        break;    
      case "prev":
        rootIcon.prevPage();
        break;    
      case "last":
        rootIcon.lastPage();
        break;    
      default:
        rootIcon.nextPage();
        break;    
    }
  }

  // remote url - open window
  if (hsData.cHotspot[icon.parentNode.index()].windowURL != undefined){
    params = new Object();
    params.url =  hsData.cHotspot[icon.parentNode.index()].windowURL;
    if (hsData.cHotspot[icon.parentNode.index()].windowWidth == undefined){
      params.width = "550";  
    } else {
      params.width =  hsData.cHotspot[icon.parentNode.index()].windowWidth;    
    }
    if (hsData.cHotspot[icon.parentNode.index()].windowHeight == undefined){
      params.height = "400";  
    } else {
      params.height =  hsData.cHotspot[icon.parentNode.index()].windowHeight;    
    }
    if (hsData.cHotspot[icon.parentNode.index()].htm == undefined || hsData.cHotspot[icon.parentNode.index()].htm == ""){
      callJS('openWindow', params); 
    } else {
      params.html = hsData.cHotspot[icon.parentNode.index()].htm;    
     callJS('createWindow', params);     
    }
  }

  // play a sound
  if (hsData.cHotspot[icon.parentNode.index()].hotspotSound != undefined){
    // hide hotspot  highlights
    for (i = 0; i < hspot.responses.length; i++){
      hspot.responses[i]._visible = "0";
    }
     
    //check for a literal path
    sndURL = hsData.cHotspot[icon.parentNode.index()].hotspotSound;
    if (sndURL.indexOf('http') == 0){
      sndURL = "'" + sndURL + "'";
    }
    // set up sound player control and continue button.
    icon.nextSibling.attributes.controls = graphic._x +',' + (graphic._y + graphic._height - 20) + ',' + graphic._width;
    continueX = graphic._x + (graphic._width / 2) - (continueBtnWidth / 2);
    continueY = graphic._y + graphic._height + 10;
   
  } 
  
  // play a video file
  if (hsData.cHotspot[icon.parentNode.index()].hotspotMovie != undefined){
    // hide hotspot  highlights
    for (i = 0; i < hspot.responses.length; i++){
      hspot.responses[i]._visible = "0";
    }
    
    //size the movie
    if (hsData.cHotspot[icon.parentNode.index()].movieSize != undefined){
      icon.parentNode.getChildByName('movie').attributes.w = hsData.cHotspot[icon.parentNode.index()].movieSize.split(',')[0];
      icon.parentNode.getChildByName('movie').attributes.h = hsData.cHotspot[icon.parentNode.index()].movieSize.split(',')[1];
    }
	
    // set start and end frame
    if (hsData.cHotspot[icon.parentNode.index()].endFrame != undefined){
      myEndFrame = hsData.cHotspot[icon.parentNode.index()].endFrame;
    } else {
      myEndFrame = undefined;
    }
    if (hsData.cHotspot[icon.parentNode.index()].startFrame != undefined){
      myStartFrame = hsData.cHotspot[icon.parentNode.index()].startFrame;
    } else {
      myStartFrame = "0";
    }
	
    vidURL = hsData.cHotspot[icon.parentNode.index()].hotspotMovie;
    //support for links from moletv
    if (vidURL.indexOf('moletv.org.uk') != -1){
      vid = vidURL.split('=')[1];
      vidURL = "'http://www.moletv.org.uk/mod/FileStream.aspx?v=" + vid + "&t=1&z=.flv'"
    }
	
    fullScreen = false;
  }

  // display a pop up
  if (hsData.cHotspot[icon.parentNode.index()].hotspotPopUp != undefined){
    // hide hotspot  highlights
    for (i = 0; i < hspot.responses.length; i++){
      hspot.responses[i]._visible = "0";
    } 

    // position and size of pop up has been defined earlier
    // now set up panelH size and position
    panelH._width = putW + 20;
    panelH._height = putH + 50;
    panelH._x = putX - 10;
    panelH._y = putY - 10;
    popBtnX = 20;
    popBtnY = panelH._y + panelH._height - 30;
    popBtnX = panelH._x + (panelH._width / 2) - (continueBtnWidth / 2);

    panelH._alpha = 100;
    hidePopUp._visible = 1;
    popUpText._visible = 1;
    popUpText.setText(hsData.cHotspot[icon.parentNode.index()].hotspotPopUp);
  }
  
// standard connector hotspot
} else if (destPageName == "") {
  // pageID not specified message
  txtPageNotFound.setText(notSetMessage);
  pageFound="false";
  
} else {  
  // a destination has been specified 
  pageFound="false";
  // navigate to destination page
  for (i = 0; i < pageID_array.length; i++){
	    if (pageID_array[i] == destPageName){
		  pageFound = "true";
		  destinationIndex = i;

      // setup navigation for next page
      if (exitNav == "restrict"){
        // just back and next buttons
        nextSet = 1;
        backSet = 1;
        tocSet = 0;
      } else {
        // all navigation buttons
        nextSet = 1;
        backSet = 1;
        tocSet = 1;
      }

      // set navigation prior to going to next page     
      fnSetNavigation();
      // go to destination page
 	  rootIcon.gotoPage(destinationIndex + navOffset);  
		  break;
    }
  }
  if (pageFound == "false"){
    // pageID was set but not found
    txtPageNotFound.setText(idLabel + "<br>" + destPageName + "<br>" + notFoundMessage)
  }
}

if ((pageMode == "development") && (pageFound == "false")){
// set up page not found text box
  txtPageNotFound.clear();
  txtPageNotFound.beginFill(0xFFFFCC, 100);
  txtPageNotFound.lineStyle(1,0x000000,100);
  txtPageNotFound.drawRect(-10,-10,250,200,20);
  txtPageNotFound._visible = 1;
  txtPageNotFound.wipe('in',0.25,'Strong','easeIn',2) 
}

]]></SCR>
				<SND id="snd" name="protoSound" type="ext" url="{sndURL}" play="1" loop="0" wait="0" />
				<MOV id="movie" name="movie" x="0" y="30" url="{vidURL}" controls="1" play="0"><![CDATA[{hsData.cHotspot[icon.parentNode.index()].tip}]]></MOV>
				<INT name="loadVideo" perpetual="0">
					<RES name="onMovieReady" type="event" eventName="onMovieReady" icon="movie" erase="1" exit="1">
						<SCR name="calculate"><![CDATA[//resize the panel to the movie
panelH._width = movie._width + 20;
panelH._height = movie._height + 40;

panelH._x = (rootIcon.w / 2) - (panelH._width / 2);
panelH._y = (pageHeight / 2) - (panelH._height / 2);
movie._x = panelH._x + 10;
movie._y = panelH._y + 10;
panelH._alpha = "100";
movie._alpha = "100";
hideVideo._visible = 1;
btnToggle._visible = 1;

if (hsData.cHotspot[icon.parentNode.index()].reset == 'false'){
  movie.flvPlayer.autoRewind = false;
}

initW = movie._width;
initH = movie._height;
initX = movie._x;
initY = movie._y;

// calculate fullScreen values for later  (constrain() does not work for movies)
widthRatio = maxWidth2 / initW;
heightRatio = maxHeight / initH;
// use the smallest of the two ratios
if (widthRatio >= heightRatio){
  fullWidth = parseInt(initW * heightRatio);
  fullHeight = parseInt(initH * heightRatio);
} else {
  fullWidth = initW * widthRatio;
  fullHeight = initH * widthRatio;
}

buttonX =  movie._x + movie._width - 30 - continueBtnWidth; 

if(myStartFrame != undefined){
  movie.flvPlayer.seek(myStartFrame));
}
]]></SCR>
					</RES>
				</INT>
				<INT name="video events" perpetual="1">
					<RES rs="btnToggle" swf="templatePath + 'common/zoom.png'" name="toggle" type="button" x="movie._x + movie._width - 20" y="movie._y + movie._height + 2" label="label" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[if (fullScreen == false){
  fullScreen = true;
  movie.setSize(fullWidth,fullHeight);
} else {
  fullScreen = false;
  movie.setSize(initW,initH);
}
]]></SCR>
					</RES>
					<RES name="onResize" type="event" eventName="onResize" icon="movie" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[if (fullScreen == true){

  panelH._width = movie._width + 20;
  panelH._height = movie._height + 40;
  panelH._x = (rootIcon.w / 2) - (panelH._width / 2);
  panelH._y = (pageHeight / 2) - (panelH._height / 2);
  movie._x = panelH._x + 10;
  movie._y = panelH._y + 10;
  hideVideo._y = btnToggle._y;  

  btnToggle._x = movie._x + movie._width - 20;
  btnToggle._y = movie._y + movie._height + 2;
  buttonX =  movie._x + movie._width - 30 - buttonW; 

} else {

  movie._x = initX;
  movie._y = initY;
  
  panelH._x = movie._x - 10;
  panelH._y = movie._y - 10;
  panelH._width = initW + 20;
  panelH._height = initH + 40;
  
    
  btnToggle._x = initX + initW - 20;
  btnToggle._y = initY + initH + 2;
  hideVideo._y = btnToggle._y; 
  buttonX =  movie._x + movie._width - 30 - buttonW; 
}


]]></SCR>
					</RES>
					<RES name="onPlayheadUpdate" type="event" eventName="onPlayheadUpdate" icon="movie" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[//end time reached?
if (myEndFrame != undefined) {
  if (movie.flvPlayer.playheadTime > Number(myEndFrame)){
    movie.pause();
    movie.flvPlayer.seek(Number(myStartFrame));
  }
}
]]></SCR>
					</RES>
					<RES w="continueBtnWidth" toolTip="{continueBtnTxt}" swf="templatePath + 'common/button.swf'" rs="hideVideo" name="hideVideo" type="button" x="buttonX" y="btnToggle._y" label="{continueBtnTxt}" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[movie.stop();
movie._alpha = "0";
panelH._alpha = "0";
hideVideo._visible = 0;
btnToggle._visible = 0;

// re-enable hotspots
hspot.clear();
for (i = 0; i < hspot.responses.length; i++){
  hspot.responses[i]._visible = "1";
}
]]></SCR>
					</RES>
				</INT>
				<INT name="sound events" perpetual="1">
					<RES w="continueBtnWidth" swf="templatePath + 'common/button.swf'" toolTip="{continueBtnTxt}" rs="continueBtn" name="continueBtn" type="button" x="continueX" y="continueY" label="{continueBtnTxt}" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[snd.pause();
snd._visible = "0";
// re-enable hotspots
hspot.clear();
for (i = 0; i < hspot.responses.length; i++){
  hspot.responses[i]._visible = "1";
}
continueBtn._visible = "0";]]></SCR>
					</RES>
				</INT>
				<INT name="pop up events" perpetual="1">
					<RES w="continueBtnWidth" swf="templatePath + 'common/button.swf'" toolTip="{continueBtnTxt}" rs="hidePopUp" name="hidePopUp" type="button" x="popBtnX" y="popBtnY" label="{continueBtnTxt}" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[hspot.clear();
popUpText._visible = 0;
panelH._alpha = "0";
hidePopUp._visible = 0;
// re-enable hotspots
for (i = 0; i < hspot.responses.length; i++){
  hspot.responses[i]._visible = "1";
}]]></SCR>
					</RES>
				</INT>
			</RES>
		</INT>
		<DIS embedVars="1" textColour="#FF0000" textSize="20" id="txtPageNotFound" name="txtPageNotFound" x="stageWidth /  2 - 100" y="maxHeight / 2 - 125" w="200" h="250" type="text"><![CDATA[]]></DIS>
		<DIS scrolling="auto" id="popUpText" name="popUpText" x="putX" y="putY" w="putW" h="putH" type="text"><![CDATA[]]></DIS>
		<SCR name="finalTidyUp"><![CDATA[txtPageNotFound._visible = 0;
]]></SCR>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/connectorPlainText.rlm b/modules/xerte/parent_templates/Nottingham/models/connectorPlainText.rlm
index ce9eb47842..484e15174f 100644
--- a/modules/xerte/parent_templates/Nottingham/models/connectorPlainText.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/connectorPlainText.rlm
@@ -1 +1 @@
-	<PG title="Plain Text Connector" name="connectorPlainText">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){
// Page Wizard 
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // routed pages only
  pageID_array = new Array();
  pageTitle_array = new Array();
  
  for (i = 0; i < rootIcon.pages.length; i++){
    pageID_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.pageID);
    pageTitle_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.name);
	  }
  navOffset = 0;  
  
} else {  // Toolkits  
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

  
  // routed pages only
  pageID_array = new Array(); 
  pageTitle_array = new Array();

  for (i = 0; i < extXML.firstChild.childNodes.length; i++){
    pageID_array.push(extXML.firstChild.childNodes[i].attributes.pageID);
    pageTitle_array.push(extXML.firstChild.childNodes[i].attributes.name);

  }	
  navOffset = pgOffset - 1;    
}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.connectorPlainText[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}   

]]></SCR>
		<SCR id="fnSetNavigation" isFunc="1" name="fnSetNavigation"><![CDATA[// next button and continue button
if (nextSet != undefined){
  rootIcon.nextBtn.setEnabled(nextSet);
  rootIcon.contButton.setEnabled(nextSet);	
}
// back button
if (backSet != undefined){
	  rootIcon.backBtn.setEnabled(backSet);
}
// table of contents
if (tocSet != undefined){
	  rootIcon.tocBtn.setEnabled(tocSet);
}]]></SCR>
		<SCR isFunc="1" id="fnListToClipboard" name="fnListToClipboard"><![CDATA[// outputs a list of page titles and page ids to the clipboard
clipBoardText = "";
if (reportStyle == "text"){
  for (i = 0; i < pageID_array.length; i++){  
   // output a list of titles and pageIDs
    clipBoardText = clipBoardText + pageLabel + " " + (i + 1) + " " + titleLabel + " " + pageTitle_array[i] + " | " + idLabel + " " + pageID_array[i] + chr(13) + chr(10);
  }
  System.setClipboard(clipBoardText);
} else if (reportStyle == "html"){

// html version
clipBoardText = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<html><head><title>' + reportTitle + '</title></head><body>';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<table border="1" cellpadding="5">' + chr(13) + chr(10);
clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + pageLabel + '</td><td bgcolor="lightgreen">' + titleLabel + '</td><td bgcolor="lightblue">' + idLabel + '</td></tr>' + chr(13) + chr(10);
  for (i = 0; i < pageID_array.length; i++){  
    clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + (i + 1) + '</td><td bgcolor="lightgreen">' + pageTitle_array[i] + '</td><td bgcolor="lightblue">' + pageID_array[i]  + '</td></tr>' + chr(13) + chr(10);
  }
  clipBoardText = clipBoardText + '</table></body></html>' + chr(13) + chr(10);
  System.setClipboard(clipBoardText);
} else {
  // do nothing
}]]></SCR>
		<SCR id="fnTextCon" isFunc="1" name="fnTextCon"><![CDATA[// function to receive pageID of page 
// and takes the user to the specified page if it exists
// if mode = development an error message is displayed if a specified page cannot be found

destPageName = args[0];

// new code
pageFound = "false";

if ((destPageName == undefined) || (destPageName == "")){
  // pageID not specified message
  txtPageNotFound.setText(notSetMessage);
} else {  // a destination has been specified 
  
  // navigate to destination page
  for (i = 0; i < pageID_array.length; i++){
	    if (pageID_array[i] == destPageName){
		  pageFound = "true";
		  destinationIndex = i;
      // set navigation to be used by destination page
      nextSet = nextState;
      backSet = backState;
      tocSet = tocState;

      // set navigation prior to going to next page     
      fnSetNavigation();
      // go to destination page
 	  rootIcon.gotoPage(destinationIndex + navOffset);  
		  break;
    }
    if (pageFound == "false"){
      // pageID was set but not found
      txtPageNotFound.setText(idLabel + "<br>" + destPageName + "<br>" + notFoundMessage)
    }
  }
}
if ((pageMode == "development") && (pageFound == "false")){
// set up page not found text box
  txtPageNotFound.clear();
  txtPageNotFound.beginFill(0xFFFFCC, 100);
  txtPageNotFound.lineStyle(1,0x000000,100);
  txtPageNotFound.drawRect(-10,-10,250,200,20);
  txtPageNotFound._visible = 1;
  txtPageNotFound.wipe('in',0.25,'Strong','easeIn',2) 
}

]]></SCR>
		<SCR name="set up"><![CDATA[reportTitle = pageIcon.templateData.connectorPlainText[projPI].reportTitle;
pageLabel = pageIcon.templateData.connectorPlainText[projPI].pageLabel;
titleLabel = pageIcon.templateData.connectorPlainText[projPI].titleLabel;
idLabel = pageIcon.templateData.connectorPlainText[projPI].idLabel;
notFoundMessage = pageIcon.templateData.connectorPlainText[projPI].notFoundMessage;
notSetMessage = pageIcon.templateData.connectorPlainText[projPI].notSetMessage;

if (templateData.learningObject[0].authorSupport == "true"){
  pageMode = "development";
} else {
  pageMode = "live";
} 

if ((pageMode == "development") && (pageIcon.templateData.connectorPlainText[projPI].listToClip != undefined)){
  reportStyle = pageIcon.templateData.connectorPlainText[projPI].listToClip;
  fnListToClipboard();
}

// set navigation to be used by destination page
  nextState = 1;
  backState = 1;
  tocState = 1;

// configure navigation settings for this page;
if (pageIcon.templateData.connectorPlainText[projPI].pageNav == "none"){
  nextSet = 0;
  backSet = 0;
  tocSet = 0;
} else {
// all
  nextSet = 1;
  backSet = 1;
  tocSet = 1;
}

// action navigation settings
fnSetNavigation();

if (rootIcon.getProperty('visuals') == "1") {
  tabVOffset = 15;
}
  else {
  tabVOffset = 30;
}

if (pageIcon.templateData.connectorPlainText[projPI].textWidth != undefined){
  // added to directly set the width of the text display
  icon.nextSibling.nextSibling.attributes.w = pageIcon.templateData.connectorPlainText[projPI].textWidth;   
}

nextSet = pageIcon.templateData.connectorPlainText[projPI].exitNextSet;
backSet = pageIcon.templateData.connectorPlainText[projPI].exitBackSet;
tocSet =  pageIcon.templateData.connectorPlainText[projPI].exitTocSet;

if (pageIcon.templateData.connectorPlainText[projPI].narration != undefined){
  narration = pageIcon.templateData.connectorPlainText[projPI].narration;
  rootIcon.broadcast('showAudio');
}]]></SCR>
		<DIS scrolling="auto" name="text" x="20" y="20 + topVOffset" w="550" h="475" type="text"><![CDATA[{pageIcon.templateData.connectorPlainText[projPI]}]]></DIS>
		<DIS embedVars="1" textColour="#FF0000" textSize="20" id="txtPageNotFound" name="txtPageNotFound" x="(760 - 180) / 2" y="(474 - 80 - topVOffset) / 2" w="180" h="80" type="text"><![CDATA[]]></DIS>
		<SCR name="finalTidyUp"><![CDATA[// set up page not found text box
txtPageNotFound.beginFill(0xFFFFCC, 100);
txtPageNotFound.lineStyle(1,0x000000,100);
txtPageNotFound.drawRect(-10,-10,200,150,20);
txtPageNotFound.dropShadow(7,45,0x999999,50);
txtPageNotFound._visible = 0;


]]></SCR>
	</PG>
\ No newline at end of file
+	<PG title="Plain Text Connector" name="connectorPlainText">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){
// Page Wizard 
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // routed pages only
  pageID_array = new Array();
  pageTitle_array = new Array();
  
  for (i = 0; i < rootIcon.pages.length; i++){
    pageID_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.pageID);
    pageTitle_array.push(rootIcon.pages[i].extXML.firstChild.childNodes[0].attributes.name);
	  }
  navOffset = 0;  
  
} else {  // Toolkits  
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

  
  // routed pages only
  pageID_array = new Array(); 
  pageTitle_array = new Array();

  for (i = 0; i < extXML.firstChild.childNodes.length; i++){
    pageID_array.push(extXML.firstChild.childNodes[i].attributes.pageID);
    pageTitle_array.push(extXML.firstChild.childNodes[i].attributes.name);

  }	
  navOffset = pgOffset - 1;    
}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.connectorPlainText[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}   

]]></SCR>
		<SCR id="fnSetNavigation" isFunc="1" name="fnSetNavigation"><![CDATA[// next button and continue button
if (nextSet != undefined){
  rootIcon.nextBtn.setEnabled(nextSet);
  rootIcon.contButton.setEnabled(nextSet);	
}
// back button
if (backSet != undefined){
	  rootIcon.backBtn.setEnabled(backSet);
}
// table of contents
if (tocSet != undefined){
	  rootIcon.tocBtn.setEnabled(tocSet);
}]]></SCR>
		<SCR isFunc="1" id="fnListToClipboard" name="fnListToClipboard"><![CDATA[// outputs a list of page titles and page ids to the clipboard
clipBoardText = "";
if (reportStyle == "text"){
  for (i = 0; i < pageID_array.length; i++){  
   // output a list of titles and pageIDs
    clipBoardText = clipBoardText + pageLabel + " " + (i + 1) + " " + titleLabel + " " + pageTitle_array[i] + " | " + idLabel + " " + pageID_array[i] + chr(13) + chr(10);
  }
  System.setClipboard(clipBoardText);
} else if (reportStyle == "html"){

// html version
clipBoardText = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<html><head><title>' + reportTitle + '</title></head><body>';
clipBoardText = clipBoardText + chr(13) + chr(10);
clipBoardText = clipBoardText + '<table border="1" cellpadding="5">' + chr(13) + chr(10);
clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + pageLabel + '</td><td bgcolor="lightgreen">' + titleLabel + '</td><td bgcolor="lightblue">' + idLabel + '</td></tr>' + chr(13) + chr(10);
  for (i = 0; i < pageID_array.length; i++){  
    clipBoardText = clipBoardText + '<tr><td bgcolor="yellow">' + (i + 1) + '</td><td bgcolor="lightgreen">' + pageTitle_array[i] + '</td><td bgcolor="lightblue">' + pageID_array[i]  + '</td></tr>' + chr(13) + chr(10);
  }
  clipBoardText = clipBoardText + '</table></body></html>' + chr(13) + chr(10);
  System.setClipboard(clipBoardText);
} else {
  // do nothing
}]]></SCR>
		<SCR id="fnTextCon" isFunc="1" name="fnTextCon"><![CDATA[// function to receive pageID of page 
// and takes the user to the specified page if it exists
// if mode = development an error message is displayed if a specified page cannot be found

destPageName = args[0];

// new code
pageFound = "false";

if ((destPageName == undefined) || (destPageName == "")){
  // pageID not specified message
  txtPageNotFound.setText(notSetMessage);
} else {  // a destination has been specified 
  
  // navigate to destination page
  for (i = 0; i < pageID_array.length; i++){
	    if (pageID_array[i] == destPageName){
		  pageFound = "true";
		  destinationIndex = i;
      // set navigation to be used by destination page
      nextSet = nextState;
      backSet = backState;
      tocSet = tocState;

      // set navigation prior to going to next page     
      fnSetNavigation();
      // go to destination page
 	  rootIcon.gotoPage(destinationIndex + navOffset);  
		  break;
    }
    if (pageFound == "false"){
      // pageID was set but not found
      txtPageNotFound.setText(idLabel + "<br>" + destPageName + "<br>" + notFoundMessage)
    }
  }
}
if ((pageMode == "development") && (pageFound == "false")){
// set up page not found text box
  txtPageNotFound.clear();
  txtPageNotFound.beginFill(0xFFFFCC, 100);
  txtPageNotFound.lineStyle(1,0x000000,100);
  txtPageNotFound.drawRect(-10,-10,250,200,20);
  txtPageNotFound._visible = 1;
  txtPageNotFound.wipe('in',0.25,'Strong','easeIn',2) 
}

]]></SCR>
		<SCR name="set up"><![CDATA[reportTitle = pageIcon.templateData.connectorPlainText[projPI].reportTitle;
pageLabel = pageIcon.templateData.connectorPlainText[projPI].pageLabel;
titleLabel = pageIcon.templateData.connectorPlainText[projPI].titleLabel;
idLabel = pageIcon.templateData.connectorPlainText[projPI].idLabel;
notFoundMessage = pageIcon.templateData.connectorPlainText[projPI].notFoundMessage;
notSetMessage = pageIcon.templateData.connectorPlainText[projPI].notSetMessage;

if (templateData.learningObject[0].authorSupport == "true"){
  pageMode = "development";
} else {
  pageMode = "live";
} 

if ((pageMode == "development") && (pageIcon.templateData.connectorPlainText[projPI].listToClip != undefined)){
  reportStyle = pageIcon.templateData.connectorPlainText[projPI].listToClip;
  fnListToClipboard();
}

// set navigation to be used by destination page
  nextState = 1;
  backState = 1;
  tocState = 1;

// configure navigation settings for this page;
if (pageIcon.templateData.connectorPlainText[projPI].pageNav == "none"){
  nextSet = 0;
  backSet = 0;
  tocSet = 0;
} else {
// all
  nextSet = 1;
  backSet = 1;
  tocSet = 1;
}

// action navigation settings
fnSetNavigation();

if (rootIcon.getProperty('visuals') == "1") {
  tabVOffset = 15;
}
  else {
  tabVOffset = 30;
}

if (pageIcon.templateData.connectorPlainText[projPI].textWidth != undefined){
  // added to directly set the width of the text display
  icon.nextSibling.nextSibling.attributes.w = pageIcon.templateData.connectorPlainText[projPI].textWidth;   
}

nextSet = pageIcon.templateData.connectorPlainText[projPI].exitNextSet;
backSet = pageIcon.templateData.connectorPlainText[projPI].exitBackSet;
tocSet =  pageIcon.templateData.connectorPlainText[projPI].exitTocSet;

if (pageIcon.templateData.connectorPlainText[projPI].narration != undefined){
  narration = pageIcon.templateData.connectorPlainText[projPI].narration;
  rootIcon.broadcast('showAudio');
}]]></SCR>
		<DIS scrolling="auto" name="text" x="20" y="20" w="550" h="475" type="text"><![CDATA[{pageIcon.templateData.connectorPlainText[projPI]}]]></DIS>
		<DIS embedVars="1" textColour="#FF0000" textSize="20" id="txtPageNotFound" name="txtPageNotFound" x="(760 - 180) / 2" y="(474 - 80) / 2" w="180" h="80" type="text"><![CDATA[]]></DIS>
		<SCR name="finalTidyUp"><![CDATA[// set up page not found text box
txtPageNotFound.beginFill(0xFFFFCC, 100);
txtPageNotFound.lineStyle(1,0x000000,100);
txtPageNotFound.drawRect(-10,-10,200,150,20);
txtPageNotFound.dropShadow(7,45,0x999999,50);
txtPageNotFound._visible = 0;


]]></SCR>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/customHotspots.rlm b/modules/xerte/parent_templates/Nottingham/models/customHotspots.rlm
index 7ff912dc7e..6c36458037 100644
--- a/modules/xerte/parent_templates/Nottingham/models/customHotspots.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/customHotspots.rlm
@@ -1 +1 @@
-	<PG title="Custom Hotspots" repeat="1" w="txt._width" y="txt._y + txt._height + 60" x="txt._x" name="customHotspots">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.customHotspots[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}    
  
hicol = pageIcon.templateData.customHotspots[projPI].hicol;

// set up text strings
if (pageIcon.templateData.customHotspots[projPI].hotspotsTxt != undefined){
  hotspotsTxt = pageIcon.templateData.customHotspots[projPI].hotspotsTxt;
} else {
  hotspotsTxt = "Explore the diagram. Click on the various parts to learn more.";
}

if (pageIcon.templateData.customHotspots[projPI].labelsTxt != undefined){
  labelsTxt = pageIcon.templateData.customHotspots[projPI].labelsTxt;
} else {
  labelsTxt = "Drag the pins for each label to the correct position in the diagram. You can re-position the labels if required.";
}

if (pageIcon.templateData.customHotspots[projPI].showMeTxt != undefined){
  showMeTxt = pageIcon.templateData.customHotspots[projPI].showMeTxt;
} else {
  showMeTxt = "Use the arrows to learn more.";
}

if (pageIcon.templateData.customHotspots[projPI].regionsTxt != undefined){
  regionsTxt = pageIcon.templateData.customHotspots[projPI].regionsTxt;
} else {
  regionsTxt = "Show Regions";
}

if (pageIcon.templateData.customHotspots[projPI].nextTxt != undefined){
  nextTxt = pageIcon.templateData.customHotspots[projPI].nextTxt;
} else {
  nextTxt = "Next";
}

if (pageIcon.templateData.customHotspots[projPI].priorTxt != undefined){
  priorTxt = pageIcon.templateData.customHotspots[projPI].priorTxt;
} else {
  priorTxt = "Back";
}

if (pageIcon.templateData.customHotspots[projPI].nextBtnTxt != undefined){
  nextBtnTxt = pageIcon.templateData.customHotspots[projPI].nextBtnTxt;
} else {
  nextBtnTxt = "Next";
}

if (pageIcon.templateData.customHotspots[projPI].nextBtnTip != undefined){
  nextBtnTip = pageIcon.templateData.customHotspots[projPI].nextBtnTip;
} else {
  nextBtnTip = "Next Question";
}

if (pageIcon.templateData.customHotspots[projPI].nextBtnWidth != undefined){
  nextBtnWidth = pageIcon.templateData.customHotspots[projPI].nextBtnWidth;
} else {
  nextBtnWidth = "100";
}


if (pageIcon.templateData.customHotspots[projPI].checkBtnTxt != undefined){
  checkBtnTxt = pageIcon.templateData.customHotspots[projPI].checkBtnTxt;
} else {
  checkBtnTxt = "Check";
}

if (pageIcon.templateData.customHotspots[projPI].checkBtnTip != undefined){
  checkBtnTip = pageIcon.templateData.customHotspots[projPI].checkBtnTip;
} else {
  checkBtnTip = "Check Answer";
}

if (pageIcon.templateData.customHotspots[projPI].checkBtnWidth != undefined){
  checkBtnWidth = pageIcon.templateData.customHotspots[projPI].checkBtnWidth;
} else {
  checkBtnWidth = "100";
}

if (pageIcon.templateData.customHotspots[projPI].beforeQuesCount != undefined){
  beforeQuesCount = pageIcon.templateData.customHotspots[projPI].beforeQuesCount;
} else {
  beforeQuesCount = "Question";
}

if (pageIcon.templateData.customHotspots[projPI].nQValue != undefined){
  nQValue = pageIcon.templateData.customHotspots[projPI].nQValue;
} else {
  nQValue = "n";
}

if (pageIcon.templateData.customHotspots[projPI].betweenQuesCount != undefined){
  betweenQuesCount = pageIcon.templateData.customHotspots[projPI].betweenQuesCount;
} else {
  betweenQuesCount = "of";
}

if (pageIcon.templateData.customHotspots[projPI].afterQuesCount != undefined){
  afterQuesCount = pageIcon.templateData.customHotspots[projPI].afterQuesCount;
} else {
  afterQuesCount = "";
}

if (pageIcon.templateData.customHotspots[projPI].questionTxt != undefined){
  questionTxt = pageIcon.templateData.customHotspots[projPI].questionTxt;
} else {
  questionTxt = "Which item is highlighted in the diagram? Choose from the following options";
}

if (pageIcon.templateData.customHotspots[projPI].wrong1stTxt != undefined){
  wrong1stTxt = pageIcon.templateData.customHotspots[projPI].wrong1stTxt;
} else {
  wrong1stTxt = "No. The";
}

if (pageIcon.templateData.customHotspots[projPI].wrong2ndTxt != undefined){
  wrong2ndTxt = pageIcon.templateData.customHotspots[projPI].wrong2ndTxt;
} else {
  wrong2ndTxt = "is highlighted in green. The correct answer is the";
}

if (pageIcon.templateData.customHotspots[projPI].noOptionTxt != undefined){
  noOptionTxt = pageIcon.templateData.customHotspots[projPI].noOptionTxt;
} else {
  noOptionTxt = "k You haven't selected an option.";
}

if (pageIcon.templateData.customHotspots[projPI].correctTxt != undefined){
  correctTxt = pageIcon.templateData.customHotspots[projPI].correctTxt;
} else {
  correctTxt = "That's right.";
}

if (pageIcon.templateData.customHotspots[projPI].continueTxt != undefined){
  continueTxt = pageIcon.templateData.customHotspots[projPI].continueTxt;
} else {
  continueTxt = "Move on to the next question";
}

if (pageIcon.templateData.customHotspots[projPI].scoreLabel != undefined){
  scoreLabel = pageIcon.templateData.customHotspots[projPI].scoreLabel;
} else {
  scoreLabel = "Score";
}

if (pageIcon.templateData.customHotspots[projPI].beforeScore != undefined){
  beforeScore = pageIcon.templateData.customHotspots[projPI].beforeScore;
} else {
  beforeScore = "You scored";
}

if (pageIcon.templateData.customHotspots[projPI].nSValue != undefined){
  nSValue = pageIcon.templateData.customHotspots[projPI].nSValue;
} else {
  nSValue = "s";
}

if (pageIcon.templateData.customHotspots[projPI].betweenScore != undefined){
  betweenScore = pageIcon.templateData.customHotspots[projPI].betweenScore;
} else {
  betweenScore = "out of";
}

if (pageIcon.templateData.customHotspots[projPI].afterScore != undefined){
  afterScore = pageIcon.templateData.customHotspots[projPI].afterScore;
} else {
  afterScore = "in the quiz";
}

if (pageIcon.templateData.customHotspots[projPI].onCompletion != undefined){
  onCompletion = pageIcon.templateData.customHotspots[projPI].onCompletion;
} else {
  onCompletion = "You can retake the quiz at any time";
}

// end of text string setup

if (pageIcon.templateData.customHotspots[projPI].narration != undefined){
  narration = pageIcon.templateData.customHotspots[projPI].narration;
  rootIcon.broadcast('showAudio');
}


]]></SCR>
		<DIS h="474" w="760" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DRW id="draw" name="drawing" x="40" y="40"><![CDATA[]]></DRW>
		<SCR name="setData"><![CDATA[draw.setData(pageIcon.templateData.customHotspots[projPI]);
draw.allowShapeEvents();

hCol = pageIcon.templateData.customHotspots[projPI].highlightColour;
lw = pageIcon.templateData.customHotspots[projPI].lineWidth;

//prepare to draw the shapes
if (pageIcon.templateData.customHotspots[projPI].showShapes == 'true'){
  shapesHighlight = true;
  shapeAlpha = 100;
} else {
  shapeAlpha = 0;
  shapesHighlight = false;
}

//which type
if (pageIcon.templateData.customHotspots[projPI].interactivity == 'Hotspots'){
  intType = 0;
}
if (pageIcon.templateData.customHotspots[projPI].interactivity == 'Labels'){
  intType = 1;
}
if (pageIcon.templateData.customHotspots[projPI].interactivity == 'Show Me'){
  intType = 2;
}
if (pageIcon.templateData.customHotspots[projPI].interactivity == 'MCQ'){
  intType = 3;
  shapeAlpha = 0;
  shapesHighlight = false;
  icon.parentNode.getChildByName("showShapes").removeNode();
}

for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){
    draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,0,0);
  }
}]]></SCR>
		<DIS textColour="#333333" id="txt" name="text" x="500" y="40" w="260" h="10" type="text"><![CDATA[{pageIcon.templateData.customHotspots[projPI].text}]]></DIS>
		<DIS textColour="#333333" id="fb" name="fb" x="txt._x" y="txt._y + txt._height + 20" w="260" h="10" type="text"><![CDATA[]]></DIS>
		<INT name="showShapes" perpetual="1">
			<RES name="onLoadImage" type="event" eventName="onLoadImage" icon="draw" erase="1" exit="0">
				<INT id="shaper" name="showShapes" perpetual="1">
					<RES rs="chkShapes" name="toggle" type="checkBox" x="40" y="25" label="{regionsTxt}" erase="1" exit="0">
						<SCR name="showShapes"><![CDATA[if (shapesHighlight == true){
  shapesHighlight = false;
  shapeAlpha = 0;
} else {
  shapeAlpha = 100;
  shapesHighlight = true;
}

for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){
    draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,0,0);
  }
}]]></SCR>
					</RES>
				</INT>
			</RES>
		</INT>
		<SCR name="setCheckBox"><![CDATA[if (shapesHighlight == true){
  chkShapes.setCheckState(true);
}

]]></SCR>
		<FW id="interactions" name="interactions">
			<FW_ENT name="navigate">
				<INT name="navigate" perpetual="0">
					<RES name="0secs" type="timeLimit" secs="0" reset="0" erase="1" exit="0">
						<SCR name="gotoPage"><![CDATA[interactions.gotoPage(intType);]]></SCR>
					</RES>
				</INT>
			</FW_ENT>
			<PG name="hotspots">
				<DIS textColour="#333333" name="instructions" x="40" y="474" w="760" h="10" type="text"><![CDATA[{'<font size="10"><b>' + hotspotsTxt + '</b></font>'}]]></DIS>
				<SCR name="makeAccessible"><![CDATA[draw.makeAccessible();]]></SCR>
				<INT name="interaction" perpetual="0">
					<RES name="onShapeRelease" type="event" eventName="onShapeRelease" icon="draw" erase="1" exit="0">
						<SCR name="highlightInfo"><![CDATA[//hide previous
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image'){
    draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,hCol,0);
  }
}

draw.currentShape._alpha = 100;
draw.currentShape.refreshShape(lw,hCol,100,hCol,40);

//find any other shapes in this group
grp = draw.currentShape.group;
if (grp != ''){  
  for (i = 0; i < draw.shapes.length; i++){
    if (draw.shapes[i].group == grp){
      draw.shapes[i].refreshShape(lw,hCol,100,hCol,40);
    }
  }
}


fb.setText('<b>' + draw.currentShape.label + '</b><br>' + draw.currentShape.info);





]]></SCR>
						<SCR name="clear"><![CDATA[if (draw.currentShape.info != ''){
  fb.beginFill(0xFFFFCC,100);
  fb.lineStyle(1,0x333333,100);
  fb.drawRect(0,0,260,474 - fb._y);
}]]></SCR>
					</RES>
				</INT>
			</PG>
			<PG name="dragDropLabels">
				<DIS textColour="#333333" name="instructions" x="40" y="474" w="760" h="10" type="text"><![CDATA[{'<font size="10"><b>' + labelsTxt + '</b></font>'}]]></DIS>
				<SCR name="makeLabels"><![CDATA[//only create one label for each group, so keep track of group names
groups = new Object();
labels = new Array();

for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){// && draw.shapes[i].label != ""){
    
    addShape = true;
    //we have shape - in a group?
    if (draw.shapes[i].group != ''){
      if (groups[draw.shapes[i].group] == undefined){ //we dont have this group yet
        groups[draw.shapes[i].group] = true;
      } else {
        addShape = false;
      }
    } 
  
    if (addShape == true){
      temp = new Object();  
      temp.label = draw.shapes[i].label;
      temp.info = draw.shapes[i].info;
      temp.shape = draw.shapes[i];
      temp.group = draw.shapes[i].group;
      labels.push(temp);
    }
  }
}

//create the interactions
if (icon.built != true){
  icon.nextSibling.firstChild.duplicate(labels.length - 1);
  icon.built = true;
}

]]></SCR>
				<DEC id="mainDec" name="labels" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
					<PG name="labels">
						<DIS textColour="#333333" id="protoLabel" name="protoLabel" x="40 + Math.floor(icon.parentNode.index() % 4) * 180" y="390 + Math.floor(icon.parentNode.index() / 4) * 30" w="150" h="10" type="text"><![CDATA[{labels[icon.parentNode.index()].label}]]></DIS>
						<DIS id="protoFlag" name="protoPin" x="protoLabel._x + 150" y="protoLabel._y" type="ext" url="templatePath + 'common/pin_blue.png'"><![CDATA[]]></DIS>
						<SCR name="setup"><![CDATA[tempPG = icon.parentNode.clip();

tempPG.label = protoLabel;
tempPG.flag = protoFlag;

protoLabel.beginFill(0x858585,100);
protoLabel.drawRect(-1,-1,152,protoLabel._height + 2,3);
protoLabel.beginFill(0xFFFFFF,100);
protoLabel.drawRect(0,0,150,protoLabel._height,3);
protoLabel.dropShadow(2,45,0x666666,100);

protoFlag.makeDraggable(true, 0,0,800,514);
protoLabel.makeDraggable(true, 0,0,800,514);

protoLabel.group = labels[icon.parentNode.index()].group;

nextY = protoLabel._y + protoLabel._height + 5]]></SCR>
						<INT name="dragDropHandlers" perpetual="1">
							<RES name="protoFlagStartDrag" type="event" eventName="onStartDrag" icon="protoFlag" erase="1" exit="0">
								<SCR name="start"><![CDATA[tempPG = mainDec.pages[mainDec.getPageIndex()];

]]></SCR>
							</RES>
							<RES name="protoFlagDrag" type="event" eventName="onDrag" icon="protoFlag" erase="1" exit="0">
								<SCR name="update"><![CDATA[tempPG.clear();
tempPG.lineStyle(lw,hCol,100);
tempPG.moveTo(tempPG.flag._x + 8, tempPG.flag._y + 8);
tempPG.lineTo(tempPG.label._x + tempPG.label._width / 2, tempPG.label._y + 5);]]></SCR>
							</RES>
							<RES name="protoFlagStopDrag" type="event" eventName="onStopDrag" icon="protoFlag" erase="1" exit="0">
								<SCR name="stop"><![CDATA[//useful things
tempPG = mainDec.pages[mainDec.getPageIndex()];
tempIC = tempPG.flag;
tempLabel = tempPG.label;

//did we hit a shape...
success = false;
for (i = 0; i < draw.shapes.length; i++){

  //way around problems with hittest and the third param for shape outline if scalemode is not default
  if (Stage.scaleMode == 'noScale'){
    hit = draw.shapes[i].hitTest(tempIC._x + 8, tempIC._y + 8 + 64, true);
  } else {
    hit = draw.shapes[i].hitTest(tempIC);
  } 

  if (hit == true){
    if (draw.shapes[i].label == tempLabel.txt.text){
       shapeIndex = i;
       success = true;
       break;
    }
    
    if (draw.shapes[i].group == tempLabel.group && tempLabel.group != ''){
       shapeIndex = i;
       success = true;
       break;
    }
  }
}
//un-highlight other shapes
for (i = 0; i < draw.shapes.length; i++){
  draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,0,0);
}
if (success != true){ //replace

  tempPG.clear();
  tempIC._x = tempLabel._x + 150;
  tempIC._y = tempLabel._y;

  tempPG.matched = false;

} else {
  //save the info
  tempPG.info = draw.shapes[shapeIndex].info;

  //highlight it
  draw.shapes[shapeIndex]._alpha = 100;
  draw.shapes[shapeIndex].refreshShape(lw,hCol,100,hCol,40);
  
  //find any other shapes in this group  
  grp = draw.shapes[shapeIndex].group;
  if (grp != ''){  
    for (i = 0; i < draw.shapes.length; i++){
      if (draw.shapes[i].group == grp){
        draw.shapes[i].refreshShape(lw,hCol,100,hCol,40);
      }
    }
  }

  //set info
  fb.setText('<b>' + tempLabel.txt.text + '</b><br>' + tempPG.info);
  fb.beginFill(0xFFFFCC,100);
  fb.lineStyle(1,0x333333,100);
  fb.drawRect(0,0,260,384 - fb._y);

  //flag for info
  tempPG.matched = true;
}]]></SCR>
							</RES>
							<RES name="protoLabelStartDrag" type="event" eventName="onStartDrag" icon="protoLabel" erase="1" exit="0">
								<SCR name="start"><![CDATA[tempPG = mainDec.pages[mainDec.getPageIndex()];
tempLabel = tempPG.label;

if (tempPG.matched == true){
  //un-highlight other shapes
  for (i = 0; i < draw.shapes.length; i++){
    draw.shapes[i].refreshShape(0,0,0,0,0);
  }

  //highlight it
  labels[mainDec.getPageIndex()].shape._alpha = 100;
  labels[mainDec.getPageIndex()].shape.refreshShape(lw,hCol,100,hCol,40);
  
  //find any other shapes in this group  
  grp = labels[mainDec.getPageIndex()].shape.group;
  if (grp != ''){  
    for (i = 0; i < draw.shapes.length; i++){
      if (draw.shapes[i].group == grp){
        draw.shapes[i].refreshShape(lw,hCol,100,hCol,40);
      }
    }
  }

  fb.setText('<b>' + tempLabel.txt.text + '</b><br>' + tempPG.info);
  fb.lineStyle(0,0x
}]]></SCR>
							</RES>
							<RES name="protoLabelDrag" type="event" eventName="onDrag" icon="protoLabel" erase="1" exit="0">
								<SCR name="update"><![CDATA[if (tempPG.matched == true){
  tempPG.clear();
  tempPG.lineStyle(lw,hCol,100);
  tempPG.moveTo(tempPG.flag._x + 8, tempPG.flag._y + 8);
  tempPG.lineTo(tempPG.label._x + tempPG.label._width / 2, tempPG.label._y + 5);
} else {
  tempPG.clear();
  tempPG.flag._x = tempPG.label._x+150;
  tempPG.flag._y = tempPG.label._y;
}]]></SCR>
							</RES>
							<RES name="protoLabelStopDrag" type="event" eventName="onStopDrag" icon="protoLabel" erase="1" exit="0">
								<SCR name="stop"><![CDATA[tempPG = mainDec.pages[mainDec.getPageIndex()];
tempLabel = tempPG.label;]]></SCR>
							</RES>
							<RES name="protoFlagSetFocus" type="event" eventName="onSetFocus" icon="protoFlag" erase="1" exit="0">
								<SCR name="[Untitled]"><![CDATA[debug("GOT IT");]]></SCR>
							</RES>
						</INT>
					</PG>
				</DEC>
				<INT name="stop" perpetual="0" />
			</PG>
			<PG name="showMe">
				<DIS textColour="#333333" name="instructions" x="90" y="460" w="760" h="10" type="text"><![CDATA[{'<font size="10"><b>' + showMeTxt + '</b></font>'}]]></DIS>
				<SCR name="setup"><![CDATA[//only create one label for each group, so keep track of group names
groups = new Object();
labels = new Array();

for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){// && draw.shapes[i].label != ""){
    
    addShape = true; //a flag
    
    //we have shape - in a group?
    if (draw.shapes[i].group != ''){
      if (groups[draw.shapes[i].group] == undefined){ //we dont have this group yet
        groups[draw.shapes[i].group] = true;
      } else {
        addShape = false; //we know about this group already
      }
    } 
  
    if (addShape == true){
      temp = new Object();  
      temp.label = draw.shapes[i].label;
      temp.info = draw.shapes[i].info;
      temp.shape = draw.shapes[i];
      temp.group = draw.shapes[i].group;
      labels.push(temp);
    }
  }
}

acIndex = 0;
]]></SCR>
				<INT name="interaction" perpetual="0">
					<RES toolTip="{priorTxt}" swf="templatePath + 'common/leftButton.swf'" name="back" type="button" x="40" y="460" label="{priorTxt}" erase="1" exit="0">
						<SCR name="showPrev"><![CDATA[acIndex--;
if (acIndex == -1){
  acIndex = labels.length - 1;
}

//hide previous
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image'){
    draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,hCol,0);
  }
}

labels[acIndex].shape.alpha = 100;
labels[acIndex].shape.refreshShape(lw,hCol,100,hCol,40);

//find any other shapes in this group
grp = labels[acIndex].group;
if (grp != ''){
  for (i = 0; i < draw.shapes.length; i++){
    if (draw.shapes[i].group == grp){
      draw.shapes[i].refreshShape(lw,hCol,100,hCol,40);
    }
  }
}

fb.setText('<b>' + labels[acIndex].shape.label + '</b><br>' + labels[acIndex].shape.info);
fb.beginFill(0xFFFFCC,100);
fb.lineStyle(1,0x333333,100);
fb.drawRect(0,0,260,474 - fb._y);


]]></SCR>
					</RES>
					<RES toolTip="{nextTxt}" swf="templatePath + 'common/rightButton.swf'" name="next" type="button" x="65" y="460" label="{nextTxt}" erase="1" exit="0">
						<SCR name="showNext"><![CDATA[acIndex++;
if (acIndex == labels.length){
  acIndex = 0;
}

//hide previous
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image'){
    draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,hCol,0);
  }
}

labels[acIndex].shape.alpha = 100;
labels[acIndex].shape.refreshShape(lw,hCol,100,hCol,40);

//find any other shapes in this group
grp = labels[acIndex].group;
if (grp != ''){  
  for (i = 0; i < draw.shapes.length; i++){
    if (draw.shapes[i].group == grp){
      draw.shapes[i].refreshShape(lw,hCol,100,hCol,40);
    }
  }
}
fb.setText('<b>' + labels[acIndex].shape.label + '</b><br>' + labels[acIndex].shape.info);
fb.beginFill(0xFFFFCC,100);
fb.lineStyle(1,0x333333,100);
fb.drawRect(0,0,260,474 - fb._y);]]></SCR>
					</RES>
				</INT>
			</PG>
			<PG name="MCQ">
				<SCR name="hideShapes"><![CDATA[//hide the shapes
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){
    draw.shapes[i]._alpha = 0;
  }
}]]></SCR>
				<SCR name="makeQuestions"><![CDATA[labels = new Array();
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){// && draw.shapes[i].label != ""){
    temp = new Object();
    temp.label = draw.shapes[i].label;
    temp.info = draw.shapes[i].info;
    temp.shape = draw.shapes[i];
    labels.push(temp);
  }
}

//create the interactions
if (icon.built != "true"){
  icon.nextSibling.firstChild.duplicate(labels.length - 1);
  icon.built = "true";
}
score = 0;
count = 0;]]></SCR>
				<DEC id="quizDec" name="questions" repeat="all" branch="randomUnused" pause="0" erase="1" eraseOnExit="1">
					<PG name="protoQuestion">
						<DIS id="orient" name="orient" x="txt._x" y="txt._y + txt._height + 20" w="400" h="10" type="text"><![CDATA[]]></DIS>
						<DIS id="feedback" name="feedback" x="txt._x" y="txt._y + txt._height + 60" w="txt._width" h="10" type="text"><![CDATA[]]></DIS>
						<SCR name="highlightShape"><![CDATA[// set up orient text
// {'<b>Question ' + quizDec.repCount + ' of ' + labels.length + '</b>'}
if (nQValue == "n"){
  // number preceeds count
  orientText = "<b>" + beforeQuesCount + " " + quizDec.repCount + " " + betweenQuesCount + " " + labels.length + " " + afterQuesCount + "</b>"
} else {
  // count preceeds number
  orientText = "<b>" + beforeQuesCount + " " + labels.length + " " + betweenQuesCount + " " + quizDec.repCount + " " + afterQuesCount + "</b>"
}
orient.setText(orientText);

//hide the shapes
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){
    draw.shapes[i]._alpha = 0;
  }
}
count++;

q = icon.parentNode.index();

labels[q].shape._alpha = 100;
labels[q].shape.refreshShape(lw,hCol,100,lc,40);

//add the right answer and 3 wrong answers to the question, randomly
answersArray = new Array();
answersArray.push(labels[q].label);

noOptions = 4;
uniqueLabels = new Array();
for (i=0; i<labels.length; i++) {
  if (uniqueLabels.findValue(labels[i].label) == -1){
      uniqueLabels.push(labels[i].label);
  }
}

if (uniqueLabels.length < noOptions) {
  optionsToDelete = noOptions - uniqueLabels.length;
  for (i=0; i<optionsToDelete; i++) {
    icon.nextSibling.childNodes[uniqueLabels.length+1].removeNode();
  }  noOptions = uniqueLabels.length;
}

while (answersArray.length < noOptions){

  randomIndex = Math.floor(Math.random() * labels.length);
  randomTerm = labels[randomIndex].label;
  if (answersArray.findValue(randomTerm) == -1){
    answersArray.push(randomTerm);
  }
}

answersArray.randomize();

//mark the right answer as correct
for (i = 0; i < answersArray.length; i++){
  if (answersArray[i] == labels[q].label){
    icon.nextSibling.childNodes[i + 1].attributes.correct = 1;
  } else {
    icon.nextSibling.childNodes[i + 1].attributes.correct = 0;
  }
}

option = "";


]]></SCR>
						<INT id="mcq" name="interaction" perpetual="0">
							<RES name="prompt" type="label" x="txt._x" y="txt._y + txt._height + 40" w="txt._width" h="10" text="{questionTxt}" />
							<RES rs="op1" correct="0" name="option1" type="radio" x="icon.previousSibling.clip()._x" y="_ytile + 20" label="{answersArray[0]}" group="grp" erase="1" exit="0">
								<SCR name="getOption"><![CDATA[option = answersArray[0];]]></SCR>
							</RES>
							<RES rs="op2" name="option2" correct="0" type="radio" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{answersArray[1]}" group="grp" erase="1" exit="0">
								<SCR name="getOption"><![CDATA[option = answersArray[1];]]></SCR>
							</RES>
							<RES rs="op3" correct="0" name="option3" type="radio" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{answersArray[2]}" group="grp" erase="1" exit="0">
								<SCR name="getOption"><![CDATA[option = answersArray[2];]]></SCR>
							</RES>
							<RES rs="op4" correct="0" name="option4" type="radio" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{answersArray[3]}" group="grp" erase="1" exit="0">
								<SCR name="getOption"><![CDATA[option = answersArray[3];]]></SCR>
							</RES>
							<RES toolTip="{checkBtnTip}" rs="btnCheck" swf="templatePath + 'common/button.swf'" name="check" type="button" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{checkBtnTxt}" erase="1" exit="0">
								<SCR name="judge"><![CDATA[feedback._y = icon.parentNode.previousSibling.clip()._y + 60;
  
if (option != ""){  

  if (mcq.judge() == true){
    feedback.setText(correctTxt + " " + continueTxt);
    score++;
    
  } else {
  
    //highlight the option they selected
 //   feedback.setText("No. The " + option + " is highlighted green. The correct answer is the " + labels[q].label + ".<br><br>Move on to the next question.");
    feedback.setText(wrong1stTxt + " " + option + " " + wrong2ndTxt + " " + labels[q].label + ".<br><br>" + continueTxt);
    for (i = 0; i < labels.length; i++){
      if (labels[i].label == option){
        labels[i].shape._alpha = 100;
        labels[i].shape.refreshShape(2,0x00FF00,100,0x00FF00,40);
        break;
      }
    }
  }
  op1.setEnabled(false);
  op2.setEnabled(false);
  op3.setEnabled(false);
  op4.setEnabled(false);
  btnCheck.setEnabled(false);
  btnNext.setEnabled(true);

} else {
//  feedback.setText("You haven't selected an option.");
feedback.setText(noOptionTxt);
}



]]></SCR>
							</RES>
							<RES toolTip="{nextBtnTip}" rs="btnNext" enabled="0" swf="templatePath + 'common/button.swf'" name="moveOn" type="button" x="icon.previousSibling.clip()._x" y="454" label="{nextBtnTxt}" erase="1" exit="1">
								<SCR name="next"><![CDATA[if (count == labels.length){
  // set up final feedback text
  quesCount = icon.parentNode.parentNode.parentNode.parentNode.childNodes.length;
  if (nSValue = "s"){
    // score preceeds number of questions
    //{'<b>Score</b><br>You scored ' + score + ' out of ' + icon.previousSibling.childNodes.length + ' in the quiz. <br><br>You can retake the quiz at any time.'}    
    scorePhrase = "<b>" + scoreLabel + "</b><br>" + beforeScore + " " + score + " " + betweenScore + " " + quesCount + " " + afterScore +  "<br><br>" + onCompletion;
  } else {
    // number of questions preceeds score
    scorePhrase = "<b>" + scoreLabel + "</b><br>" + beforeScore + " " + quesCount + " " + betweenScore + " " + score + " " + afterScore +  "<br><br>" + onCompletion;

  }
  quizDec.exit();
}]]></SCR>
							</RES>
						</INT>
					</PG>
				</DEC>
				<DIS name="feedback" x="txt._x" y="txt._y + txt._height + 20" w="txt._width" h="10" type="text"><![CDATA[{scorePhrase}]]></DIS>
			</PG>
		</FW>
	</PG>
\ No newline at end of file
+	<PG title="Custom Hotspots" repeat="1" w="txt._width" y="txt._y + txt._height + 60" x="txt._x" name="customHotspots">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.customHotspots[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}    
  
hicol = pageIcon.templateData.customHotspots[projPI].hicol;

// set up text strings
if (pageIcon.templateData.customHotspots[projPI].hotspotsTxt != undefined){
  hotspotsTxt = pageIcon.templateData.customHotspots[projPI].hotspotsTxt;
} else {
  hotspotsTxt = "Explore the diagram. Click on the various parts to learn more.";
}

if (pageIcon.templateData.customHotspots[projPI].labelsTxt != undefined){
  labelsTxt = pageIcon.templateData.customHotspots[projPI].labelsTxt;
} else {
  labelsTxt = "Drag the pins for each label to the correct position in the diagram. You can re-position the labels if required.";
}

if (pageIcon.templateData.customHotspots[projPI].showMeTxt != undefined){
  showMeTxt = pageIcon.templateData.customHotspots[projPI].showMeTxt;
} else {
  showMeTxt = "Use the arrows to learn more.";
}

if (pageIcon.templateData.customHotspots[projPI].regionsTxt != undefined){
  regionsTxt = pageIcon.templateData.customHotspots[projPI].regionsTxt;
} else {
  regionsTxt = "Show Regions";
}

if (pageIcon.templateData.customHotspots[projPI].nextTxt != undefined){
  nextTxt = pageIcon.templateData.customHotspots[projPI].nextTxt;
} else {
  nextTxt = "Next";
}

if (pageIcon.templateData.customHotspots[projPI].priorTxt != undefined){
  priorTxt = pageIcon.templateData.customHotspots[projPI].priorTxt;
} else {
  priorTxt = "Back";
}

if (pageIcon.templateData.customHotspots[projPI].nextBtnTxt != undefined){
  nextBtnTxt = pageIcon.templateData.customHotspots[projPI].nextBtnTxt;
} else {
  nextBtnTxt = "Next";
}

if (pageIcon.templateData.customHotspots[projPI].nextBtnTip != undefined){
  nextBtnTip = pageIcon.templateData.customHotspots[projPI].nextBtnTip;
} else {
  nextBtnTip = "Next Question";
}

if (pageIcon.templateData.customHotspots[projPI].nextBtnWidth != undefined){
  nextBtnWidth = pageIcon.templateData.customHotspots[projPI].nextBtnWidth;
} else {
  nextBtnWidth = "100";
}


if (pageIcon.templateData.customHotspots[projPI].checkBtnTxt != undefined){
  checkBtnTxt = pageIcon.templateData.customHotspots[projPI].checkBtnTxt;
} else {
  checkBtnTxt = "Check";
}

if (pageIcon.templateData.customHotspots[projPI].checkBtnTip != undefined){
  checkBtnTip = pageIcon.templateData.customHotspots[projPI].checkBtnTip;
} else {
  checkBtnTip = "Check Answer";
}

if (pageIcon.templateData.customHotspots[projPI].checkBtnWidth != undefined){
  checkBtnWidth = pageIcon.templateData.customHotspots[projPI].checkBtnWidth;
} else {
  checkBtnWidth = "100";
}

if (pageIcon.templateData.customHotspots[projPI].beforeQuesCount != undefined){
  beforeQuesCount = pageIcon.templateData.customHotspots[projPI].beforeQuesCount;
} else {
  beforeQuesCount = "Question";
}

if (pageIcon.templateData.customHotspots[projPI].nQValue != undefined){
  nQValue = pageIcon.templateData.customHotspots[projPI].nQValue;
} else {
  nQValue = "n";
}

if (pageIcon.templateData.customHotspots[projPI].betweenQuesCount != undefined){
  betweenQuesCount = pageIcon.templateData.customHotspots[projPI].betweenQuesCount;
} else {
  betweenQuesCount = "of";
}

if (pageIcon.templateData.customHotspots[projPI].afterQuesCount != undefined){
  afterQuesCount = pageIcon.templateData.customHotspots[projPI].afterQuesCount;
} else {
  afterQuesCount = "";
}

if (pageIcon.templateData.customHotspots[projPI].questionTxt != undefined){
  questionTxt = pageIcon.templateData.customHotspots[projPI].questionTxt;
} else {
  questionTxt = "Which item is highlighted in the diagram? Choose from the following options";
}

if (pageIcon.templateData.customHotspots[projPI].wrong1stTxt != undefined){
  wrong1stTxt = pageIcon.templateData.customHotspots[projPI].wrong1stTxt;
} else {
  wrong1stTxt = "No. The";
}

if (pageIcon.templateData.customHotspots[projPI].wrong2ndTxt != undefined){
  wrong2ndTxt = pageIcon.templateData.customHotspots[projPI].wrong2ndTxt;
} else {
  wrong2ndTxt = "is highlighted in green. The correct answer is the";
}

if (pageIcon.templateData.customHotspots[projPI].noOptionTxt != undefined){
  noOptionTxt = pageIcon.templateData.customHotspots[projPI].noOptionTxt;
} else {
  noOptionTxt = "k You haven't selected an option.";
}

if (pageIcon.templateData.customHotspots[projPI].correctTxt != undefined){
  correctTxt = pageIcon.templateData.customHotspots[projPI].correctTxt;
} else {
  correctTxt = "That's right.";
}

if (pageIcon.templateData.customHotspots[projPI].continueTxt != undefined){
  continueTxt = pageIcon.templateData.customHotspots[projPI].continueTxt;
} else {
  continueTxt = "Move on to the next question";
}

if (pageIcon.templateData.customHotspots[projPI].scoreLabel != undefined){
  scoreLabel = pageIcon.templateData.customHotspots[projPI].scoreLabel;
} else {
  scoreLabel = "Score";
}

if (pageIcon.templateData.customHotspots[projPI].beforeScore != undefined){
  beforeScore = pageIcon.templateData.customHotspots[projPI].beforeScore;
} else {
  beforeScore = "You scored";
}

if (pageIcon.templateData.customHotspots[projPI].nSValue != undefined){
  nSValue = pageIcon.templateData.customHotspots[projPI].nSValue;
} else {
  nSValue = "s";
}

if (pageIcon.templateData.customHotspots[projPI].betweenScore != undefined){
  betweenScore = pageIcon.templateData.customHotspots[projPI].betweenScore;
} else {
  betweenScore = "out of";
}

if (pageIcon.templateData.customHotspots[projPI].afterScore != undefined){
  afterScore = pageIcon.templateData.customHotspots[projPI].afterScore;
} else {
  afterScore = "in the quiz";
}

if (pageIcon.templateData.customHotspots[projPI].onCompletion != undefined){
  onCompletion = pageIcon.templateData.customHotspots[projPI].onCompletion;
} else {
  onCompletion = "You can retake the quiz at any time";
}

if (pageIcon.templateData.customHotspots[projPI].restart != undefined){
  restart = pageIcon.templateData.customHotspots[projPI].restart;
} else {
  restart = "Restart";
}

// end of text string setup

if (pageIcon.templateData.customHotspots[projPI].narration != undefined){
  narration = pageIcon.templateData.customHotspots[projPI].narration;
  rootIcon.broadcast('showAudio');
}


]]></SCR>
		<DIS h="474" w="760" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DRW id="draw" name="drawing" x="40" y="40"><![CDATA[]]></DRW>
		<SCR name="setData"><![CDATA[draw.setData(pageIcon.templateData.customHotspots[projPI]);
draw.allowShapeEvents();

hCol = pageIcon.templateData.customHotspots[projPI].highlightColour;
lw = pageIcon.templateData.customHotspots[projPI].lineWidth;

//prepare to draw the shapes
if (pageIcon.templateData.customHotspots[projPI].showShapes == 'true'){
  shapesHighlight = true;
  shapeAlpha = 100;
} else {
  shapeAlpha = 0;
  shapesHighlight = false;
}

//which type
if (pageIcon.templateData.customHotspots[projPI].interactivity == 'Hotspots'){
  intType = 0;
}
if (pageIcon.templateData.customHotspots[projPI].interactivity == 'Labels'){
  intType = 1;
}
if (pageIcon.templateData.customHotspots[projPI].interactivity == 'Show Me'){
  intType = 2;
}
if (pageIcon.templateData.customHotspots[projPI].interactivity == 'MCQ'){
  intType = 3;
  shapeAlpha = 0;
  shapesHighlight = false;
  icon.parentNode.getChildByName("showShapes").removeNode();
}

for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){
    draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,0,0);
  }
}]]></SCR>
		<DIS textColour="#333333" id="txt" name="text" x="500" y="40" w="260" h="10" type="text"><![CDATA[{pageIcon.templateData.customHotspots[projPI].text}]]></DIS>
		<DIS textColour="#333333" id="fb" name="fb" x="txt._x" y="txt._y + txt._height + 20" w="260" h="10" type="text"><![CDATA[]]></DIS>
		<INT name="showShapes" perpetual="1">
			<RES name="onLoadImage" type="event" eventName="onLoadImage" icon="draw" erase="1" exit="0">
				<INT id="shaper" name="showShapes" perpetual="1">
					<RES rs="chkShapes" name="toggle" type="checkBox" x="40" y="25" label="{regionsTxt}" erase="1" exit="0">
						<SCR name="showShapes"><![CDATA[if (shapesHighlight == true){
  shapesHighlight = false;
  shapeAlpha = 0;
} else {
  shapeAlpha = 100;
  shapesHighlight = true;
}

for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){
    draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,0,0);
  }
}]]></SCR>
					</RES>
				</INT>
			</RES>
		</INT>
		<SCR name="setCheckBox"><![CDATA[if (shapesHighlight == true){
  chkShapes.setCheckState(true);
}

]]></SCR>
		<FW id="interactions" name="interactions">
			<FW_ENT name="navigate">
				<INT name="navigate" perpetual="0">
					<RES name="0secs" type="timeLimit" secs="0" reset="0" erase="1" exit="0">
						<SCR name="gotoPage"><![CDATA[interactions.gotoPage(intType);]]></SCR>
					</RES>
				</INT>
			</FW_ENT>
			<PG name="hotspots">
				<DIS textColour="#333333" name="instructions" x="40" y="474" w="760" h="10" type="text"><![CDATA[{'<font size="10"><b>' + hotspotsTxt + '</b></font>'}]]></DIS>
				<SCR name="makeAccessible"><![CDATA[draw.makeAccessible();]]></SCR>
				<INT name="interaction" perpetual="0">
					<RES name="onShapeRelease" type="event" eventName="onShapeRelease" icon="draw" erase="1" exit="0">
						<SCR name="highlightInfo"><![CDATA[//hide previous
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image'){
    draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,hCol,0);
  }
}

draw.currentShape._alpha = 100;
draw.currentShape.refreshShape(lw,hCol,100,hCol,40);

//find any other shapes in this group
grp = draw.currentShape.group;
if (grp != ''){  
  for (i = 0; i < draw.shapes.length; i++){
    if (draw.shapes[i].group == grp){
      draw.shapes[i].refreshShape(lw,hCol,100,hCol,40);
    }
  }
}


fb.setText('<b>' + draw.currentShape.label + '</b><br>' + draw.currentShape.info);





]]></SCR>
						<SCR name="clear"><![CDATA[if (draw.currentShape.info != ''){
  fb.beginFill(0xFFFFCC,100);
  fb.lineStyle(1,0x333333,100);
  fb.drawRect(0,0,260,474 - fb._y);
}]]></SCR>
					</RES>
				</INT>
			</PG>
			<PG name="dragDropLabels">
				<DIS textColour="#333333" name="instructions" x="40" y="474" w="760" h="10" type="text"><![CDATA[{'<font size="10"><b>' + labelsTxt + '</b></font>'}]]></DIS>
				<SCR name="makeLabels"><![CDATA[//only create one label for each group, so keep track of group names
groups = new Object();
labels = new Array();

for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){// && draw.shapes[i].label != ""){
    
    addShape = true;
    //we have shape - in a group?
    if (draw.shapes[i].group != ''){
      if (groups[draw.shapes[i].group] == undefined){ //we dont have this group yet
        groups[draw.shapes[i].group] = true;
      } else {
        addShape = false;
      }
    } 
  
    if (addShape == true){
      temp = new Object();  
      temp.label = draw.shapes[i].label;
      temp.info = draw.shapes[i].info;
      temp.shape = draw.shapes[i];
      temp.group = draw.shapes[i].group;
      labels.push(temp);
    }
  }
}

//create the interactions
if (icon.built != true){
  icon.nextSibling.firstChild.duplicate(labels.length - 1);
  icon.built = true;
}

]]></SCR>
				<DEC id="mainDec" name="labels" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
					<PG name="labels">
						<DIS textColour="#333333" id="protoLabel" name="protoLabel" x="40 + Math.floor(icon.parentNode.index() % 4) * 180" y="390 + Math.floor(icon.parentNode.index() / 4) * 30" w="150" h="10" type="text"><![CDATA[{labels[icon.parentNode.index()].label}]]></DIS>
						<DIS id="protoFlag" name="protoPin" x="protoLabel._x + 150" y="protoLabel._y" type="ext" url="templatePath + 'common/pin_blue.png'"><![CDATA[]]></DIS>
						<SCR name="setup"><![CDATA[tempPG = icon.parentNode.clip();

tempPG.label = protoLabel;
tempPG.flag = protoFlag;

protoLabel.beginFill(0x858585,100);
protoLabel.drawRect(-1,-1,152,protoLabel._height + 2,3);
protoLabel.beginFill(0xFFFFFF,100);
protoLabel.drawRect(0,0,150,protoLabel._height,3);
protoLabel.dropShadow(2,45,0x666666,100);

protoFlag.makeDraggable(true, 0,0,800,514);
protoLabel.makeDraggable(true, 0,0,800,514);

protoLabel.group = labels[icon.parentNode.index()].group;

nextY = protoLabel._y + protoLabel._height + 5]]></SCR>
						<INT name="dragDropHandlers" perpetual="1">
							<RES name="protoFlagStartDrag" type="event" eventName="onStartDrag" icon="protoFlag" erase="1" exit="0">
								<SCR name="start"><![CDATA[tempPG = mainDec.pages[mainDec.getPageIndex()];

]]></SCR>
							</RES>
							<RES name="protoFlagDrag" type="event" eventName="onDrag" icon="protoFlag" erase="1" exit="0">
								<SCR name="update"><![CDATA[tempPG.clear();
tempPG.lineStyle(lw,hCol,100);
tempPG.moveTo(tempPG.flag._x + 8, tempPG.flag._y + 8);
tempPG.lineTo(tempPG.label._x + tempPG.label._width / 2, tempPG.label._y + 5);]]></SCR>
							</RES>
							<RES name="protoFlagStopDrag" type="event" eventName="onStopDrag" icon="protoFlag" erase="1" exit="0">
								<SCR name="stop"><![CDATA[//useful things
tempPG = mainDec.pages[mainDec.getPageIndex()];
tempIC = tempPG.flag;
tempLabel = tempPG.label;

//did we hit a shape...
success = false;
for (i = 0; i < draw.shapes.length; i++){

  //way around problems with hittest and the third param for shape outline if scalemode is not default
  if (Stage.scaleMode == 'noScale'){
    hit = draw.shapes[i].hitTest(tempIC._x + 8, tempIC._y + 8 + 64, true);
  } else {
    hit = draw.shapes[i].hitTest(tempIC);
  } 

  if (hit == true){
    if (draw.shapes[i].label == tempLabel.txt.text){
       shapeIndex = i;
       success = true;
       break;
    }
    
    if (draw.shapes[i].group == tempLabel.group && tempLabel.group != ''){
       shapeIndex = i;
       success = true;
       break;
    }
  }
}
//un-highlight other shapes
for (i = 0; i < draw.shapes.length; i++){
  draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,0,0);
}
if (success != true){ //replace

  tempPG.clear();
  tempIC._x = tempLabel._x + 150;
  tempIC._y = tempLabel._y;

  tempPG.matched = false;

} else {
  //save the info
  tempPG.info = draw.shapes[shapeIndex].info;

  //highlight it
  draw.shapes[shapeIndex]._alpha = 100;
  draw.shapes[shapeIndex].refreshShape(lw,hCol,100,hCol,40);
  
  //find any other shapes in this group  
  grp = draw.shapes[shapeIndex].group;
  if (grp != ''){  
    for (i = 0; i < draw.shapes.length; i++){
      if (draw.shapes[i].group == grp){
        draw.shapes[i].refreshShape(lw,hCol,100,hCol,40);
      }
    }
  }

  //set info
  fb.setText('<b>' + tempLabel.txt.text + '</b><br>' + tempPG.info);
  fb.beginFill(0xFFFFCC,100);
  fb.lineStyle(1,0x333333,100);
  fb.drawRect(0,0,260,384 - fb._y);

  //flag for info
  tempPG.matched = true;
}]]></SCR>
							</RES>
							<RES name="protoLabelStartDrag" type="event" eventName="onStartDrag" icon="protoLabel" erase="1" exit="0">
								<SCR name="start"><![CDATA[tempPG = mainDec.pages[mainDec.getPageIndex()];
tempLabel = tempPG.label;

if (tempPG.matched == true){
  //un-highlight other shapes
  for (i = 0; i < draw.shapes.length; i++){
    draw.shapes[i].refreshShape(0,0,0,0,0);
  }

  //highlight it
  labels[mainDec.getPageIndex()].shape._alpha = 100;
  labels[mainDec.getPageIndex()].shape.refreshShape(lw,hCol,100,hCol,40);
  
  //find any other shapes in this group  
  grp = labels[mainDec.getPageIndex()].shape.group;
  if (grp != ''){  
    for (i = 0; i < draw.shapes.length; i++){
      if (draw.shapes[i].group == grp){
        draw.shapes[i].refreshShape(lw,hCol,100,hCol,40);
      }
    }
  }

  fb.setText('<b>' + tempLabel.txt.text + '</b><br>' + tempPG.info);
  fb.lineStyle(0,0x
}]]></SCR>
							</RES>
							<RES name="protoLabelDrag" type="event" eventName="onDrag" icon="protoLabel" erase="1" exit="0">
								<SCR name="update"><![CDATA[if (tempPG.matched == true){
  tempPG.clear();
  tempPG.lineStyle(lw,hCol,100);
  tempPG.moveTo(tempPG.flag._x + 8, tempPG.flag._y + 8);
  tempPG.lineTo(tempPG.label._x + tempPG.label._width / 2, tempPG.label._y + 5);
} else {
  tempPG.clear();
  tempPG.flag._x = tempPG.label._x+150;
  tempPG.flag._y = tempPG.label._y;
}]]></SCR>
							</RES>
							<RES name="protoLabelStopDrag" type="event" eventName="onStopDrag" icon="protoLabel" erase="1" exit="0">
								<SCR name="stop"><![CDATA[tempPG = mainDec.pages[mainDec.getPageIndex()];
tempLabel = tempPG.label;]]></SCR>
							</RES>
							<RES name="protoFlagSetFocus" type="event" eventName="onSetFocus" icon="protoFlag" erase="1" exit="0">
								<SCR name="[Untitled]"><![CDATA[debug("GOT IT");]]></SCR>
							</RES>
						</INT>
					</PG>
				</DEC>
				<INT name="stop" perpetual="0" />
			</PG>
			<PG name="showMe">
				<DIS textColour="#333333" name="instructions" x="90" y="460" w="760" h="10" type="text"><![CDATA[{'<font size="10"><b>' + showMeTxt + '</b></font>'}]]></DIS>
				<SCR name="setup"><![CDATA[//only create one label for each group, so keep track of group names
groups = new Object();
labels = new Array();

for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){// && draw.shapes[i].label != ""){
    
    addShape = true; //a flag
    
    //we have shape - in a group?
    if (draw.shapes[i].group != ''){
      if (groups[draw.shapes[i].group] == undefined){ //we dont have this group yet
        groups[draw.shapes[i].group] = true;
      } else {
        addShape = false; //we know about this group already
      }
    } 
  
    if (addShape == true){
      temp = new Object();  
      temp.label = draw.shapes[i].label;
      temp.info = draw.shapes[i].info;
      temp.shape = draw.shapes[i];
      temp.group = draw.shapes[i].group;
      labels.push(temp);
    }
  }
}

acIndex = 0;
]]></SCR>
				<INT name="interaction" perpetual="0">
					<RES toolTip="{priorTxt}" swf="templatePath + 'common/leftButton.swf'" name="back" type="button" x="40" y="460" label="{priorTxt}" erase="1" exit="0">
						<SCR name="showPrev"><![CDATA[acIndex--;
if (acIndex == -1){
  acIndex = labels.length - 1;
}

//hide previous
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image'){
    draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,hCol,0);
  }
}

labels[acIndex].shape.alpha = 100;
labels[acIndex].shape.refreshShape(lw,hCol,100,hCol,40);

//find any other shapes in this group
grp = labels[acIndex].group;
if (grp != ''){
  for (i = 0; i < draw.shapes.length; i++){
    if (draw.shapes[i].group == grp){
      draw.shapes[i].refreshShape(lw,hCol,100,hCol,40);
    }
  }
}

fb.setText('<b>' + labels[acIndex].shape.label + '</b><br>' + labels[acIndex].shape.info);
fb.beginFill(0xFFFFCC,100);
fb.lineStyle(1,0x333333,100);
fb.drawRect(0,0,260,474 - fb._y);


]]></SCR>
					</RES>
					<RES toolTip="{nextTxt}" swf="templatePath + 'common/rightButton.swf'" name="next" type="button" x="65" y="460" label="{nextTxt}" erase="1" exit="0">
						<SCR name="showNext"><![CDATA[acIndex++;
if (acIndex == labels.length){
  acIndex = 0;
}

//hide previous
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image'){
    draw.shapes[i].refreshShape(lw,hCol,shapeAlpha,hCol,0);
  }
}

labels[acIndex].shape.alpha = 100;
labels[acIndex].shape.refreshShape(lw,hCol,100,hCol,40);

//find any other shapes in this group
grp = labels[acIndex].group;
if (grp != ''){  
  for (i = 0; i < draw.shapes.length; i++){
    if (draw.shapes[i].group == grp){
      draw.shapes[i].refreshShape(lw,hCol,100,hCol,40);
    }
  }
}
fb.setText('<b>' + labels[acIndex].shape.label + '</b><br>' + labels[acIndex].shape.info);
fb.beginFill(0xFFFFCC,100);
fb.lineStyle(1,0x333333,100);
fb.drawRect(0,0,260,474 - fb._y);]]></SCR>
					</RES>
				</INT>
			</PG>
			<PG name="MCQ">
				<SCR name="hideShapes"><![CDATA[//hide the shapes
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){
    draw.shapes[i]._alpha = 0;
  }
}]]></SCR>
				<SCR name="makeQuestions"><![CDATA[labels = new Array();
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){// && draw.shapes[i].label != ""){
    temp = new Object();
    temp.label = draw.shapes[i].label;
    temp.info = draw.shapes[i].info;
    temp.shape = draw.shapes[i];
    labels.push(temp);
  }
}

//create the interactions
if (icon.built != "true"){
  icon.nextSibling.firstChild.duplicate(labels.length - 1);
  icon.built = "true";
}
score = 0;
count = 0;]]></SCR>
				<DEC id="quizDec" name="questions" repeat="all" branch="randomUnused" pause="0" erase="1" eraseOnExit="1">
					<PG name="protoQuestion">
						<DIS id="orient" name="orient" x="txt._x" y="txt._y + txt._height + 20" w="400" h="10" type="text"><![CDATA[]]></DIS>
						<DIS id="feedback" name="feedback" x="txt._x" y="txt._y + txt._height + 60" w="txt._width" h="10" type="text"><![CDATA[]]></DIS>
						<SCR name="highlightShape"><![CDATA[// set up orient text
// {'<b>Question ' + quizDec.repCount + ' of ' + labels.length + '</b>'}
if (nQValue == "n"){
  // number preceeds count
  orientText = "<b>" + beforeQuesCount + " " + quizDec.repCount + " " + betweenQuesCount + " " + labels.length + " " + afterQuesCount + "</b>"
} else {
  // count preceeds number
  orientText = "<b>" + beforeQuesCount + " " + labels.length + " " + betweenQuesCount + " " + quizDec.repCount + " " + afterQuesCount + "</b>"
}
orient.setText(orientText);

//hide the shapes
for (i = 0; i < draw.shapes.length; i++){
  if (draw.shapes[i].type != 'image' && draw.shapes[i].type != 'line'){
    draw.shapes[i]._alpha = 0;
  }
}
count++;

q = icon.parentNode.index();

labels[q].shape._alpha = 100;
labels[q].shape.refreshShape(lw,hCol,100,lc,40);

//add the right answer and 3 wrong answers to the question, randomly
answersArray = new Array();
answersArray.push(labels[q].label);

noOptions = 4;
uniqueLabels = new Array();
for (i=0; i<labels.length; i++) {
  if (uniqueLabels.findValue(labels[i].label) == -1){
      uniqueLabels.push(labels[i].label);
  }
}

if (uniqueLabels.length < noOptions) {
  optionsToDelete = noOptions - uniqueLabels.length;
  for (i=0; i<optionsToDelete; i++) {
    icon.nextSibling.childNodes[uniqueLabels.length+1].removeNode();
  }  noOptions = uniqueLabels.length;
}

while (answersArray.length < noOptions){

  randomIndex = Math.floor(Math.random() * labels.length);
  randomTerm = labels[randomIndex].label;
  if (answersArray.findValue(randomTerm) == -1){
    answersArray.push(randomTerm);
  }
}

answersArray.randomize();

//mark the right answer as correct
for (i = 0; i < answersArray.length; i++){
  if (answersArray[i] == labels[q].label){
    icon.nextSibling.childNodes[i + 1].attributes.correct = 1;
  } else {
    icon.nextSibling.childNodes[i + 1].attributes.correct = 0;
  }
}

option = "";


]]></SCR>
						<INT id="mcq" name="interaction" perpetual="0">
							<RES name="prompt" type="label" x="txt._x" y="txt._y + txt._height + 40" w="txt._width" h="10" text="{questionTxt}" />
							<RES rs="op1" correct="0" name="option1" type="radio" x="icon.previousSibling.clip()._x" y="_ytile + 20" label="{answersArray[0]}" group="grp" erase="1" exit="0">
								<SCR name="getOption"><![CDATA[option = answersArray[0];]]></SCR>
							</RES>
							<RES rs="op2" name="option2" correct="0" type="radio" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{answersArray[1]}" group="grp" erase="1" exit="0">
								<SCR name="getOption"><![CDATA[option = answersArray[1];]]></SCR>
							</RES>
							<RES rs="op3" correct="0" name="option3" type="radio" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{answersArray[2]}" group="grp" erase="1" exit="0">
								<SCR name="getOption"><![CDATA[option = answersArray[2];]]></SCR>
							</RES>
							<RES rs="op4" correct="0" name="option4" type="radio" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{answersArray[3]}" group="grp" erase="1" exit="0">
								<SCR name="getOption"><![CDATA[option = answersArray[3];]]></SCR>
							</RES>
							<RES toolTip="{checkBtnTip}" rs="btnCheck" swf="templatePath + 'common/button.swf'" name="check" type="button" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{checkBtnTxt}" erase="1" exit="0">
								<SCR name="judge"><![CDATA[feedback._y = icon.parentNode.previousSibling.clip()._y + 60;
  
if (option != ""){  

  if (mcq.judge() == true){
    feedback.setText(correctTxt + " " + continueTxt);
    score++;
    
  } else {
  
    //highlight the option they selected
 //   feedback.setText("No. The " + option + " is highlighted green. The correct answer is the " + labels[q].label + ".<br><br>Move on to the next question.");
    feedback.setText(wrong1stTxt + " " + option + " " + wrong2ndTxt + " " + labels[q].label + ".<br><br>" + continueTxt);
    for (i = 0; i < labels.length; i++){
      if (labels[i].label == option){
        labels[i].shape._alpha = 100;
        labels[i].shape.refreshShape(2,0x00FF00,100,0x00FF00,40);
        break;
      }
    }
  }
  op1.setEnabled(false);
  op2.setEnabled(false);
  op3.setEnabled(false);
  op4.setEnabled(false);
  btnCheck.setEnabled(false);
  btnNext.setEnabled(true);

} else {
//  feedback.setText("You haven't selected an option.");
feedback.setText(noOptionTxt);
}



]]></SCR>
							</RES>
							<RES toolTip="{nextBtnTip}" rs="btnNext" enabled="0" swf="templatePath + 'common/button.swf'" name="moveOn" type="button" x="icon.previousSibling.clip()._x" y="454" label="{nextBtnTxt}" erase="1" exit="1">
								<SCR name="next"><![CDATA[if (count == labels.length){
  // set up final feedback text
  quesCount = icon.parentNode.parentNode.parentNode.parentNode.childNodes.length;
  if (nSValue = "s"){
    // score preceeds number of questions
    //{'<b>Score</b><br>You scored ' + score + ' out of ' + icon.previousSibling.childNodes.length + ' in the quiz. <br><br>You can retake the quiz at any time.'}    
    scorePhrase = "<b>" + scoreLabel + "</b><br>" + beforeScore + " " + score + " " + betweenScore + " " + quesCount + " " + afterScore +  "<br><br>" + onCompletion;
  } else {
    // number of questions preceeds score
    scorePhrase = "<b>" + scoreLabel + "</b><br>" + beforeScore + " " + quesCount + " " + betweenScore + " " + score + " " + afterScore +  "<br><br>" + onCompletion;

  }
  quizDec.exit();
}]]></SCR>
							</RES>
						</INT>
					</PG>
				</DEC>
				<DIS id="fb" name="feedback" x="txt._x" y="txt._y + txt._height + 20" w="txt._width" h="10" type="text"><![CDATA[{scorePhrase}]]></DIS>
				<INT name="restart" perpetual="0">
					<RES swf="templatePath + 'common/button.swf'" toolTip="Enter Value..." name="Restart" type="button" x="txt._x" y="fb._y + fb._height + 20" label="{restart}" erase="1" exit="0">
						<SCR name="refresh"><![CDATA[//refresh the page
rootIcon.gotoPage(rootIcon.currentPage);]]></SCR>
					</RES>
				</INT>
			</PG>
		</FW>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/flickr.rlm b/modules/xerte/parent_templates/Nottingham/models/flickr.rlm
index e452c5ccb1..63eb0ab0ba 100644
--- a/modules/xerte/parent_templates/Nottingham/models/flickr.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/flickr.rlm
@@ -1 +1 @@
-	<PG title="Flickr" name="flickr">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.flickr[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

// set up display text
if (pageIcon.templateData.flickr[projPI].nextTipTxt != undefined){
	nextTipTxt = pageIcon.templateData.flickr[projPI].nextTipTxt;
} else {
	nextTipTxt = "Next Image";
}

if (pageIcon.templateData.flickr[projPI].priorTipTxt != undefined){
	priorTipTxt = pageIcon.templateData.flickr[projPI].priorTipTxt;
} else {
	priorTipTxt = "Previous Image";
}

if (pageIcon.templateData.flickr[projPI].loadingTxt != undefined){
	loadingTxt = pageIcon.templateData.flickr[projPI].loadingTxt;
} else {
	loadingTxt = "Loading...";
}
if (pageIcon.templateData.flickr[projPI].imageTxt1 != undefined){
	imageTxt1 = pageIcon.templateData.flickr[projPI].imageTxt1;
} else {
	imageTxt1 = "Image";
}
if (pageIcon.templateData.flickr[projPI].imageTxt2 != undefined){
	imageTxt2 = pageIcon.templateData.flickr[projPI].imageTxt2;
} else {
	imageTxt2 = "of";
}
if (pageIcon.templateData.flickr[projPI].imageTxt3 != undefined){
	imageTxt3 = pageIcon.templateData.flickr[projPI].imageTxt3;
} else {
	imageTxt3 = "";
}

if (pageIcon.templateData.flickr[projPI].msgOrder != undefined){
	msgOrder = pageIcon.templateData.flickr[projPI].msgOrder;
} else {
	msgOrder = "n";
}

imageIndex = 0;
imageCount = 0;

ccLicenses = new Array();
ccLicenses.push('');
ccLicenses.push({desc: 'Creative Commons Attribution-NonCommercial-ShareAlike License', url:'http://creativecommons.org/licenses/by-nc-sa/2.0/'});
ccLicenses.push({desc: 'Creative Commons Attribution-NonCommercial License', url:'http://creativecommons.org/licenses/by-nc/2.0/'});
ccLicenses.push({desc: 'Creative Commons Attribution-NonCommercial-NoDerivs License', url:'http://creativecommons.org/licenses/by-nc-nd/2.0/'});
ccLicenses.push({desc: 'Creative Commons Attribution License', url:'http://creativecommons.org/licenses/by/2.0/'});
ccLicenses.push({desc: 'Creative Commons Attribution-ShareAlike License', url:'http://creativecommons.org/licenses/by-sa/2.0/'});
ccLicenses.push({desc: 'Creative Commons Attribution-NoDerivs License', url:'http://creativecommons.org/licenses/by-nd/2.0/'});
ccLicenses.push({desc: 'No known copyright restrictions', url:'http://flickr.com/commons/usage/'});

if (pageIcon.templateData.flickr[projPI].narration != undefined){
  narration = pageIcon.templateData.flickr[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS tabIndex="-1" id="panel" h="474" w="520" name="panel" x="260" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS id="myImg" name="image" x="panel._x + 10" y="panel._y + 30" type="ext" url="--loadedByCode--"><![CDATA[Tooltip]]></DIS>
		<DIS textColour="#333333" id="orientation" name="orientation" x="panel._x + 10" y="panel._y + 10" w="450" h="10" type="text"><![CDATA[{loadingTxt}]]></DIS>
		<INT id="imageInteraction" name="getNewImage" perpetual="1">
			<RES toolTip="{priorTipTxt}" rs="btnPrev" swf="templatePath + 'common/leftButton.swf'" name="previousImage" type="button" x="725" y="464" label="{priorTipTxt}" erase="1" exit="0">
				<SCR name="prev"><![CDATA[if (imageIndex > 0){
  imageIndex--;
  imageInteraction.broadcast('getImage');
}

]]></SCR>
			</RES>
			<RES toolTip="{nextTipTxt}" rs="btnNext" swf="templatePath +  'common/rightButton.swf'" name="nextImage" type="button" x="750" y="464" label="{nextTipTxt}" erase="1" exit="0">
				<SCR name="next"><![CDATA[if (imageIndex <= imageCount || imageCount == 0){
  imageIndex++;
  imageInteraction.broadcast('getImage');
}]]></SCR>
			</RES>
			<RES name="getImage" type="event" eventName="getImage" icon="imageInteraction" erase="1" exit="0">
				<SCR name="getNewData"><![CDATA[//disable controls
btnPrev.setEnabled(false);
btnNext.setEnabled(false);

//show status
orientation.setText(loadingTxt);

//to search
url =  "http://api.flickr.com/services/rest/"
url += "?api_key=8f6f38d31f048a90c436583a6ac92e47";
url += "&method=flickr.photos.search";
url += "&text=" + pageIcon.templateData.flickr[projPI].keywords;
url += "&per_page=500";
url += "&safe_search=1";
url += "&license=";//creative commons

if (pageIcon.templateData.flickr[projPI].content == 'all use'){
  if (pageIcon.templateData.flickr[projPI].deriv == 'unrestricted'){
    url += '1,2,3,4,5,6';
  }
  if (pageIcon.templateData.flickr[projPI].deriv == 'non-derivative'){
    url += '3,6';
  }
  if (pageIcon.templateData.flickr[projPI].deriv == 'share alike'){
    url += '1,5';
  }
} else if (pageIcon.templateData.flickr[projPI].content == 'non-commercial use'){
  if (pageIcon.templateData.flickr[projPI].deriv == 'unrestricted'){
    url += '2';
  }
  if (pageIcon.templateData.flickr[projPI].deriv == 'non-derivative'){
    url += '3';
  }
  if (pageIcon.templateData.flickr[projPI].deriv == 'share alike'){
    url += '5';
  }
} else {
  url += '1,2,3,4,5,6';
}
//debug(url);

reqXML = new XML("<myXML/>");
myImg.sendAndLoad(reqXML, url);]]></SCR>
				<INT name="firstHandler" perpetual="0">
					<RES name="onS&L" type="event" eventName="onSendAndLoad" icon="myImg" erase="1" exit="1">
						<SCR name="getLicense"><![CDATA[id = myImg.templateData.rsp[0].photos[0].photo[imageIndex].id;

imageCount = myImg.templateData.rsp[0].photos[0].photo.length;

if (msgOrder == "n"){
  orientation.setText(imageTxt1 + " " + (imageIndex + 1) + " " + imageTxt2 + " " + imageCount + " " + imageTxt3);
} else {
  orientation.setText(imageTxt1 + " " + imageCount + " " + imageTxt2 + " " + (imageIndex + 1) + " " + imageTxt3);	
}	

url =  "http://api.flickr.com/services/rest/"
url += "?api_key=8f6f38d31f048a90c436583a6ac92e47";
url += "&method=flickr.photos.getInfo";
url += "&photo_id=" + id ;

reqXML = new XML("<myXML/>");
myImg.sendAndLoad(reqXML, url);



]]></SCR>
					</RES>
				</INT>
				<INT name="secondHandler" perpetual="0">
					<RES name="onS&L" type="event" eventName="onSendAndLoad" icon="myImg" erase="1" exit="1">
						<SCR name="getID"><![CDATA[//build attribution info
ccInfo = myImg.templateData.rsp[0].photo[0].title;
ccInfo += ' © ' + myImg.templateData.rsp[0].photo[0].owner[0].realname + ', ' + myImg.templateData.rsp[0].photo[0].dates[0].taken.split('-')[0] +'\r';
ccInfo += '<a href="' + ccLicenses[myImg.templateData.rsp[0].photo[0].license].url + '" target="_blank">' + ccLicenses[myImg.templateData.rsp[0].photo[0].license].desc + '</a>';

url =  "http://api.flickr.com/services/rest/"
url += "?api_key=8f6f38d31f048a90c436583a6ac92e47";
url += "&method=flickr.photos.getSizes";
url += "&photo_id=" + id ;

reqXML = new XML("<myXML/>");
myImg.sendAndLoad(reqXML, url);



]]></SCR>
					</RES>
				</INT>
				<INT name="thirdHandler" perpetual="0">
					<RES name="onS&L" type="event" eventName="onSendAndLoad" icon="myImg" erase="1" exit="1">
						<SCR name="getSource"><![CDATA[img = myImg.templateData.rsp[0].sizes[0].size[3].source;
myImg.loadImage(img);]]></SCR>
					</RES>
				</INT>
			</RES>
			<RES name="onLoadImage" type="event" eventName="onLoad" icon="myImg" erase="0" exit="0">
				<DIS textColour="#333333" name="ccInfo" x="270" y="454" w="450" h="10" type="text"><![CDATA[{ccInfo}]]></DIS>
				<SCR name="positionImage"><![CDATA[//resize image
myImg.constrain(500,400);

myImg._x = panel._x + 260 - myImg._width / 2;
myImg._y = panel._y + 237 - myImg._height / 2;

btnPrev.setEnabled(true);
btnNext.setEnabled(true);
]]></SCR>
			</RES>
			<RES name="[Untitled]" type="hotObject" rs="myImg" click="1" cursor="1" erase="1" exit="0">
				<SCR name="[Untitled]"><![CDATA[getURL(myImg.templateData.rsp[0].sizes[0].size[3].url, "_blank");]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="20" y="20" w="230" type="text"><![CDATA[{pageIcon.templateData.flickr[projPI]}]]></DIS>
		<SCR name="initialise"><![CDATA[imageInteraction.broadcast('getImage');

]]></SCR>
	</PG>
\ No newline at end of file
+	<PG title="flickr" name="flickr">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.flickr[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

// set up display text
if (pageIcon.templateData.flickr[projPI].nextTipTxt != undefined){
	nextTipTxt = pageIcon.templateData.flickr[projPI].nextTipTxt;
} else {
	nextTipTxt = "Next Image";
}

if (pageIcon.templateData.flickr[projPI].priorTipTxt != undefined){
	priorTipTxt = pageIcon.templateData.flickr[projPI].priorTipTxt;
} else {
	priorTipTxt = "Previous Image";
}

if (pageIcon.templateData.flickr[projPI].loadingTxt != undefined){
	loadingTxt = pageIcon.templateData.flickr[projPI].loadingTxt;
} else {
	loadingTxt = "Loading...";
}
if (pageIcon.templateData.flickr[projPI].imageTxt != undefined){
	imageTxt = pageIcon.templateData.flickr[projPI].imageTxt;
} else {
	imageTxt = "Image {i} of {n} images";
}

imageIndex = 0;
imageCount = 0;

ccLicenses = new Array();
ccLicenses.push('');
ccLicenses.push({desc: 'Creative Commons Attribution-NonCommercial-ShareAlike License', url:'http://creativecommons.org/licenses/by-nc-sa/2.0/'});
ccLicenses.push({desc: 'Creative Commons Attribution-NonCommercial License', url:'http://creativecommons.org/licenses/by-nc/2.0/'});
ccLicenses.push({desc: 'Creative Commons Attribution-NonCommercial-NoDerivs License', url:'http://creativecommons.org/licenses/by-nc-nd/2.0/'});
ccLicenses.push({desc: 'Creative Commons Attribution License', url:'http://creativecommons.org/licenses/by/2.0/'});
ccLicenses.push({desc: 'Creative Commons Attribution-ShareAlike License', url:'http://creativecommons.org/licenses/by-sa/2.0/'});
ccLicenses.push({desc: 'Creative Commons Attribution-NoDerivs License', url:'http://creativecommons.org/licenses/by-nd/2.0/'});
ccLicenses.push({desc: 'No known copyright restrictions', url:'http://flickr.com/commons/usage/'});

if (pageIcon.templateData.flickr[projPI].narration != undefined){
  narration = pageIcon.templateData.flickr[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS tabIndex="-1" id="panel" h="474" w="520" name="panel" x="260" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS id="myImg" name="image" x="panel._x + 10" y="panel._y + 30" type="ext" url="--loadedByCode--"><![CDATA[Tooltip]]></DIS>
		<DIS textColour="#333333" id="orientation" name="orientation" x="panel._x + 10" y="panel._y + 10" w="450" h="10" type="text"><![CDATA[{loadingTxt}]]></DIS>
		<INT id="imageInteraction" name="getNewImage" perpetual="1">
			<RES toolTip="{priorTipTxt}" rs="btnPrev" swf="templatePath + 'common/leftButton.swf'" name="previousImage" type="button" x="725" y="464" label="{priorTipTxt}" erase="1" exit="0">
				<SCR name="prev"><![CDATA[if (imageIndex > 0){
  imageIndex--;
  imageInteraction.broadcast('getImage');
}

]]></SCR>
			</RES>
			<RES toolTip="{nextTipTxt}" rs="btnNext" swf="templatePath +  'common/rightButton.swf'" name="nextImage" type="button" x="750" y="464" label="{nextTipTxt}" erase="1" exit="0">
				<SCR name="next"><![CDATA[if (imageIndex <= imageCount || imageCount == 0){
  imageIndex++;
  imageInteraction.broadcast('getImage');
}]]></SCR>
			</RES>
			<RES name="getImage" type="event" eventName="getImage" icon="imageInteraction" erase="1" exit="0">
				<SCR name="getNewData"><![CDATA[//disable controls
btnPrev.setEnabled(false);
btnNext.setEnabled(false);

//show status
orientation.setText(loadingTxt);

//to search
url =  "http://api.flickr.com/services/rest/"
url += "?api_key=8f6f38d31f048a90c436583a6ac92e47";
url += "&method=flickr.photos.search";
url += "&text=" + pageIcon.templateData.flickr[projPI].keywords;
url += "&per_page=500";
url += "&safe_search=1";
url += "&license=";//creative commons

if (pageIcon.templateData.flickr[projPI].content == 'all use'){
  if (pageIcon.templateData.flickr[projPI].deriv == 'unrestricted'){
    url += '1,2,3,4,5,6';
  }
  if (pageIcon.templateData.flickr[projPI].deriv == 'non-derivative'){
    url += '3,6';
  }
  if (pageIcon.templateData.flickr[projPI].deriv == 'share alike'){
    url += '1,5';
  }
} else if (pageIcon.templateData.flickr[projPI].content == 'non-commercial use'){
  if (pageIcon.templateData.flickr[projPI].deriv == 'unrestricted'){
    url += '2';
  }
  if (pageIcon.templateData.flickr[projPI].deriv == 'non-derivative'){
    url += '3';
  }
  if (pageIcon.templateData.flickr[projPI].deriv == 'share alike'){
    url += '5';
  }
} else {
  url += '1,2,3,4,5,6';
}
//debug(url);

reqXML = new XML("<myXML/>");
myImg.sendAndLoad(reqXML, url);]]></SCR>
				<INT name="firstHandler" perpetual="0">
					<RES name="onS&L" type="event" eventName="onSendAndLoad" icon="myImg" erase="1" exit="1">
						<SCR name="getLicense"><![CDATA[id = myImg.templateData.rsp[0].photos[0].photo[imageIndex].id;

imageCount = myImg.templateData.rsp[0].photos[0].photo.length;
displayTxt = imageTxt;

if (imageCount == undefined || imageCount == 0){
  imageCount = 0;
  displayTxt = replace(displayTxt, "{i}", imageCount);
} else {
  displayTxt = replace(displayTxt, "{i}", imageIndex + 1);
}

displayTxt = replace(displayTxt, "{n}", imageCount);
orientation.setText(displayTxt);

url =  "http://api.flickr.com/services/rest/"
url += "?api_key=8f6f38d31f048a90c436583a6ac92e47";
url += "&method=flickr.photos.getInfo";
url += "&photo_id=" + id ;

reqXML = new XML("<myXML/>");
myImg.sendAndLoad(reqXML, url);



]]></SCR>
					</RES>
				</INT>
				<INT name="secondHandler" perpetual="0">
					<RES name="onS&L" type="event" eventName="onSendAndLoad" icon="myImg" erase="1" exit="1">
						<SCR name="getID"><![CDATA[//build attribution info
ccInfo = myImg.templateData.rsp[0].photo[0].title;
ccInfo += ' © ' + myImg.templateData.rsp[0].photo[0].owner[0].realname + ', ' + myImg.templateData.rsp[0].photo[0].dates[0].taken.split('-')[0] +'\r';
ccInfo += '<a href="' + ccLicenses[myImg.templateData.rsp[0].photo[0].license].url + '" target="_blank">' + ccLicenses[myImg.templateData.rsp[0].photo[0].license].desc + '</a>';

url =  "http://api.flickr.com/services/rest/"
url += "?api_key=8f6f38d31f048a90c436583a6ac92e47";
url += "&method=flickr.photos.getSizes";
url += "&photo_id=" + id ;

reqXML = new XML("<myXML/>");
myImg.sendAndLoad(reqXML, url);



]]></SCR>
					</RES>
				</INT>
				<INT name="thirdHandler" perpetual="0">
					<RES name="onS&L" type="event" eventName="onSendAndLoad" icon="myImg" erase="1" exit="1">
						<SCR name="getSource"><![CDATA[// loop through the size array to find either the first picture that is large enough,
// or the largest available
maxWidth = 0;
for (i = 0; i < myImg.templateData.rsp[0].sizes[0].size.length; i++){
  if (myImg.templateData.rsp[0].sizes[0].size[i].width >= 500 || myImg.templateData.rsp[0].sizes[0].size[i].height >= 400){
    sizeIndex = i;
    break;  // we have a picture big enough
  } else {
    if (myImg.templateData.rsp[0].sizes[0].size[i].width >= maxWidth){
      // we have a new largest picture
      sizeIndex = i;
      maxWidth = parseInt(myImg.templateData.rsp[0].sizes[0].size[i].width);
    }
  }
}

img = myImg.templateData.rsp[0].sizes[0].size[sizeIndex].source;
myImg.loadImage(img);]]></SCR>
					</RES>
				</INT>
			</RES>
			<RES name="onLoadImage" type="event" eventName="onLoad" icon="myImg" erase="0" exit="0">
				<DIS textColour="#333333" name="ccInfo" x="270" y="454" w="450" h="10" type="text"><![CDATA[{ccInfo}]]></DIS>
				<SCR name="positionImage"><![CDATA[//resize image
myImg.constrain(500,400);

myImg._x = panel._x + 260 - myImg._width / 2;
myImg._y = panel._y + 237 - myImg._height / 2;

btnPrev.setEnabled(true);
btnNext.setEnabled(true);
]]></SCR>
			</RES>
			<RES name="[Untitled]" type="hotObject" rs="myImg" click="1" cursor="1" erase="1" exit="0">
				<SCR name="[Untitled]"><![CDATA[getURL(myImg.templateData.rsp[0].sizes[0].size[sizeIndex].url, "_blank");]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="20" y="20" w="230" type="text"><![CDATA[{pageIcon.templateData.flickr[projPI]}]]></DIS>
		<SCR name="initialise"><![CDATA[imageInteraction.broadcast('getImage');

]]></SCR>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/gapFill.rlm b/modules/xerte/parent_templates/Nottingham/models/gapFill.rlm
index 0e375abd45..0e773607a7 100644
--- a/modules/xerte/parent_templates/Nottingham/models/gapFill.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/gapFill.rlm
@@ -1 +1 @@
-	<PG title="Gap Fill" name="gapFill">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
if (rootIcon.projMode == "dev"){
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}

rootIcon.setTitleText(templateData.learningObject[0].name);

// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.gapFill[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  



ts = STYLES.inputSize;


panelWidth = pageIcon.templateData.gapFill[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 150;
} else {
  panelW = 760;
  textW = 0;
}

if (pageIcon.templateData.gapFill[projPI].narration != undefined){
  narration = pageIcon.templateData.gapFill[projPI].narration;
  rootIcon.broadcast('showAudio');
}]]></SCR>
		<DIS h="474" w="panelW" tabIndex="-1" id="panel" name="panel" x="780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS id="textBlock" h="10" name="text" x="20" y="20" w="textW" type="text"><![CDATA[{pageIcon.templateData.gapFill[projPI].text}]]></DIS>
		<SCR name="preprocess"><![CDATA[//preparse the text
str = pageIcon.templateData.gapFill[projPI].passage;
str = replace(str, '  ', ' ');
//str = replace(str, '\r', '');

//if drag and drop, then add padding to the words
if (pageIcon.templateData.gapFill[projPI].interactivity == 'Drag Drop'){

  token = '¬¬¬¬¬¬¬¬';
  
  for (i = 0; i < str.length; i++){
  
    if (str.substr(i,1) == '|'){ //add n random chars to the string after the first | of a pair
      
      wordLength = str.indexOf('|', i + 1) - i - 1;

      if (wordLength <= 4){
        padding = 4 - wordLength;
      } else if (wordLength <= 8){
        padding = 8 - wordLength;
      } else { 
        padding = Math.floor(Math.random() * 5);
      }
      
      tempStr = '|' + token.substr(0, padding);

      str = str.substr(0,i) + tempStr + str.substr(i + 1);
      i = str.indexOf('|', i + 1);
    }
  }
}//done padding for drag and drop - the rest of the code is the same

lbls = '';

paras = str.split('\r');
nIndex = -1;

notes = new Array();

for (j = 0; j < paras.length; j++){
  
  arr = paras[j].split(' ');
  
  for (i = 0; i < arr.length; i++){
    
    nIndex++;
    if (arr[i].indexOf('|') != -1){

      note = new Object();
      note.index = nIndex;

      note.start = arr[i].indexOf('|');
      note.end = arr[i].lastIndexOf('|') - 2;
      note.string = arr[i].substr(note.start + 1, note.end - note.start + 1);
      note.string = replace(note.string, '¬', '');
      
      lbls += note.string + ' ';
      
      notes.push(note);
    }
  }
}

str = replace(str, '|', '');


//add any additional distractors
if (pageIcon.templateData.gapFill[projPI].noise != undefined){
  lbls += pageIcon.templateData.gapFill[projPI].noise;
}



]]></SCR>
		<DIS tabIndex="-1" id="mainText" name="passage" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{str}]]></DIS>

		<SCR name="setupInteraction"><![CDATA[n = 0;
words = mainText.breakApart(3,7,false, false);
targets = new Array();

for (i = 0; i < notes.length; i++){

  word = words[notes[i].index];
  
  word.tabIndex = -1;
  
  o = word.getRangeMetrics(notes[i].start, notes[i].end);
 
  word.createEmptyMovieClip('mask',9);
  word.mask.beginFill(0xFFFF99,100);
  word.mask.drawRect(o.start + 2, 2, o.end, o.height);
  
  word.string = notes[i].string;
  word.xStart = o.start;
  word.xWidth = o.end;
  
  targets.push(word);
}]]></SCR>
		<DIS tabIndex="-1" textColour="#FF0000" id="lbls" name="lbls" x="mainText._x" y="mainText._y + mainText._height + 10" w="300" h="10" type="text"><![CDATA[{lbls}]]></DIS>
		<SCR isFunc="1" name="fHideHint"><![CDATA[hint.removeMovieClip();]]></SCR>
		<SCR name="makeInteraction"><![CDATA[//what type of interaction is this?
if (pageIcon.templateData.gapFill[projPI].interactivity == 'Drag Drop'){

  labels = lbls.breakApart(13,33,true,true);
  
  for (i = 0; i < labels.length; i++){
    labels[i].string = labels[i].txt.text;
  }
  
  //randomise position
  labels.randomize();
  initX = 0;
  initY = 0;
  for (i = 0; i < labels.length; i++){
  
    labels[i]._x = initX;
    labels[i]._y = initY;
  
    initX += labels[i]._width + 3;
  
    if (initX > mainText._width - labels[i]._width){
      initX = 0;
      initY += 20;
    }
    //store the initX and Y for replacement
    labels[i].initX = labels[i]._x;
    labels[i].initY = labels[i]._y;
  }
  if (icon.attributes.built != 'true'){
    icon.nextSibling.firstChild.removeNode();
    icon.attributes.built = 'true';
  }

} else { //fill in the blnk

  lbls.removeMovieClip();
  icon.nextSibling.childNodes[1].removeNode();
  
  if (icon.attributes.built != 'true'){
    
    icon.nextSibling.firstChild.duplicate(targets.length - 1);
    icon.attributes.built = 'true';

    for ( i = 0; i < targets.length; i++){
      icon.nextSibling.childNodes[i].attributes.answer = targets[i].string;
    }
  }
}
lbls.tabChildren = false;
count = 0;


]]></SCR>
		<INT id="gapInt" name="mainInteraction" perpetual="1">
			<RES name="protoTextEntry" type="textEntry" x="mainText._x +  targets[icon.index()]._x+ targets[icon.index()].xStart" y="mainText._y + targets[icon.index()]._y" w="targets[icon.index()].xWidth + 4" h="100" phrase="" scrolling="0" border="0" erase="1" exit="0">
				<SCR name="onMatch"><![CDATA[tf = icon.parentNode.clip();
ans = tf.XMLElement.attributes.answer;

//correct...
if (ans == tf.text){
  
  tf.border = false;
  tf.type = "dynamic";
  tf.htmlText = '<font color="#006600">' + tf.text + '</font>';
  
  count++;
  
  targets[icon.parentNode.index()].mask.clear();
  
  Selection.setFocus(icon.parentNode.nextSibling.clip());
  
  if (count == targets.length){
    gapInt.broadcast("showFeedback");
  }
  
} else { //not correct yet
hint.removeMovieClip();
  if (tf.text != ans.substr(0, tf.text.length)){
    tf.attempts++;
  } 
          
  if (tf.attempts >= Math.floor(ans.length / 3)){ 
    gapInt.broadcast('showHint');
  }
}


]]></SCR>
			</RES>
			<RES name="onWordDropped" type="event" eventName="onWordDropped" icon="lbls" erase="1" exit="0">
				<SCR name="test"><![CDATA[//check all targets
success = false;
for (i = 0; i < targets.length; i++){
  if (lbls.wordDropped.hitTest(targets[i]) && lbls.wordDropped.string == targets[i].string){
    matchedTarget = targets[i];
    success = true;
    count++;
  }
}
if (success == true){

  lbls.wordDropped._x = matchedTarget.xStart + matchedTarget._x - (lbls._x - mainText._x);
  lbls.wordDropped._y = matchedTarget._y - (lbls._y - mainText._y);
  lbls.wordDropped.onPress = fnull;
  lbls.wordDropped.useHandCursor = false;
  lbls.wordDropped.colourText('#006600');
  
} else {

  lbls.wordDropped.animate(lbls.wordDropped.initX,lbls.wordDropped.initY,10,'quadBez',1);
}
if (count == targets.length){

  gapInt.broadcast("showFeedback");
  
}
]]></SCR>
			</RES>
			<RES name="showFeedback" type="event" eventName="showFeedback" icon="gapInt" erase="1" exit="0">
				<DIS transition="wipe('in', 0.5, 'None', 'easeNone')" name="feedback" x="380" y="mainText._y + mainText._height + 20" w="400" h="10" type="text"><![CDATA[{pageIcon.templateData.gapFill[projPI].feedback}]]></DIS>
			</RES>
			<RES name="showHint" type="event" eventName="showHint" icon="gapInt" erase="1" exit="0">
				<SCR name="showHint"><![CDATA[hintStr = '';
if (tf.hinted != true){
  
  if (tf.attempts > Math.floor(ans.length / 3)){ 
    hintStr = ans.substr(0,1);
    for (i = 1; i < ans.length; i++){
      hintStr += '_';
    }
  }
  
  //last letter
  if (tf.attempts > Math.floor(ans.length / 1.5)){ 
    hintStr = ans.substr(0,1);
    for (i = 1; i < ans.length - 1; i++){
      hintStr += '_';
    }
    hintStr += ans.substr(ans.length - 1);
  }
  
  //random letter
  if (tf.attempts > ans.length){ 
    hintStr = ans.substr(0,1);
    
    for (i = 1; i < ans.length - 1; i++){
    
      if (Math.random() < 0.6){
        hintStr += '_';
      } else {
        hintStr += ans.substr(i,1);
      }
    }
    hintStr += ans.substr(ans.length - 1);
    tf.hinted = true;
  }
  tf.hintString = hintStr;
}

]]></SCR>
				<DIS id="hint" name="hint" x="tf._x" y="tf._y - 22" w="400" h="10" type="text"><![CDATA[{tf.hintString}]]></DIS>
				<SCR name="draw"><![CDATA[if (tf.hintString != ''){
  hint.beginFill(0xFFFFCC,100);
  hint.lineStyle(0,0x333333,100);
  hint.drawRect(0,2,hint.getTextWidth(),16);
}

]]></SCR>
			</RES>
		</INT>
		<SCR name="restrictTextFields"><![CDATA[for ( i = 0; i < targets.length; i++){
  tA = icon.previousSibling.childNodes[i].clip();
  tA.maxChars = targets[i].string.length;
  tA.multiline = false;
  tA.wordwrap = false;
  tA.attempts = 0;
  tA.onSetFocus = fHideHint;
}
]]></SCR>
	</PG>
\ No newline at end of file
+	<PG title="Gap Fill" name="gapFill">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
if (rootIcon.projMode == "dev"){
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}

rootIcon.setTitleText(templateData.learningObject[0].name);

// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.gapFill[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  



ts = STYLES.inputSize;


panelWidth = pageIcon.templateData.gapFill[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 150;
} else {
  panelW = 760;
  textW = 0;
}

if (pageIcon.templateData.gapFill[projPI].narration != undefined){
  narration = pageIcon.templateData.gapFill[projPI].narration;
  rootIcon.broadcast('showAudio');
}]]></SCR>
		<DIS h="474" w="panelW" tabIndex="-1" id="panel" name="panel" x="780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS id="textBlock" h="10" name="text" x="20" y="20" w="textW" type="text"><![CDATA[{pageIcon.templateData.gapFill[projPI].text}]]></DIS>
		<SCR name="preprocess"><![CDATA[//preparse the text
str = pageIcon.templateData.gapFill[projPI].passage;
str = replace(str, '  ', ' ');
//str = replace(str, '\r', '');

//if drag and drop, then add padding to the words
if (pageIcon.templateData.gapFill[projPI].interactivity == 'Drag Drop'){

  token = '¬¬¬¬¬¬¬¬';
  
  for (i = 0; i < str.length; i++){
  
    if (str.substr(i,1) == '|'){ //add n random chars to the string after the first | of a pair
      
      wordLength = str.indexOf('|', i + 1) - i - 1;

      if (wordLength <= 4){
        padding = 4 - wordLength;
      } else if (wordLength <= 8){
        padding = 8 - wordLength;
      } else { 
        padding = Math.floor(Math.random() * 5);
      }
      
      tempStr = '|' + token.substr(0, padding);

      str = str.substr(0,i) + tempStr + str.substr(i + 1);
      i = str.indexOf('|', i + 1);
    }
  }
}//done padding for drag and drop - the rest of the code is the same

lbls = '';

paras = str.split('\r');
nIndex = -1;

notes = new Array();

for (j = 0; j < paras.length; j++){
  
  arr = paras[j].split(' ');
  
  for (i = 0; i < arr.length; i++){
    
    nIndex++;
    if (arr[i].indexOf('|') != -1){

      note = new Object();
      note.index = nIndex;

      note.start = arr[i].indexOf('|');
      note.end = arr[i].lastIndexOf('|') - 2;
      note.string = arr[i].substr(note.start + 1, note.end - note.start + 1);
      note.string = replace(note.string, '¬', '');
      
      lbls += note.string + ' ';
      
      notes.push(note);
    }
  }
}

str = replace(str, '|', '');


//add any additional distractors
if (pageIcon.templateData.gapFill[projPI].noise != undefined){
  lbls += pageIcon.templateData.gapFill[projPI].noise;
}



]]></SCR>
		<DIS tabIndex="-1" id="mainText" name="passage" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{str}]]></DIS>
		<SCR name="setupInteraction"><![CDATA[n = 0;
words = mainText.breakApart(3,7,false, false);
targets = new Array();

for (i = 0; i < notes.length; i++){

  word = words[notes[i].index];
  
  word.tabIndex = -1;
  
  o = word.getRangeMetrics(notes[i].start, notes[i].end);
 
  word.createEmptyMovieClip('mask',9);
  word.mask.beginFill(0xFFFF99,100);
  word.mask.drawRect(o.start + 2, 2, o.end, o.height);
  
  word.string = notes[i].string;
  word.xStart = o.start;
  word.xWidth = o.end;
  
  targets.push(word);
}]]></SCR>
		<DIS tabIndex="-1" textColour="#FF0000" id="lbls" name="lbls" x="mainText._x" y="mainText._y + mainText._height + 10" w="300" h="10" type="text"><![CDATA[{lbls}]]></DIS>
		<SCR isFunc="1" name="fHideHint"><![CDATA[hint.removeMovieClip();]]></SCR>
		<SCR name="makeInteraction"><![CDATA[//what type of interaction is this?
if (pageIcon.templateData.gapFill[projPI].interactivity == 'Drag Drop'){

  labels = lbls.breakApart(13,33,true,true);
  
  for (i = 0; i < labels.length; i++){
    labels[i].string = labels[i].txt.text;
  }
  
  //randomise position
  labels.randomize();
  initX = 0;
  initY = 0;
  for (i = 0; i < labels.length; i++){
  
    labels[i]._x = initX;
    labels[i]._y = initY;
  
    initX += labels[i]._width + 3;
  
    if (initX > mainText._width - labels[i]._width){
      initX = 0;
      initY += 20;
    }
    //store the initX and Y for replacement
    labels[i].initX = labels[i]._x;
    labels[i].initY = labels[i]._y;
  }
  if (icon.attributes.built != 'true'){
    icon.nextSibling.firstChild.removeNode();
    icon.attributes.built = 'true';
  }

} else { //fill in the blnk

  lbls.removeMovieClip();
  icon.nextSibling.childNodes[1].removeNode();
  
  if (icon.attributes.built != 'true'){
    
    icon.nextSibling.firstChild.duplicate(targets.length - 1);
    icon.attributes.built = 'true';

    for ( i = 0; i < targets.length; i++){
      icon.nextSibling.childNodes[i].attributes.answer = targets[i].string;
    }
  }
}
lbls.tabChildren = false;
count = 0;


]]></SCR>
		<INT id="gapInt" name="mainInteraction" perpetual="1">
			<RES name="protoTextEntry" type="textEntry" x="mainText._x +  targets[icon.index()]._x+ targets[icon.index()].xStart" y="mainText._y + targets[icon.index()]._y" w="targets[icon.index()].xWidth + 4" h="100" phrase="" scrolling="0" border="0" erase="1" exit="0">
				<SCR name="onMatch"><![CDATA[tf = icon.parentNode.clip();
ans = tf.XMLElement.attributes.answer;

//correct...
if (ans == tf.text){
  
  tf.border = false;
  tf.type = "dynamic";
  tf.htmlText = '<font color="#006600">' + tf.text + '</font>';
  
  count++;
  
  targets[icon.parentNode.index()].mask.clear();
  
  Selection.setFocus(icon.parentNode.nextSibling.clip());
  
  if (count == targets.length){
    gapInt.broadcast("showFeedback");
  }
  
} else { //not correct yet
hint.removeMovieClip();
  if (tf.text != ans.substr(0, tf.text.length)){
    tf.attempts++;
  } 
          
  if (tf.attempts >= Math.floor(ans.length / 3)){ 
    gapInt.broadcast('showHint');
  }
}


]]></SCR>
			</RES>
			<RES name="onWordDropped" type="event" eventName="onWordDropped" icon="lbls" erase="1" exit="0">
				<SCR name="test"><![CDATA[//check all targets
success = false;
for (i = 0; i < targets.length; i++){
  if (lbls.wordDropped.hitTest(targets[i]) && lbls.wordDropped.string == targets[i].string){
    matchedTarget = targets[i];
    success = true;
    count++;
  }
}
if (success == true){

  lbls.wordDropped._x = matchedTarget.xStart + matchedTarget._x - (lbls._x - mainText._x);
  lbls.wordDropped._y = matchedTarget._y - (lbls._y - mainText._y);
  lbls.wordDropped.onPress = fnull;
  lbls.wordDropped.useHandCursor = false;
  lbls.wordDropped.colourText('#006600');
  
} else {

  lbls.wordDropped.animate(lbls.wordDropped.initX,lbls.wordDropped.initY,10,'quadBez',1);
}
if (count == targets.length){

  gapInt.broadcast("showFeedback");
  
}
]]></SCR>
			</RES>
			<RES name="showFeedback" type="event" eventName="showFeedback" icon="gapInt" erase="1" exit="0">
				<DIS transition="wipe('in', 0.5, 'None', 'easeNone')" name="feedback" x="panel._x + 20" y="mainText._y + mainText._height + 20" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.gapFill[projPI].feedback}]]></DIS>
			</RES>
			<RES name="showHint" type="event" eventName="showHint" icon="gapInt" erase="1" exit="0">
				<SCR name="showHint"><![CDATA[hintStr = '';
if (tf.hinted != true){
  
  if (tf.attempts > Math.floor(ans.length / 3)){ 
    hintStr = ans.substr(0,1);
    for (i = 1; i < ans.length; i++){
      hintStr += '_';
    }
  }
  
  //last letter
  if (tf.attempts > Math.floor(ans.length / 1.5)){ 
    hintStr = ans.substr(0,1);
    for (i = 1; i < ans.length - 1; i++){
      hintStr += '_';
    }
    hintStr += ans.substr(ans.length - 1);
  }
  
  //random letter
  if (tf.attempts > ans.length){ 
    hintStr = ans.substr(0,1);
    
    for (i = 1; i < ans.length - 1; i++){
    
      if (Math.random() < 0.6){
        hintStr += '_';
      } else {
        hintStr += ans.substr(i,1);
      }
    }
    hintStr += ans.substr(ans.length - 1);
    tf.hinted = true;
  }
  tf.hintString = hintStr;
}

]]></SCR>
				<DIS id="hint" name="hint" x="tf._x" y="tf._y - 22" w="400" h="10" type="text"><![CDATA[{tf.hintString}]]></DIS>
				<SCR name="draw"><![CDATA[if (tf.hintString != ''){
  hint.beginFill(0xFFFFCC,100);
  hint.lineStyle(0,0x333333,100);
  hint.drawRect(0,2,hint.getTextWidth(),16);
}

]]></SCR>
			</RES>
		</INT>
		<SCR name="restrictTextFields"><![CDATA[for ( i = 0; i < targets.length; i++){
  tA = icon.previousSibling.childNodes[i].clip();
  tA.maxChars = targets[i].string.length;
  tA.multiline = false;
  tA.wordwrap = false;
  tA.attempts = 0;
  tA.onSetFocus = fHideHint;
}
]]></SCR>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/hangman.rlm b/modules/xerte/parent_templates/Nottingham/models/hangman.rlm
index d49705e2a3..8c0683467d 100644
--- a/modules/xerte/parent_templates/Nottingham/models/hangman.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/hangman.rlm
@@ -1 +1 @@
-	<PG title="Hangman" name="hangman">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.hangman[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  


// set up text strings
if (pageIcon.templateData.hangman[projPI].nextBtnTxt != undefined){
  nextBtnTxt = pageIcon.templateData.hangman[projPI].nextBtnTxt;
} else {
  nextBtnTxt = "Next";
}

if (pageIcon.templateData.hangman[projPI].nextBtnTip != undefined){
  nextBtnTip = pageIcon.templateData.hangman[projPI].nextBtnTip;
} else {
  nextBtnTip = "Next Question";
}

if (pageIcon.templateData.hangman[projPI].nextBtnWidth != undefined){
  nextBtnWidth = pageIcon.templateData.hangman[projPI].nextBtnWidth;
} else {
  nextBtnWidth = "100";
}

if (pageIcon.templateData.hangman[projPI].beforeQuesCount != undefined){
  beforeQuesCount = pageIcon.templateData.hangman[projPI].beforeQuesCount;
} else {
  beforeQuesCount = "Question";
}

if (pageIcon.templateData.hangman[projPI].nQValue != undefined){
  nQValue = pageIcon.templateData.hangman[projPI].nQValue;
} else {
  nQValue = "n";
}

if (pageIcon.templateData.hangman[projPI].betweenQuesCount != undefined){
  betweenQuesCount = pageIcon.templateData.hangman[projPI].betweenQuesCount;
} else {
  betweenQuesCount = "of";
}

if (pageIcon.templateData.hangman[projPI].afterQuesCount != undefined){
  afterQuesCount = pageIcon.templateData.hangman[projPI].afterQuesCount;
} else {
  afterQuesCount = "";
}
// end of text string setup

if (pageIcon.templateData.hangman[projPI].narration != undefined){
  narration = pageIcon.templateData.hangman[projPI].narration;
  rootIcon.broadcast('showAudio');

]]></SCR>
		<DIS id="instr" scrolling="auto" name="text" x="20" y="20" w="400" h="475" type="text"><![CDATA[{pageIcon.templateData.hangman[projPI].text}]]></DIS>
		<SCR name="setup"><![CDATA[words = pageIcon.templateData.hangman[projPI].words.split('\r');

if (icon.built != 'true'){
  icon.nextSibling.childNodes[1].duplicate(words.length - 1);
  icon.built = 'true';
}

]]></SCR>
		<FW id="wordsFW" name="words">
			<FW_ENT name="controls">
				<DIS id="otn" name="orientation" x="20" y="400" w="760" h="10" type="text"><![CDATA[{'<p align="center">Exercise 1 of ' + words.length + '</p>'}]]></DIS>
				<SCR name="[Untitled]"><![CDATA[	// set up display message
	if(nQValue == "n"){
	  // item number before count
	  // otn.setText('<p align="center">Exercise ' + (wordsFW.currentPage + 1) + ' of ' + words.length + '</p>');
	  otn.setText('<p align="center">' + beforeQuesCount + ' 1 ' + betweenQuesCount + ' ' + words.length + ' ' + afterQuesCount + '</p>');
	} else {
	  // count before item number	
	  otn.setText('<p align="center">' + beforeQuesCount + ' ' + words.length + ' ' + betweenQuesCount + ' 1 ' + afterQuesCount + '</p>');						  
	}]]></SCR>
				<INT name="controls" perpetual="0">
					<RES width="nextBtnWidth" toolTip="{nextBtnTip}" enabled="false" rs="btnNext" swf="templatePath + 'common/button.swf'" name="next" type="button" x="360" y="420" label="{nextBtnTxt}" erase="1" exit="0">
						<SCR name="next"><![CDATA[if (wordsFW.currentPage == words.length - 1){
  wordsFW.gotoPage(0);
} else {
  wordsFW.nextPage();
}
cpad._alpha = 100;
]]></SCR>
					</RES>
					<RES name="[Untitled]" type="event" eventName="onOpenPage" icon="wordsFW" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[// set up display message
	if(nQValue == "n"){
	  // item number before count
	  // otn.setText('<p align="center">Exercise ' + (wordsFW.currentPage + 1) + ' of ' + words.length + '</p>');
	  otn.setText('<p align="center">' + beforeQuesCount + ' ' + (wordsFW.currentPage + 1) + ' ' + betweenQuesCount + ' ' + words.length + ' ' + afterQuesCount + '</p>');
	} else {
	  // count before item number	
	  otn.setText('<p align="center">' + beforeQuesCount + ' ' + words.length + ' ' + betweenQuesCount + ' ' + (wordsFW.currentPage + 1) + ' ' + afterQuesCount + '</p>');						  
	}	
	
/*
	// set up display message
	if(nQValue == "n"){
	  // item number before count
	  // otn.setText('<p align="center">Exercise ' + (wordsFW.currentPage + 1) + ' of ' + words.length + '</p>');
	  otn.setText("<p align="center"> + beforeQuesCount + " 1 " + betweenQuesCount + " " + words.length + " " + afterQuesCount + "</p>");
	} else {
	  // count before item number	
	  otn.setText("<p align="center"> + beforeQuesCount + " " + words.length + " " + betweenQuesCount + " 1 " + afterQuesCount + "</p>");						  
	}	



*/				]]></SCR>
					</RES>
				</INT>
			</FW_ENT>
			<PG name="protoGame">
				<SCR name="setup"><![CDATA[btnNext.setEnabled(false);

word = words[icon.parentNode.index() - 1];
dis = '';
for (i = 0; i < word.length; i++){
  dis = dis + '-';
}
usedLetters = new Object();
usedStr = '';]]></SCR>
				<DIS id="w" textSize="20" textFont="Courier" name="word" x="20" y="instr._y + instr._height + 30" w="760" h="10" type="text"><![CDATA[{'<b><p align="center">' + dis + '</p></b>'}]]></DIS>
				<DIS id="hangGraphics" name="graphics" x="280" y="w._y + w._height + 10" type="ext" url="templatePath + 'common/hangman.swf'"><![CDATA[]]></DIS>
				<DIS textFont="Courier" textSize="20" id="used" name="usedLetters" x="280" y="_ytile + 200" w="200" h="10" type="text"><![CDATA[]]></DIS>
				<INT name="mainInteraction" perpetual="0">
					<RES name="onKeyDown" type="event" eventName="onKeyDown" icon="rootIcon" erase="1" exit="0">
						<SCR name="calculate"><![CDATA[//get key pressed
l = String.fromCharCode(Key.getAscii()).toLowerCase(); 
found = false;

if (usedLetters[l] == undefined && dis.indexOf('-') != -1 && usedStr.length < 10){  
  temp = '';
  for (i = 0; i < dis.length; i++){
    if (word.substr(i,1).toLowerCase() == l){
      temp += l;
      found = true;
    } else {
      temp += dis.substr(i,1);
    }
  }
  
  dis = temp;
  w.setText('<b><p align="center">' + dis + '</p></b>');
  
  if (found == false){
    usedLetters[l] = true;
    usedStr += l;
    used.setText(usedStr);
    hangGraphics.clip.gotoAndStop(usedStr.length + 1);
  }
}

if (dis.indexOf('_') == -1){
  btnNext.setEnabled(true);
  w.setText('<b><p align="center">' + dis + '</p></b>');
}
if (usedStr.length == 10){
  btnNext.setEnabled(true);
  w.setText('<b><p align="center">' + word + '</p></b>');
}

]]></SCR>
					</RES>
				</INT>
			</PG>
		</FW>
	</PG>
\ No newline at end of file
+	<PG title="hangman" name="hangman">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.hangman[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  


// set up text strings
if (pageIcon.templateData.hangman[projPI].nextBtnTxt != undefined){
  nextBtnTxt = pageIcon.templateData.hangman[projPI].nextBtnTxt;
} else {
  nextBtnTxt = "Next";
}

if (pageIcon.templateData.hangman[projPI].nextBtnTip != undefined){
  nextBtnTip = pageIcon.templateData.hangman[projPI].nextBtnTip;
} else {
  nextBtnTip = "Next Question";
}

if (pageIcon.templateData.hangman[projPI].nextBtnWidth != undefined){
  nextBtnWidth = Number(pageIcon.templateData.hangman[projPI].nextBtnWidth);
} else {
  nextBtnWidth = 100;
}

if (pageIcon.templateData.hangman[projPI].quesCount != undefined){
  quesCount = pageIcon.templateData.hangman[projPI].quesCount;
} else {
  quesCount = "Exercise {i} of {n}";
}
// end of text string setup

if (pageIcon.templateData.hangman[projPI].narration != undefined){
  narration = pageIcon.templateData.hangman[projPI].narration;
  rootIcon.broadcast('showAudio');

]]></SCR>
		<DIS id="instr" scrolling="auto" name="text" x="20" y="20" w="780" h="475" type="text"><![CDATA[{pageIcon.templateData.hangman[projPI].text}]]></DIS>
		<SCR name="setup"><![CDATA[words = pageIcon.templateData.hangman[projPI].words.split('\r');

if (icon.built != 'true'){
  icon.nextSibling.childNodes[1].duplicate(words.length - 1);
  icon.built = 'true';
}

]]></SCR>
		<FW id="wordsFW" name="words">
			<FW_ENT name="controls">
				<DIS id="otn" name="orientation" x="20" y="400" w="760" h="10" type="text"><![CDATA[{'<p align="center">Exercise 1 of ' + words.length + '</p>'}]]></DIS>
				<SCR name="[Untitled]"><![CDATA[	// set up display message
wordGuide = quesCount;
wordGuide = replace(wordGuide, "{i}", wordsFW.currentPage + 1);
wordGuide = replace(wordGuide, "{n}", words.length);
otn.setText('<p align="center">' + wordGuide + '</p>');						  

]]></SCR>
				<INT name="controls" perpetual="0">
					<RES width="nextBtnWidth" toolTip="{nextBtnTip}" enabled="false" rs="btnNext" swf="templatePath + 'common/button.swf'" name="next" type="button" x="360" y="420" label="{nextBtnTxt}" erase="1" exit="0">
						<SCR name="next"><![CDATA[if (wordsFW.currentPage == words.length - 1){
  wordsFW.gotoPage(0);
} else {
  wordsFW.nextPage();
}
cpad._alpha = 100;
]]></SCR>
					</RES>
					<RES name="[Untitled]" type="event" eventName="onOpenPage" icon="wordsFW" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[// set up display message
		
wordGuide = quesCount;
wordGuide = replace(wordGuide, "{i}", wordsFW.currentPage + 1);
wordGuide = replace(wordGuide, "{n}", words.length);
otn.setText('<p align="center">' + wordGuide + '</p>');			]]></SCR>
					</RES>
				</INT>
			</FW_ENT>
			<PG name="protoGame">
				<SCR name="setup"><![CDATA[btnNext.setEnabled(false);

word = words[icon.parentNode.index() - 1];
dis = '';
for (i = 0; i < word.length; i++){
  dis = dis + '-';
}
usedLetters = new Object();
usedStr = '';]]></SCR>
				<DIS id="w" textSize="20" textFont="Courier" name="word" x="20" y="instr._y + instr._height + 30" w="760" h="10" type="text"><![CDATA[{'<b><p align="center">' + dis + '</p></b>'}]]></DIS>
				<DIS id="hangGraphics" name="graphics" x="280" y="w._y + w._height + 10" type="ext" url="templatePath + 'common/hangman.swf'"><![CDATA[]]></DIS>
				<DIS textFont="Courier" textSize="20" id="used" name="usedLetters" x="280" y="_ytile + 200" w="200" h="10" type="text"><![CDATA[]]></DIS>
				<INT name="mainInteraction" perpetual="0">
					<RES name="onKeyDown" type="event" eventName="onKeyDown" icon="rootIcon" erase="1" exit="0">
						<SCR name="calculate"><![CDATA[//get key pressed
l = String.fromCharCode(Key.getAscii()).toLowerCase(); 
found = false;

if (usedLetters[l] == undefined && dis.indexOf('-') != -1 && usedStr.length < 10){  
  temp = '';
  for (i = 0; i < dis.length; i++){
    if (word.substr(i,1).toLowerCase() == l){
      temp += l;
      found = true;
    } else {
      temp += dis.substr(i,1);
    }
  }
  
  dis = temp;
  w.setText('<b><p align="center">' + dis + '</p></b>');
  
  if (found == false){
    usedLetters[l] = true;
    usedStr += l;
    used.setText(usedStr);
    hangGraphics.clip.gotoAndStop(usedStr.length + 1);
  }
}

if (dis.indexOf('_') == -1){
  btnNext.setEnabled(true);
  w.setText('<b><p align="center">' + dis + '</p></b>');
}
if (usedStr.length == 10){
  btnNext.setEnabled(true);
  w.setText('<b><p align="center">' + word + '</p></b>');
}

]]></SCR>
					</RES>
				</INT>
			</PG>
		</FW>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/hotspotImage.rlm b/modules/xerte/parent_templates/Nottingham/models/hotspotImage.rlm
index 537cde78b5..390f311e71 100644
--- a/modules/xerte/parent_templates/Nottingham/models/hotspotImage.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/hotspotImage.rlm
@@ -1 +1 @@
-	<PG language="en-GB" title="Hotspot Image" name="hotspotImage">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.hotspotImage[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 


hicol = pageIcon.templateData.hotspotImage[projPI].hicol;

// set up text strings
if (pageIcon.templateData.hotspotImage[projPI].nextTxt != undefined){
  nextTxt = pageIcon.templateData.hotspotImage[projPI].nextTxt;
} else {
  nextTxt = "Next";
}

if (pageIcon.templateData.hotspotImage[projPI].priorTxt != undefined){
  priorTxt = pageIcon.templateData.hotspotImage[projPI].priorTxt;
} else {
  priorTxt = "Back";
}

if (pageIcon.templateData.hotspotImage[projPI].narration != undefined){
  narration = pageIcon.templateData.hotspotImage[projPI].narration;
  rootIcon.broadcast('showAudio');
}


]]></SCR>
		<DIS h="474" w="760" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS toolTip="{pageIcon.templateData.hotspotImage[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="coded" y="30" type="ext" url="{pageIcon.templateData.hotspotImage[projPI].url}"><![CDATA[{pageIcon.templateData.page[0].text[0].tip}]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//resize the image if it's too big or too wide
p = graphic._width / graphic._height;
maxWidth = 500;
maxHeight = 424;
scale = 1;
initHeight = graphic._height;
initWidth = graphic._width;

graphic.constrain(maxWidth, maxHeight);

scale = graphic._width / initWidth;

if (pageIcon.templateData.hotspotImage[projPI].align == 'Left'){
  graphic._x = 770 - graphic._width;
  textX = 30;
} else {
  graphic._x = 30;
  textX = 50 + graphic._width;
}
textWidth = 720 - graphic._width;]]></SCR>
			</RES>
		</INT>
		<DIS textColour="#333333" id="textBlock" h="10" name="text" x="textX" y="30" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.hotspotImage[projPI].text}]]></DIS>
		<SCR name="makeHotspots"><![CDATA[hsData = pageIcon.templateData.hotspotImage[projPI];
if (pageIcon.templateData.hotspotImage[projPI].highlight == 'true'){
  icon.nextSibling.firstChild.attributes.highlight = '1';
  icon.nextSibling.firstChild.attributes.highlightColour = hicol;
}
if (icon.attributes.built != "true"){
  icon.nextSibling.firstChild.duplicate(pageIcon.templateData.hotspotImage[projPI].hotspot.length - 1);
  
  //show the controllers?
  if (pageIcon.templateData.hotspotImage[projPI].interactivity != 'Show Me' && icon.attributes.built != "true"){
    icon.nextSibling.lastChild.removeNode();
    icon.nextSibling.lastChild.removeNode();
  }
}
icon.attributes.built = "true";

fbY = _ytile + 20;
fbH = 454 - fbY;
currentHS = -1;
]]></SCR>
		<INT id="hspot" name="hotspots" perpetual="0">
			<RES highlightColour="0xFF0000" name="{pageIcon.templateData.hotspotImage[projPI].hotspot[icon.index()].name}" type="hotSpot" x="graphic._x + Number(hsData.hotspot[icon.index()].x)*scale" y="graphic._y + Number(hsData.hotspot[icon.index()].y)*scale" w="Number(hsData.hotspot[icon.index()].w)*scale" h="Number(hsData.hotspot[icon.index()].h)*scale" click="1" cursor="1" erase="1" exit="0">
				<DIS textColour="#333333" id="fb" scrolling="auto" name="protoText" x="textX + 5" y="fbY" w="textWidth - 5" h="fbH + 30" type="text"><![CDATA[{'<b>' + hsData.hotspot[icon.parentNode.index()].name + '</b><br>' +  hsData.hotspot[icon.parentNode.index()].text}]]></DIS>
				<SCR name="handleClick"><![CDATA[currentHS = icon.parentNode.index();
hs = hspot.responses[icon.parentNode.index()];
hspot.clear();
hspot.lineStyle(2,hicol,100);
hspot.drawRect(hs._x, hs._y, hs._width, hs._height);

//fb.setText('<b>' + hsData.hotspot[icon.parentNode.index()].name + '</b><br>' +  hsData.hotspot[icon.parentNode.index()].text);
fb.clear();
fb.beginFill(0xFFFFCC,100);
fb.lineStyle(1,0x666666,100);
fb.drawRect(-5,-0,textWidth, fbH + 30);
fb.fade('in', 0.3, 'None', 'easeNone',2);

]]></SCR>
			</RES>
			<RES toolTip="{priorTxt}" swf="templatePath + 'common/leftButton.swf'" name="back" type="button" x="graphic._x + graphic._width - 40" y="graphic._y + graphic._height + 10" label="{priorTxt}" erase="1" exit="0">
				<SCR name="setup"><![CDATA[if (currentHS > 0){
  currentHS--;
}
]]></SCR>
				<DIS id="fb" scrolling="auto" name="protoText" x="textX + 5" y="fbY" w="textWidth - 5" h="fbH + 30" type="text"><![CDATA[{'<b>' + hsData.hotspot[currentHS].name + '</b><br>' +  hsData.hotspot[currentHS].text}]]></DIS>
				<SCR name="showPrev"><![CDATA[hs = hspot.responses[currentHS];
hspot.clear();
hspot.lineStyle(2,0xFFFF00,100);
hspot.drawRect(hs._x, hs._y, hs._width, hs._height);

fb.clear();
fb.beginFill(0xFFFFCC,100);
fb.lineStyle(1,0x666666,100);
fb.drawRect(-5,-0,textWidth, fbH + 30);
fb.fade('in', 0.3, 'None', 'easeNone',2);



]]></SCR>
			</RES>
			<RES toolTip="{nextTxt}" swf="templatePath + 'common/rightButton.swf'" name="next" type="button" x="graphic._x + graphic._width - 20" y="graphic._y + graphic._height + 10" label="{nextTxt}" erase="1" exit="0">
				<SCR name="setup"><![CDATA[if (currentHS < hsData.hotspot.length - 1){
  currentHS++;
}
]]></SCR>
				<DIS id="fb" scrolling="auto" name="protoText" x="textX + 5" y="fbY" w="textWidth - 5" h="fbH + 30" type="text"><![CDATA[{'<b>' + hsData.hotspot[currentHS].name + '</b><br>' +  hsData.hotspot[currentHS].text}]]></DIS>
				<SCR name="showNext"><![CDATA[hs = hspot.responses[currentHS];
hspot.clear();
hspot.lineStyle(2,0xFFFF00,100);
hspot.drawRect(hs._x, hs._y, hs._width, hs._height);

fb.clear();
fb.beginFill(0xFFFFCC,100);
fb.lineStyle(1,0x666666,100);
fb.drawRect(-5,-0,textWidth, fbH + 30);
fb.fade('in', 0.3, 'None', 'easeNone',2);
]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
+	<PG title="Hotspot Image" name="hotspotImage">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.hotspotImage[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 


hicol = pageIcon.templateData.hotspotImage[projPI].hicol;

// set up text strings
if (pageIcon.templateData.hotspotImage[projPI].nextTxt != undefined){
  nextTxt = pageIcon.templateData.hotspotImage[projPI].nextTxt;
} else {
  nextTxt = "Next";
}

if (pageIcon.templateData.hotspotImage[projPI].priorTxt != undefined){
  priorTxt = pageIcon.templateData.hotspotImage[projPI].priorTxt;
} else {
  priorTxt = "Back";
}

if (pageIcon.templateData.hotspotImage[projPI].narration != undefined){
  narration = pageIcon.templateData.hotspotImage[projPI].narration;
  rootIcon.broadcast('showAudio');
}


]]></SCR>
		<DIS h="474" w="760" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS toolTip="{pageIcon.templateData.hotspotImage[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="coded" y="30" type="ext" url="{pageIcon.templateData.hotspotImage[projPI].url}"><![CDATA[{pageIcon.templateData.page[0].text[0].tip}]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//resize the image if it's too big or too wide
p = graphic._width / graphic._height;
maxWidth = 500;
maxHeight = 424;
scale = 1;
initHeight = graphic._height;
initWidth = graphic._width;

graphic.constrain(maxWidth, maxHeight);

scale = graphic._width / initWidth;

if (pageIcon.templateData.hotspotImage[projPI].align == 'Left'){
  graphic._x = 770 - graphic._width;
  textX = 30;
} else {
  graphic._x = 30;
  textX = 50 + graphic._width;
}
textWidth = 720 - graphic._width;]]></SCR>
			</RES>
		</INT>
		<DIS textColour="#333333" id="textBlock" h="10" name="text" x="textX" y="30" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.hotspotImage[projPI].text}]]></DIS>
		<SCR name="makeHotspots"><![CDATA[hsData = pageIcon.templateData.hotspotImage[projPI];
if (pageIcon.templateData.hotspotImage[projPI].highlight == 'true'){
  icon.nextSibling.firstChild.attributes.highlight = '1';
  icon.nextSibling.firstChild.attributes.highlightColour = hicol;
}
if (icon.attributes.built != "true"){
  icon.nextSibling.firstChild.duplicate(pageIcon.templateData.hotspotImage[projPI].hotspot.length - 1);
  
  //show the controllers?
  if (pageIcon.templateData.hotspotImage[projPI].interactivity != 'Show Me' && icon.attributes.built != "true"){
    icon.nextSibling.lastChild.removeNode();
    icon.nextSibling.lastChild.removeNode();
  }
}
icon.attributes.built = "true";

fbY = _ytile + 20;
fbH = 454 - fbY;
currentHS = -1;
]]></SCR>
		<INT id="hspot" name="hotspots" perpetual="0">
			<RES highlightColour="0xFF0000" name="{pageIcon.templateData.hotspotImage[projPI].hotspot[icon.index()].name}" type="hotSpot" x="graphic._x + Number(hsData.hotspot[icon.index()].x)*scale" y="graphic._y + Number(hsData.hotspot[icon.index()].y)*scale" w="Number(hsData.hotspot[icon.index()].w)*scale" h="Number(hsData.hotspot[icon.index()].h)*scale" click="1" cursor="1" erase="1" exit="0">
				<DIS textColour="#333333" id="fb" scrolling="auto" name="protoText" x="textX + 5" y="fbY" w="textWidth - 5" h="fbH + 30" type="text"><![CDATA[{'<b>' + hsData.hotspot[icon.parentNode.index()].name + '</b><br>' +  hsData.hotspot[icon.parentNode.index()].text}]]></DIS>
				<SCR name="handleClick"><![CDATA[currentHS = icon.parentNode.index();
hs = hspot.responses[icon.parentNode.index()];
hspot.clear();
hspot.lineStyle(2,hicol,100);
hspot.drawRect(hs._x, hs._y, hs._width, hs._height);

//fb.setText('<b>' + hsData.hotspot[icon.parentNode.index()].name + '</b><br>' +  hsData.hotspot[icon.parentNode.index()].text);
fb.clear();
fb.beginFill(0xFFFFCC,100);
fb.lineStyle(1,0x666666,100);
fb.drawRect(-5,-0,textWidth, fbH + 30);
fb.fade('in', 0.3, 'None', 'easeNone',2);

]]></SCR>
			</RES>
			<RES toolTip="{priorTxt}" swf="templatePath + 'common/leftButton.swf'" name="back" type="button" x="graphic._x + graphic._width - 40" y="graphic._y + graphic._height + 10" label="{priorTxt}" erase="1" exit="0">
				<SCR name="setup"><![CDATA[if (currentHS > 0){
  currentHS--;
}
]]></SCR>
				<DIS id="fb" scrolling="auto" name="protoText" x="textX + 5" y="fbY" w="textWidth - 5" h="fbH + 30" type="text"><![CDATA[{'<b>' + hsData.hotspot[currentHS].name + '</b><br>' +  hsData.hotspot[currentHS].text}]]></DIS>
				<SCR name="showPrev"><![CDATA[hs = hspot.responses[currentHS];
hspot.clear();
hspot.lineStyle(2,hicol,100);
hspot.drawRect(hs._x, hs._y, hs._width, hs._height);

fb.clear();
fb.beginFill(0xFFFFCC,100);
fb.lineStyle(1,0x666666,100);
fb.drawRect(-5,-0,textWidth, fbH + 30);
fb.fade('in', 0.3, 'None', 'easeNone',2);



]]></SCR>
			</RES>
			<RES toolTip="{nextTxt}" swf="templatePath + 'common/rightButton.swf'" name="next" type="button" x="graphic._x + graphic._width - 20" y="graphic._y + graphic._height + 10" label="{nextTxt}" erase="1" exit="0">
				<SCR name="setup"><![CDATA[if (currentHS < hsData.hotspot.length - 1){
  currentHS++;
}
]]></SCR>
				<DIS id="fb" scrolling="auto" name="protoText" x="textX + 5" y="fbY" w="textWidth - 5" h="fbH + 30" type="text"><![CDATA[{'<b>' + hsData.hotspot[currentHS].name + '</b><br>' +  hsData.hotspot[currentHS].text}]]></DIS>
				<SCR name="showNext"><![CDATA[hs = hspot.responses[currentHS];
hspot.clear();
hspot.lineStyle(2,hicol,100);
hspot.drawRect(hs._x, hs._y, hs._width, hs._height);

fb.clear();
fb.beginFill(0xFFFFCC,100);
fb.lineStyle(1,0x666666,100);
fb.drawRect(-5,-0,textWidth, fbH + 30);
fb.fade('in', 0.3, 'None', 'easeNone',2);
]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/imageViewer.rlm b/modules/xerte/parent_templates/Nottingham/models/imageViewer.rlm
index 72a432b072..6c4b98039e 100644
--- a/modules/xerte/parent_templates/Nottingham/models/imageViewer.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/imageViewer.rlm
@@ -1 +1 @@
-	<PG title="Image Viewer" name="imageViewer">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip()

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}

// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.imageViewer[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 

// set up text strings
if (pageIcon.templateData.imageViewer[projPI].moveTip != undefined){
  moveTip = pageIcon.templateData.imageViewer[projPI].moveTip;
} else {
  moveTip = "Move";
}

if (pageIcon.templateData.imageViewer[projPI].zoomInTip != undefined){
  zoomInTip = pageIcon.templateData.imageViewer[projPI].zoomInTip;
} else {
  zoomInTip = "Zoom In";
}

if (pageIcon.templateData.imageViewer[projPI].zoomOutTip != undefined){
  zoomOutTip = pageIcon.templateData.imageViewer[projPI].zoomOutTip;
} else {
  zoomOutTip = "Zoom Out";
}

if (pageIcon.templateData.imageViewer[projPI].selectAreaTip != undefined){
  selectAreaTip = pageIcon.templateData.imageViewer[projPI].selectAreaTip;
} else {
  selectAreaTip = "Select Area";
}

if (pageIcon.templateData.imageViewer[projPI].resetImageTip != undefined){
  resetImageTip = pageIcon.templateData.imageViewer[projPI].resetImageTip;
} else {
  resetImageTip = "Reset Area";
}

if (pageIcon.templateData.imageViewer[projPI].toggleScreenTip != undefined){
  toggleScreenTip = pageIcon.templateData.imageViewer[projPI].toggleScreenTip;
} else {
  toggleScreenTip = "Toggle Full Screen";
}


if (pageIcon.templateData.imageViewer[projPI].narration != undefined){
  narration = pageIcon.templateData.imageViewer[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS tabIndex="-1" id="panel" name="panel" x="-300" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on



]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" id="graphic" name="graphic" x="coded" y="30" type="ext" url="{pageIcon.templateData.imageViewer[projPI].url}"><![CDATA[]]></DIS>
		<DIS id="mask" name="mask" x="0" y="0" w="400" h="10" type="text"><![CDATA[]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[align = pageIcon.templateData.imageViewer[projPI].align;
p = graphic._width / graphic._height;

if (align == "Top" || align == 'Bottom'){
  maxWidth = 740;
  maxHeight = 250;
} else {  //left or right, so fit to width
  maxWidth = 465;
  maxHeight = 465;
}
graphic.constrain(maxWidth, maxHeight);

//resize the panel to the graphic
panel._width = graphic._width + 20;
panel._height = graphic._height + 20;

if (align == 'Left'){
  panel._x = stageWidth - panel._width - 20;
  graphic._x = panel._x + 10;
  textX = 20;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
} 
if (align == 'Right'){
  panel._x = 20;
  graphic._x = 30;
  textX = graphic._width + 60;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
}
if (align == 'Bottom'){
  panel._x = 20;
  graphic._x = 30;
  textWidth = panel._width;
  textX = panel._x;
  textY = panel._y + panel._height + 20;
}
if (align == 'Top'){
  panel._x = 20;
  graphic._x = 30;
  textWidth = panel._width;
  textX = panel._x;
  textY = panel._y + panel._height + 20;
}

mask.beginFill(0xFFFF00,0);
mask.drawRect(graphic._x, graphic._y, graphic._width, graphic._height);
graphic.setMask(mask);

initX = graphic._x;
initY = graphic._y;
initW = graphic._width;
initH = graphic._height;
initScale = graphic._xscale;

maskX = graphic._x;
maskY = graphic._y;
maskW = graphic._width;
maskH = graphic._height;

centreX = maskX + maskW / 2;
centreY = maskY + maskH / 2;

lastScale = 1;


]]></SCR>
			</RES>
		</INT>
		<SCR name="setProperties"><![CDATA[mode = 'move';
screen = 'min';

]]></SCR>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.imageViewer[projPI]}]]></DIS>
		<SCR name="layout"><![CDATA[if (align == 'Top'){
  textBlock._y = 20;
  panel._y = textBlock._y + textBlock._height + 20;
  graphic._y = panel._y + 10;
}
]]></SCR>
		<INT id="controls" name="controls" perpetual="1">
			<RES name="onPress" type="event" eventName="onPress" icon="graphic" erase="1" exit="0">
				<SCR name="startDrag"><![CDATA[if (mode == 'move'){

  graphic.startDrag(false, maskX - (graphic._width - maskW), maskY - (graphic._height - maskH),maskX, maskY);

} else if (mode == 'zoomIn'){

  graphic._xscale *= 1.25;
  graphic._yscale *= 1.25;

  graphic._x -= (graphic._width - graphic._width*0.8) / 2;
  graphic._y -= (graphic._height - graphic._height*0.8) / 2;

} else if (mode == 'zoomOut' && graphic._width > maskW * 1.25){
  
  if (graphic._width > maskW * 1.25){  
    graphic._xscale *= 0.8;
    graphic._yscale *= 0.8;
    
    graphic._x += (graphic._width*1.25 - graphic._width) / 2;
    graphic._y += (graphic._height*1.25 - graphic._height) / 2;
      
    if (graphic._x > maskX){
      graphic._x = maskX;
    }
    if (graphic._y > maskY){
      graphic._y = maskY;
    } 
    if (graphic._x + graphic._width < maskX + maskW){
      graphic._x = maskX + maskW - graphic._width;
    }
    if (graphic._y + graphic._height < maskY + maskH){
      graphic._y = maskY + maskH - graphic._height;
    }
  }

} else if (mode == 'select'){

  selecting = true;
  mouseX = mask._xmouse;
  mouseY = mask._ymouse;

}



]]></SCR>
			</RES>
			<RES name="onRelease" type="event" eventName="onRelease" icon="graphic" erase="1" exit="0">
				<SCR name="stopDrag"><![CDATA[if (mode == 'move'){
  graphic.stopDrag();
}
if (mode == 'select'){
  selecting = false;
  controls.clear();

  if (Math.abs(mouseX - mask._xmouse) > 50 && Math.abs(mouseY - mask._ymouse) > 50){
  
    scaleFactor = maskW / Math.abs(mask._xmouse - mouseX);
  
    graphic._x = maskX - (mouseX - graphic._x) * scaleFactor;
    graphic._y = maskY - (mouseY - graphic._y) * scaleFactor;
  
    //scale the image by maskW / selectW
    graphic._xscale *= scaleFactor;
    graphic._yscale *= scaleFactor;
  }
}
]]></SCR>
			</RES>
			<RES name="onReleaseOutside" type="event" eventName="onReleaseOutside" icon="graphic" erase="1" exit="0">
				<SCR name="stopDrag"><![CDATA[if (mode == 'move'){
  graphic.stopDrag();
}
if (mode == 'select'){
  selecting = false;
  controls.clear();

  if (Math.abs(mouseX - mask._xmouse) > 50 && Math.abs(mouseY - mask._ymouse) > 50){
  
    scaleFactor = maskW / Math.abs(mask._xmouse - mouseX);
  
    graphic._x = maskX - (mouseX - graphic._x) * scaleFactor;
    graphic._y = maskY - (mouseY - graphic._y) * scaleFactor;
  
    //scale the image by maskW / selectW
    graphic._xscale *= scaleFactor;
    graphic._yscale *= scaleFactor;
  }
}]]></SCR>
			</RES>
			<RES name="onMouseMove" type="event" eventName="onMouseMove" icon="graphic" erase="1" exit="0">
				<SCR name="drawRect"><![CDATA[if (mode == 'select' && selecting == true){

  controls.clear();
  controls.lineStyle(1,0xFFFF00,100);
  controls.drawRect(mouseX,mouseY,mask._xmouse - mouseX,mask._ymouse - mouseY);

}]]></SCR>
			</RES>
			<RES name="onKeyDown" type="event" eventName="onKeyDown" icon="rootIcon" erase="1" exit="0">
				<SCR name="[Untitled]"><![CDATA[//scroll the image

  if (Key.isDown(Key.DOWN)){
    if (graphic._y + graphic._height > mask._y + mask._height) {
      graphic._y -= 20;
    }
  }
    
  if (Key.isDown(Key.UP)){
    if (graphic._y <= mask._y){
      graphic._y += 20;
    }
  }
    
  if (Key.isDown(Key.LEFT)){
    if (graphic._x < maskX){
      graphic._x += 20;
    }
  }
  
  if (Key.isDown(Key.RIGHT)){
    if (graphic._x + graphic._width > mask._x + mask._width){
      graphic._x -= 20;
    }
  }]]></SCR>
			</RES>
		</INT>
		<INT id="buttons" name="buttons" perpetual="1">
			<RES rs="btnMove" toolTip="{moveTip}" swf="templatePath + 'common/move.swf'" name="move" type="button" x="panel._x + 20" y="panel._y + 25" label="label" erase="1" exit="0">
				<SCR name="zoomIn"><![CDATA[icon.parentNode.clip().setChecked(true,true);

mode = 'move';]]></SCR>
			</RES>
			<RES rs="btnZoomIn" toolTip="{zoomInTip}" swf="templatePath + 'common/zoomIn.swf'" name="zoomIn" type="button" x="panel._x + 45" y="panel._y + 25" label="label" erase="1" exit="0">
				<SCR name="zoomIn"><![CDATA[icon.parentNode.clip().setChecked(true,true);
mode = 'zoomIn';

  graphic._xscale *= 1.25;
  graphic._yscale *= 1.25;

  graphic._x -= (graphic._width - graphic._width*0.8) / 2;
  graphic._y -= (graphic._height - graphic._height*0.8) / 2;
]]></SCR>
			</RES>
			<RES rs="btnZoomOut" toolTip="{zoomOutTip}" swf="templatePath + 'common/zoomOut.swf'" name="zoomOut" type="button" x="panel._x + 68" y="panel._y + 25" label="label" erase="1" exit="0">
				<SCR name="zoomOut"><![CDATA[icon.parentNode.clip().setChecked(true,true);
mode = 'zoomOut';
if (graphic._width > maskW*1.25){  
  graphic._xscale *= 0.8;
  graphic._yscale *= 0.8;
  
  graphic._x += (graphic._width*1.25 - graphic._width) / 2;
  graphic._y += (graphic._height*1.25 - graphic._height) / 2;
  
  if (graphic._x > maskX){
    graphic._x = maskX;
  }
  if (graphic._y > maskY){
    graphic._y = maskY;
  }
  if (graphic._x + graphic._width < maskX + maskW){
    graphic._x = maskX + maskW - graphic._width;
  }
  if (graphic._y + graphic._height < maskY + maskH){
    graphic._y = maskY + maskH - graphic._height;
  }
}]]></SCR>
			</RES>
			<RES rs="btnSelect" toolTip="{selectAreaTip}" swf="templatePath + 'common/select.swf'" name="selection" type="button" x="panel._x + 91" y="panel._y + 25" label="label" erase="1" exit="0">
				<SCR name="select"><![CDATA[icon.parentNode.clip().setChecked(true,true);
mode = 'select';]]></SCR>
			</RES>
			<RES rs="btnReset" toolTip="{resetImageTip}" swf="templatePath + 'common/reset.swf'" name="reset" type="button" x="panel._x + 116" y="panel._y + 25" label="label" erase="1" exit="0">
				<SCR name="zoomOut"><![CDATA[if (screen == 'min'){  

  graphic._xscale = initScale;
  graphic._yscale = initScale;
  graphic._x = maskX;
  graphic._y = maskY;
  
} else {

  graphic._x = 30;
  graphic._y = 30;
  graphic._width = 740;
  graphic._height = 740 / p;
  
}]]></SCR>
			</RES>
			<RES rs="btnToggle" toolTip="{toggleScreenTip}" swf="templatePath + 'common/toggleScreen.swf'" name="fullscreen" type="button" x="panel._x + 141" y="panel._y + 25" label="fullscreen" erase="1" exit="0">
				<SCR name="toggle"><![CDATA[if (screen != 'max'){  

  panel._x = 20;
  panel._y = 20;
  panel._width = 760;
  panel._height = 484;
  
  graphic._x = 30;
  graphic._y = 30;
  graphic._width = 740;
  graphic._height = 740 / p;

  mask.clear();
  mask.beginFill(0xFF0000,0);
  mask.drawRect(30,30,740,464);
  
  maskX = 30;
  maskY = 30;
  maskW = 740;
  maskH = 464;
      
  textBlock._visible = false;
  
  screen = 'max';
  
} else {

  panel._x = initX - 10;
  panel._y = initY - 10;;
  panel._width = initW +20;
  panel._height = initH +20;
      
  graphic._x = initX;
  graphic._y = initY;
  graphic._width = initW;
  graphic._height = initH;
      
  mask.clear();
  mask.beginFill(0xFF0000,0);
  mask.drawRect(initX,initY,initW,initH);  
  
    
  maskX = initX;
  maskY = initY;
  maskW = initW;
  maskH = initH;
      
  textBlock._visible = true;
  
  screen = 'min';
}
/*
btnMove._x = panel._x + 15;
btnMove._y = panel._y + 15;
btnZoomIn._x = panel._x + 40;
btnZoomIn._y = panel._y + 15;
btnZoomOut._x = panel._x + 63;
btnZoomOut._y = panel._y + 15;
btnSelect._x = panel._x + 86;
btnSelect._y = panel._y + 15;
btnReset._x = panel._x + 111;
btnReset._y = panel._y + 15;
btnToggle._x = panel._x + 136;
btnToggle._y   = panel._y + 15;
*/


]]></SCR>
			</RES>
		</INT>
		<SCR name="makeDragger"><![CDATA[buttons.createEmptyMovieClip('dragger',-1);

buttons.dragger.beginFill(STYLES.statusBarColour,100);
buttons.dragger.drawRect(btnMove._x - 5,btnMove._y - 12 ,153,10);

buttons.dragger.beginFill(STYLES.titleBarColour,100);
buttons.dragg.lineStyle(2,STYLES.statusBarColour, 100);
buttons.dragger.drawRect(btnMove._x - 5,btnMove._y - 2 ,153,28);

drg = buttons.dragger;]]></SCR>
		<INT name="dragHandlers" perpetual="1">
			<RES name="onPress" type="event" eventName="onPress" icon="drg" erase="1" exit="0">
				<SCR name="start"><![CDATA[buttons.startDrag();
]]></SCR>
			</RES>
			<RES name="onRelease" type="event" eventName="onRelease" icon="drg" erase="1" exit="0">
				<SCR name="stop"><![CDATA[buttons.stopDrag();
]]></SCR>
			</RES>
			<RES name="onReleaseOutside" type="event" eventName="onReleaseOutside" icon="drg" erase="1" exit="0">
				<SCR name="stop"><![CDATA[buttons.stopDrag();
]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
+	<PG title="Image Viewer" name="imageViewer">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip()

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}

// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.imageViewer[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 

// set up text strings
if (pageIcon.templateData.imageViewer[projPI].moveTip != undefined){
  moveTip = pageIcon.templateData.imageViewer[projPI].moveTip;
} else {
  moveTip = "Move";
}

if (pageIcon.templateData.imageViewer[projPI].zoomInTip != undefined){
  zoomInTip = pageIcon.templateData.imageViewer[projPI].zoomInTip;
} else {
  zoomInTip = "Zoom In";
}

if (pageIcon.templateData.imageViewer[projPI].zoomOutTip != undefined){
  zoomOutTip = pageIcon.templateData.imageViewer[projPI].zoomOutTip;
} else {
  zoomOutTip = "Zoom Out";
}

if (pageIcon.templateData.imageViewer[projPI].selectAreaTip != undefined){
  selectAreaTip = pageIcon.templateData.imageViewer[projPI].selectAreaTip;
} else {
  selectAreaTip = "Select Area";
}

if (pageIcon.templateData.imageViewer[projPI].resetImageTip != undefined){
  resetImageTip = pageIcon.templateData.imageViewer[projPI].resetImageTip;
} else {
  resetImageTip = "Reset Area";
}

if (pageIcon.templateData.imageViewer[projPI].toggleScreenTip != undefined){
  toggleScreenTip = pageIcon.templateData.imageViewer[projPI].toggleScreenTip;
} else {
  toggleScreenTip = "Toggle Full Screen";
}


if (pageIcon.templateData.imageViewer[projPI].narration != undefined){
  narration = pageIcon.templateData.imageViewer[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS tabIndex="-1" id="panel" name="panel" x="-300" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on



]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" id="graphic" name="graphic" x="coded" y="30" type="ext" url="{pageIcon.templateData.imageViewer[projPI].url}"><![CDATA[]]></DIS>
		<DIS id="mask" name="mask" x="0" y="0" w="400" h="10" type="text"><![CDATA[]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[align = pageIcon.templateData.imageViewer[projPI].align;
p = graphic._width / graphic._height;

if (align == "Top" || align == 'Bottom'){
  maxWidth = 740;
  maxHeight = 250;
} else {  //left or right, so fit to width
  maxWidth = 465;
  maxHeight = 465;
}
graphic.constrain(maxWidth, maxHeight);

//resize the panel to the graphic
panel._width = graphic._width + 20;
panel._height = graphic._height + 20;

if (align == 'Left'){
  panel._x = stageWidth - panel._width - 20;
  graphic._x = panel._x + 10;
  textX = 20;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
} 
if (align == 'Right'){
  panel._x = 20;
  graphic._x = 30;
  textX = graphic._width + 60;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
}
if (align == 'Bottom'){
  panel._x = 20;
  graphic._x = 30;
  textWidth = panel._width;
  textX = panel._x;
  textY = panel._y + panel._height + 20;
}
if (align == 'Top'){
  panel._x = 20;
  graphic._x = 30;
  textWidth = panel._width;
  textX = panel._x;
  textY = panel._y + panel._height + 20;
}

mask.beginFill(0xFFFF00,0);
mask.drawRect(graphic._x, graphic._y, graphic._width, graphic._height);
graphic.setMask(mask);

initX = graphic._x;
initY = graphic._y;
initW = graphic._width;
initH = graphic._height;
initScale = graphic._xscale;

maskX = graphic._x;
maskY = graphic._y;
maskW = graphic._width;
maskH = graphic._height;

centreX = maskX + maskW / 2;
centreY = maskY + maskH / 2;

lastScale = 1;


]]></SCR>
			</RES>
		</INT>
		<SCR name="setProperties"><![CDATA[mode = 'move';
screen = 'min';

]]></SCR>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.imageViewer[projPI]}]]></DIS>
		<SCR name="layout"><![CDATA[if (align == 'Top'){
  textBlock._y = 20;
  panel._y = textBlock._y + textBlock._height + 20;
  graphic._y = panel._y + 10;
  
  initX = graphic._x;
  initY = graphic._y;
}
]]></SCR>
		<INT id="controls" name="controls" perpetual="1">
			<RES name="onPress" type="event" eventName="onPress" icon="graphic" erase="1" exit="0">
				<SCR name="startDrag"><![CDATA[if (mode == 'move'){

  graphic.startDrag(false, maskX - (graphic._width - maskW), maskY - (graphic._height - maskH),maskX, maskY);

} else if (mode == 'zoomIn'){

  graphic._xscale *= 1.25;
  graphic._yscale *= 1.25;

  graphic._x -= (graphic._width - graphic._width*0.8) / 2;
  graphic._y -= (graphic._height - graphic._height*0.8) / 2;

} else if (mode == 'zoomOut' && graphic._width > maskW * 1.25){
  
  if (graphic._width > maskW * 1.25){  
    graphic._xscale *= 0.8;
    graphic._yscale *= 0.8;
    
    graphic._x += (graphic._width*1.25 - graphic._width) / 2;
    graphic._y += (graphic._height*1.25 - graphic._height) / 2;
      
    if (graphic._x > maskX){
      graphic._x = maskX;
    }
    if (graphic._y > maskY){
      graphic._y = maskY;
    } 
    if (graphic._x + graphic._width < maskX + maskW){
      graphic._x = maskX + maskW - graphic._width;
    }
    if (graphic._y + graphic._height < maskY + maskH){
      graphic._y = maskY + maskH - graphic._height;
    }
  }

} else if (mode == 'select'){

  selecting = true;
  mouseX = mask._xmouse;
  mouseY = mask._ymouse;

}



]]></SCR>
			</RES>
			<RES name="onRelease" type="event" eventName="onRelease" icon="graphic" erase="1" exit="0">
				<SCR name="stopDrag"><![CDATA[if (mode == 'move'){
  graphic.stopDrag();
}
if (mode == 'select'){
  selecting = false;
  controls.clear();

  if (Math.abs(mouseX - mask._xmouse) > 50 && Math.abs(mouseY - mask._ymouse) > 50){
  
    scaleFactor = maskW / Math.abs(mask._xmouse - mouseX);
  
    graphic._x = maskX - (mouseX - graphic._x) * scaleFactor;
    graphic._y = maskY - (mouseY - graphic._y) * scaleFactor;
  
    //scale the image by maskW / selectW
    graphic._xscale *= scaleFactor;
    graphic._yscale *= scaleFactor;
  }
}
]]></SCR>
			</RES>
			<RES name="onReleaseOutside" type="event" eventName="onReleaseOutside" icon="graphic" erase="1" exit="0">
				<SCR name="stopDrag"><![CDATA[if (mode == 'move'){
  graphic.stopDrag();
}
if (mode == 'select'){
  selecting = false;
  controls.clear();

  if (Math.abs(mouseX - mask._xmouse) > 50 && Math.abs(mouseY - mask._ymouse) > 50){
  
    scaleFactor = maskW / Math.abs(mask._xmouse - mouseX);
  
    graphic._x = maskX - (mouseX - graphic._x) * scaleFactor;
    graphic._y = maskY - (mouseY - graphic._y) * scaleFactor;
  
    //scale the image by maskW / selectW
    graphic._xscale *= scaleFactor;
    graphic._yscale *= scaleFactor;
  }
}]]></SCR>
			</RES>
			<RES name="onMouseMove" type="event" eventName="onMouseMove" icon="graphic" erase="1" exit="0">
				<SCR name="drawRect"><![CDATA[if (mode == 'select' && selecting == true){

  controls.clear();
  controls.lineStyle(1,0xFFFF00,100);
  controls.drawRect(mouseX,mouseY,mask._xmouse - mouseX,mask._ymouse - mouseY);

}]]></SCR>
			</RES>
			<RES name="onKeyDown" type="event" eventName="onKeyDown" icon="rootIcon" erase="1" exit="0">
				<SCR name="[Untitled]"><![CDATA[//scroll the image

  if (Key.isDown(Key.DOWN)){
    if (graphic._y + graphic._height > mask._y + mask._height) {
      graphic._y -= 20;
    }
  }
    
  if (Key.isDown(Key.UP)){
    if (graphic._y <= mask._y){
      graphic._y += 20;
    }
  }
    
  if (Key.isDown(Key.LEFT)){
    if (graphic._x < maskX){
      graphic._x += 20;
    }
  }
  
  if (Key.isDown(Key.RIGHT)){
    if (graphic._x + graphic._width > mask._x + mask._width){
      graphic._x -= 20;
    }
  }]]></SCR>
			</RES>
		</INT>
		<INT id="buttons" name="buttons" perpetual="1">
			<RES rs="btnMove" toolTip="{moveTip}" swf="templatePath + 'common/move.swf'" name="move" type="button" x="panel._x + 20" y="panel._y + 25" label="label" erase="1" exit="0">
				<SCR name="zoomIn"><![CDATA[icon.parentNode.clip().setChecked(true,true);

mode = 'move';]]></SCR>
			</RES>
			<RES rs="btnZoomIn" toolTip="{zoomInTip}" swf="templatePath + 'common/zoomIn.swf'" name="zoomIn" type="button" x="panel._x + 45" y="panel._y + 25" label="label" erase="1" exit="0">
				<SCR name="zoomIn"><![CDATA[icon.parentNode.clip().setChecked(true,true);
mode = 'zoomIn';

  graphic._xscale *= 1.25;
  graphic._yscale *= 1.25;

  graphic._x -= (graphic._width - graphic._width*0.8) / 2;
  graphic._y -= (graphic._height - graphic._height*0.8) / 2;
]]></SCR>
			</RES>
			<RES rs="btnZoomOut" toolTip="{zoomOutTip}" swf="templatePath + 'common/zoomOut.swf'" name="zoomOut" type="button" x="panel._x + 68" y="panel._y + 25" label="label" erase="1" exit="0">
				<SCR name="zoomOut"><![CDATA[icon.parentNode.clip().setChecked(true,true);
mode = 'zoomOut';
if (graphic._width > maskW*1.25){  
  graphic._xscale *= 0.8;
  graphic._yscale *= 0.8;
  
  graphic._x += (graphic._width*1.25 - graphic._width) / 2;
  graphic._y += (graphic._height*1.25 - graphic._height) / 2;
  
  if (graphic._x > maskX){
    graphic._x = maskX;
  }
  if (graphic._y > maskY){
    graphic._y = maskY;
  }
  if (graphic._x + graphic._width < maskX + maskW){
    graphic._x = maskX + maskW - graphic._width;
  }
  if (graphic._y + graphic._height < maskY + maskH){
    graphic._y = maskY + maskH - graphic._height;
  }
}]]></SCR>
			</RES>
			<RES rs="btnSelect" toolTip="{selectAreaTip}" swf="templatePath + 'common/select.swf'" name="selection" type="button" x="panel._x + 91" y="panel._y + 25" label="label" erase="1" exit="0">
				<SCR name="select"><![CDATA[icon.parentNode.clip().setChecked(true,true);
mode = 'select';]]></SCR>
			</RES>
			<RES rs="btnReset" toolTip="{resetImageTip}" swf="templatePath + 'common/reset.swf'" name="reset" type="button" x="panel._x + 116" y="panel._y + 25" label="label" erase="1" exit="0">
				<SCR name="zoomOut"><![CDATA[if (screen == 'min'){  

  graphic._xscale = initScale;
  graphic._yscale = initScale;
  graphic._x = maskX;
  graphic._y = maskY;
  
} else {

  graphic._x = 30;
  graphic._y = 30;
  graphic._width = 740;
  graphic._height = 740 / p;
  
}]]></SCR>
			</RES>
			<RES rs="btnToggle" toolTip="{toggleScreenTip}" swf="templatePath + 'common/toggleScreen.swf'" name="fullscreen" type="button" x="panel._x + 141" y="panel._y + 25" label="fullscreen" erase="1" exit="0">
				<SCR name="toggle"><![CDATA[if (screen != 'max'){  

  panel._x = 20;
  panel._y = 20;
  panel._width = 760;
  panel._height = 484;
  
  graphic._x = 30;
  graphic._y = 30;
  graphic._width = 740;
  graphic._height = 740 / p;

  mask.clear();
  mask.beginFill(0xFF0000,0);
  mask.drawRect(30,30,740,464);
  
  maskX = 30;
  maskY = 30;
  maskW = 740;
  maskH = 464;
      
  textBlock._visible = false;
  
  screen = 'max';
  
} else {

  panel._x = initX - 10;
  panel._y = initY - 10;
  panel._width = initW +20;
  panel._height = initH +20;
 
  graphic._x = initX;
  graphic._y = initY;
  graphic._width = initW;
  graphic._height = initH;
      
  mask.clear();
  mask.beginFill(0xFF0000,0);
  mask.drawRect(initX,initY,initW,initH);  
  
    
  maskX = initX;
  maskY = initY;
  maskW = initW;
  maskH = initH;
      
  textBlock._visible = true;
  
  screen = 'min';

}



]]></SCR>
			</RES>
		</INT>
		<SCR name="makeDragger"><![CDATA[buttons.createEmptyMovieClip('dragger',-1);

buttons.dragger.beginFill(STYLES.statusBarColour,100);
buttons.dragger.drawRect(btnMove._x - 5,btnMove._y - 12 ,153,10);

buttons.dragger.beginFill(STYLES.titleBarColour,100);
buttons.dragg.lineStyle(2,STYLES.statusBarColour, 100);
buttons.dragger.drawRect(btnMove._x - 5,btnMove._y - 2 ,153,28);

drg = buttons.dragger;]]></SCR>
		<INT name="dragHandlers" perpetual="1">
			<RES name="onPress" type="event" eventName="onPress" icon="drg" erase="1" exit="0">
				<SCR name="start"><![CDATA[buttons.startDrag();
]]></SCR>
			</RES>
			<RES name="onRelease" type="event" eventName="onRelease" icon="drg" erase="1" exit="0">
				<SCR name="stop"><![CDATA[buttons.stopDrag();
]]></SCR>
			</RES>
			<RES name="onReleaseOutside" type="event" eventName="onReleaseOutside" icon="drg" erase="1" exit="0">
				<SCR name="stop"><![CDATA[buttons.stopDrag();
]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/inventory.rlm b/modules/xerte/parent_templates/Nottingham/models/inventory.rlm
index 806464fe5f..aaa24dbbea 100644
--- a/modules/xerte/parent_templates/Nottingham/models/inventory.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/inventory.rlm
@@ -1 +1 @@
-	<PG title="Inventory" name="Inventory">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){
  // Page Wizard 
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // establish page location issues that affect navigation calls
  // establish container   
  myLocXML = String(icon.parentNode.parentNode);  
  myLocXML = myLocXML.substr(1,3);  
  if (myLocXML == "IFC"){    
    container = "Interface";
  } else if (myLocXML == "FW ") {  
    container = "Framework";
  }  else { 
    // unspecified    
    container = "U";  
  }  
  // establish navigationOffset to cope with effect of an entryFrame
  firstC = String(icon.parentNode.parentNode.firstChild);
  firstC = firstC.substr(1,6);
  if (firstC == "FW_ENT") {
    navigationOffset = 1;   // use - navigationOffset
  } else {   
    navigationOffset = 0;
  }  

  
} else {  // Toolkits  
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();
  
  navigationOffset = 1;
  container = "Interface";
}
  rootIcon.setTitleText(templateData.learningObject[0].name);

// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.inventory[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

if (templateData.learningObject[0].authorSupport == "true"){
  pageMode = "development";
} else {
  pageMode = "live";
} 
  
  
//make questions
if (icon.attributes.built != 'true'){
  icon.parentNode.getChildByName("questions").firstChild.duplicate(pageIcon.templateData.inventory[projPI].invQuestion.length - 1);
  icon.attributes.built = 'true';
}

// classLabels stores the class descriptions so they can be matched to the class numbers
// class number 0 equates to classLabel[0]
classLabels = new Array();
classLabels = pageIcon.templateData.inventory[projPI].classes.split(',');
// find longest class descriptor to assist in positioning chart later
maxClassLength = 0;
for (i = 0; i < classLabels.length; i++){
  if (maxClassLength < classLabels[i].length){
    maxClassLength = classLabels[i].length;
  }
}

// initialise class weightedtotals - will store sum of weighted scores for options selected for each class
classWeightedTotals = new Array();
for (i = 0; i < classLabels.length; i++){
  classWeightedTotals[i] = 0;
}

// initialise classMax (will store maximum possible score for each class 
classMax = new Array();
for (i = 0; i < classLabels.length; i++){
  classMax[i] = 0;
}
// used to calculate the maximum possible score for each class for a specific question
classQuestionMax = new Array();
for (i = 0; i < classLabels.length; i++){
  classQuestionMax[i] = 0;
}

questionCount = 0;

align = pageIcon.templateData.inventory[projPI].align;
scoreType = pageIcon.templateData.inventory[projPI].scoreType;

//sequencing
if (pageIcon.templateData.inventory[projPI].order == 'random'){

  icon.parentNode.getChildByName("questions").attributes.branch = 'randomUnused';

} else {

  icon.parentNode.getChildByName("questions").attributes.branch = 'sequence';

}



//number of questions

if (pageIcon.templateData.inventory[projPI].numQuestions == undefined || pageIcon.templateData.inventory[projPI].numQuestions.toLowerCase() == 'all'){

  icon.parentNode.getChildByName("questions").attributes.repeat = 'all';

  qCount = pageIcon.templateData.inventory[projPI].invQuestion.length;

} else {

  icon.parentNode.getChildByName("questions").attributes.repeat = pageIcon.templateData.inventory[projPI].numQuestions;

  qCount = pageIcon.templateData.inventory[projPI].numQuestions;

}



//panelWidth = pageIcon.templateData.inventory[projPI].panelWidth;
// chart renders other sizes unsuitable
panelWidth = "Large";
  panelW = 600;
  textW = 150;

// set up instructions
explanationString = pageIcon.templateData.inventory[projPI].instructions;

// set up display text items
beforeQuesCount = pageIcon.templateData.inventory[projPI].beforeQuesCount; 
nQValue = pageIcon.templateData.inventory[projPI].nQValue; 
betweenQuesCount = pageIcon.templateData.inventory[projPI].betweenQuesCount;
afterQuesCount = pageIcon.templateData.inventory[projPI].afterQuesCount; 
feedbackLabel = pageIcon.templateData.inventory[projPI].feedbackLabel;
testModeText = pageIcon.templateData.inventory[projPI].testModeText;
submitBtnText = pageIcon.templateData.inventory[projPI].submitBtnText;
submitBtnTip = pageIcon.templateData.inventory[projPI].submitBtnTip;
submitBtnWidth = pageIcon.templateData.inventory[projPI].submitBtnWidth;
nextBtnText = pageIcon.templateData.inventory[projPI].nextBtnText;
nextBtnTip = pageIcon.templateData.inventory[projPI].nextBtnTip;
nextBtnWidth = pageIcon.templateData.inventory[projPI].nextBtnWidth;
restartBtnText = pageIcon.templateData.inventory[projPI].restartBtnText;
restartBtnTip = pageIcon.templateData.inventory[projPI].restartBtnTip;
restartBtnWidth = pageIcon.templateData.inventory[projPI].restartBtnWidth;

// add narration
if (pageIcon.templateData.inventory[projPI].narration != undefined){

  narration = pageIcon.templateData.inventory[projPI].narration;

  rootIcon.broadcast('showAudio');

}]]></SCR>
		<DIS tabIndex="-1" id="panel" h="474" w="panelW" name="panel" x="align == 'left' ? 20 : 780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//ok to move on

]]></SCR>
			</RES>
		</INT>
		<DIS id="explanation" name="explanation" x="align == 'left' ? panel._x + panel._width + 20 : 20" y="20" w="textW" h="10" type="text"><![CDATA[{explanationString}]]></DIS>
		<DEC id="inventory" name="questions" repeat="all" branch="blaH" pause="0" erase="1" eraseOnExit="0">
			<PG name="protoQuestion">
				<SCR name="setup"><![CDATA[if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].image != undefined){
  prptWidth = (panelW / 2) - 30;
} else {
  icon.parentNode.getChildByName("loader").removeNode();
  prptWidth = panelW - 40;
}

invPrompt = "<b>" + beforeQuesCount + " ";
if (nQValue == "n"){
  invPrompt = invPrompt + inventory.repCount + " " + betweenQuesCount + " " + qCount + " " + afterQuesCount + "</b>";
} else {
  invPrompt = invPrompt + qCount + " " + betweenQuesCount + " " + inventory.repCount + " " + afterQuesCount + "</b>";
}  

invPrompt = invPrompt + "<br><br>" + pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].prompt;
  
//{'<b>Question ' + inventory.repCount + ' of ' + qCount + '</b><br><br>' + pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].prompt}]]></SCR>
				<DIS textColour="#000000" id="prpt" name="Prompt" x="panel._x + 20" y="panel._y + 20" w="prptWidth" h="10" type="text"><![CDATA[{invPrompt}]]></DIS>
				<DIS tabIndex="-1" id="image" name="image" x="prpt._x + prpt._width + 20" y="prpt._y" type="ext" url="{pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].image}"><![CDATA[]]></DIS>
				<INT name="loader" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="image" erase="1" exit="1">
						<SCR name="resize"><![CDATA[image.constrain(prptWidth, panel._height - 40);
p = image._width / image._height;

image._x = panel._x + panel._width - 20 - image._width;]]></SCR>
					</RES>
				</INT>
				<SCR name="makeOptions"><![CDATA[ln = pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption.length;
if (ln > 2 && icon.attributes.built != 'true'){
  icon.nextSibling.childNodes[1].duplicate(ln - 2);
  icon.attributes.built = 'true';
}

//multi answer? then display check boxes rather than radio buttons
if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Multiple Answer'){
  for (i = 0; i < ln; i++){
    icon.nextSibling.childNodes[i].attributes.type="checkBox";
  }
}



// sets up optionTracking array with one element per option and set element values to 0
optionTracking = new Array();
for (i = 0; i < ln; i++){
  optionTracking[i] = 0;
// all options are correct in an inventory
// check boxes are only flagged as 1 in optionTracking if they are selected and have their correct
// attribute set
    icon.nextSibling.childNodes[i].attributes.correct = 1;
}

]]></SCR>
				<INT id="[Untitled]" name="protoInteraction" perpetual="0">
					<RES w="prptWidth" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="prpt._y + prpt._height + 20" label="{pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[icon.index()].text}" group="grp" erase="1" exit="0">
						<SCR name="trackOptions"><![CDATA[// this script runs each time a radio button is clicked on
// capture which options have been selected
if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
}

// enable submit button only if the question has not been submitted
if (questionSubmitted == undefined || questionSubmitted == false) { 
  btnSubmit.setEnabled(true);
}
]]></SCR>
					</RES>
					<RES w="prptWidth" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="_ytile + 10" label="{pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[icon.index()].text}" group="grp" erase="1" exit="0">
						<SCR name="trackOptions"><![CDATA[// this script runs each time a radio button is clicked on
// capture which options have been selected
if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
}

// enable submit button only if the question has not been submitted
if (questionSubmitted == undefined || questionSubmitted == false) { 
  btnSubmit.setEnabled(true);
}
]]></SCR>
					</RES>
					<RES w="submitBtnWidth" toolTip="{submitBtnTip}" swf="templatePath + 'common/button.swf'" enabled="false" rs="btnSubmit" name="submit" type="button" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{submitBtnText}" erase="1" exit="0">
						<SCR name="makeFeedback"><![CDATA[fb = "";
if (pageMode == "development"){
  // In test mode option class descriptions are displayed
  // Question feedback is not output even if questionFeedback is set to "yes"
  for (i = 0; i < ln; i++){
     tempClass = classLabels[Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].class)];
     tempWeight = pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].weight;
     fb += tempClass + " : " + tempWeight +  '\r'; 
  }

  fb = '<b>' + testModeText + '</b><br>' + fb;
}  
else {  
  // in live mode
  if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].questionFeedback == "yes") {
    // questionFeedback for this question = 'yes' so display feedback for selected option(s)
    for (i = 0; i < ln; i++){
      if (optionTracking[i] == 1){ // only display feedback for selected responses
        fb += pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].feedback + '\r\r';
       }
    }
    fb = '<b>' + feedbackLabel + '</b><br>' + fb;
  }
}




]]></SCR>
						<SCR name="scoreQuestion"><![CDATA[// this script runs once the user submits their response
// option tracking records which options are selected and takes no account of option class
// e.g. 0,1,0 indicates second option was selected, 0 1,1, 
// indicates options 2 and 3 selected in a multi- answer question 

questionCount++;

// update the classMax values to include this questions options

if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Multiple Answer'){
  // we need to add all the weightings for each class to the classMax value
  for (i = 0; i < ln; i++){ // loop through all the options
     currentClassNum = Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].class);
     classMax[currentClassNum] += Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].weight);
  }
}
else {
  // initialise store for question class totals
  for (i = 0; i < classLabels.length; i++){
    classQuestionMax[i] = 0;
  }
  
  // we need to find the highest weighting for each class
  for (i = 0; i < ln; i++){ // loop through all the options
     currentClassNum = Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].class);
    if (Number(classQuestionMax[currentClassNum]) < Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].weight)) { 
      // add weight to classQuestionMax if it is higher than current value
      classQuestionMax[currentClassNum] = Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].weight);
    } 
  }  // finished looping through options
  
  // now add currentQuestionMax to classMax
  for (i = 0; i < classLabels.length; i++){
     classMax[i] += classQuestionMax[i];
  }

} // end of else


// add all selected scores to the classWeightedTotals
for (i = 0; i < ln; i++){
    // get the class number of the option and convert to a number
     currentClassNum = Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].class);
   if (optionTracking[i] == 1){
   // increase classWeightedTotals by score for this item  
     classWeightedTotals[currentClassNum] += Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].weight); 
  }
}
]]></SCR>
						<DIS scrolling="auto" textColour="#000000" name="feedback" x="btnSubmit._x" y="btnSubmit._y + btnSubmit._height" w="prptWidth" h="474 - (btnSubmit._y + btnSubmit._height) - 40" type="text"><![CDATA[{fb}]]></DIS>
						<SCR name="enableNext"><![CDATA[btnNext._visible = true;
btnNext.setEnabled(true);

btnSubmit.setEnabled(false);
btnSubmit._visible = false;
questionSubmitted = true;

]]></SCR>
					</RES>
					<RES w="nextBtnWidth" visible="0" toolTip="{nextBtnTip}" enabled="false" rs="btnNext" swf="templatePath + 'common/button.swf'" name="next" type="button" x="icon.previousSibling.clip()._x" y="455" label="{nextBtnText}" erase="1" exit="1">
						<SCR name="next"><![CDATA[//move on
questionSubmitted = false;
btnSubmit._visible = true;

btnNext._visible = true;]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
		<SCR name="finalise scores"><![CDATA[/*
* this page receives
* classLabels - "label0,label1,label2" max 10 labels
* classWeightedTotals - "0,2,3,2" one Total for each class being number the sum of the weights
*   of the options selected for each class 
* classMax - being the maximum possible score achievable for each class
* questionCount -  the number of questions asked
* 
* scoring methods
* absolute - actual count of number of selected options for each class
* individual percent = classTotals / classMax x 100
* relative percent = individual percent / sum of individual percents x 100  
*/

fb = "";

// scoreTypeChar is displayed on the key to the chart
scoreTypeChar = "";

finalScores = new Array();
if (scoreType == "absolute"){
   finalScores = classWeightedTotals;
}

else {

  // percentage = number of selected for class / total options for class x 100
  scoreTypeChar = "%";
  percentTotal = 0;
  classOptionPercent = new Array();
  
  for (i = 0; i < classLabels.length; i++){
    classOptionPercent[i] = Math.ceil(classWeightedTotals[i] / classMax[i] * 100);
    if (isNaN(classOptionPercent[i])){
      classOptionPercent[i] = 0;
    }
    percentTotal = percentTotal + classOptionPercent[i];
  }

  if (scoreType == "relative percent"){
    // rework percentages to give percentage relative to each other
    for (i = 0; i < classOptionPercent.length; i++){
      classOptionPercent[i] = Math.ceil(classOptionPercent[i] / percentTotal * 100);
    }
   
  }

  // set up scorm values
  finalScores = classOptionPercent;

}

// if scorm support is to be implemented it needs to go here
// as the score processing is now completed]]></SCR>
		<SCR name="prepare chart data"><![CDATA[// prepare chart data from scores

// convert NaN scores to 0 - these will occur if a class is defined but not used
for (i = 0; i < finalScores.length; i++){
  if ( isNaN(finalScores[i]) || finalScores[i] == undefined){
    finalScores[i] = 0; 
  }
}

/*****************************************************
* 
* convert chart data to array of object pairs
* structure required is
* "label|score||label|score||label|score||label|score"

*************************************************/

myData = "";
for (i = 0; i < classLabels.length; i++){
  myData += classLabels[i] + "|" + finalScores[i].toString() + "||";
}
// remove the last ||
myData = myData.substr(0,myData.length -2);

yMin = Infinity;

yMax = 0;

cd = new Array();

//for (i = 0; i < s.length; i++){
for (i = 0; i < 1; i++){
  cd.push(new Array());

    temp = myData.split('||'); 
  
 // at this point the data string "temp" has become
 // label1|score2,label2|score2,label3,score3
 
  for (j = 0; j < temp.length; j++){

    cd[i].push(new Object());

    cd[i][j].x = temp[j].split('|')[0];

    cd[i][j].y = temp[j].split('|')[1];

    if (Number(cd[i][j].y) < yMin){

      yMin = cd[i][j].y;

    }

    if (Number(cd[i][j].y) > yMax){

      yMax = cd[i][j].y;

    }

  } // end of j loop

} // end of for i loop
// set min to 0 if using percentages
if (pageIcon.templateData.inventory[projPI].scoreType != 'absolute'){
 yMin = 0;
}

if (Number(yMin) > 0){

  yMin = yMin -1;
} 




]]></SCR>
		<DIS id="finalScore" name="finalScore" x="panel._x + 20" y="panel._y + 20" w="400" h="10" type="text"><![CDATA[{fb}]]></DIS>
		<DIS textColour="0x333333" name="title" x="panel._x" y="panel._y + 10" w="420" h="10" type="text"><![CDATA[{'<b><p align="center">' + pageIcon.templateData.inventory[projPI].chartTitle + '</p></b>'}]]></DIS>
		<DIS id="chart" name="chart" x="panel._x + 60" y="panel._y + 10" w="400" h="10" type="text"><![CDATA[]]></DIS>
		<SCR name="drawChart"><![CDATA[/* ***********************
* Incoming data for use in chart
* cd - a 2 dimensional array, probably because charts can have more than one series
* cd[0][0] identifies an object in a series with two properties
*   x = numerical score
*   y = text descriptor (in this case the class)
* 
*  scoreTypeChar - a string which is "" if absolute or "%" if percentage scoring type
*  maxClassLength - number that is the length of the longest class label
*/
// remove initial instructions and display inventory feedback
explanationString = pageIcon.templateData.inventory[projPI].feedback;
explanation.setText(explanationString);

lblFormat = new TextFormat('Verdana', 10, 0x333333);
lblFormat.align = 'center';
lgdFormat = new TextFormat('Verdana', 10, 0x333333);
lgdFormat.align = 'left';

minMaxFormat = new TextFormat('Verdana', 10, 0x333333);
minMaxFormat.align = 'right';

hMax = 440 - 30 - 20;
scalar = hMax / (yMax - yMin);



//draw the axis

if (pageIcon.templateData.inventory[projPI].chartType != 'pie'){

  // set up starting values
  xStart = 60 + Number(maxClassLength) * 4;  // formerly 80
  yStart = 50;
  axisHeight = hMax;
  axisWidth = panelW - xStart - 100;

  w = (axisWidth)/ cd[0].length;

  w1 = w*0.9 / cd.length;

  chart.lineStyle(0,0x333333,100);


  chart.moveTo(xStart,yStart);
  chart.lineTo(xStart,yStart + axisHeight);
  chart.moveTo(xStart-5,yStart + axisHeight -5);
  chart.lineTo(xStart-5 + axisWidth,yStart + axisHeight -5);
  chart.lineStyle();

  //draw the legend
  colOff = 100 / cd[0].length;
  for (i = 0;i < cd[0].length; i++){
    chart.beginFill(pageIcon.templateData.inventory[projPI].chartColour, 100 - colOff*i);
    chart.drawRect(-50,25 + i*20,12,12);
    chart.createTextField('lgd' + i, i, -30,25+i*20 - 3,300,20);
    chart['lgd' + i].text = cd[0][i].x + " " + cd[0][i].y + scoreTypeChar;
    chart['lgd' + i].setTextFormat(lgdFormat);
  }

  //draw the x labels

  for (i = 0; i < cd[0].length; i++){

    chart.createTextField('lbl' + i, i+10, xStart + (w*i),yStart + axisHeight,w,20);
    chart['lbl' + i].text = cd[0][i].x;
    chart['lbl' + i].setTextFormat(lblFormat);

  }

  

  //draw the y lables
  chart.createTextField('min', 99,xStart -50,yStart + axisHeight -10,45,20);
  chart.min.text = yMin;
  chart.min.setTextFormat(minMaxFormat);
  chart.createTextField('max', 98,xStart -50,yStart -10,45,20);
  chart.max.text = yMax;
  chart.max.setTextFormat(minMaxFormat);
  
} // end of if not pie chart



//LINE------------------------------------------------

if (pageIcon.templateData.inventory[projPI].chartType == 'line'){

  for (i = 0; i < cd.length; i++){ //for each series
    chart.beginFill();
    chart.lineStyle(2,pageIcon.templateData.inventory[projPI].chartColour,100);
    chart.moveTo(w/2 + xStart, yStart + axisHeight - 5 - (cd[i][0].y - yMin) * scalar);

    for (j = 0; j < cd[i].length; j++){
      chart.lineTo(w*j + w/2 + xStart, yStart + axisHeight - 5 - (cd[i][j].y - yMin) * scalar);
    }
  }
}

//BAR CHARTS------------------------------------------

if (pageIcon.templateData.inventory[projPI].chartType == 'bar'){  

  for (i = 0; i < cd.length; i++){ //for each series
    for (j = 0; j < cd[i].length; j++){
      tempH = (cd[i][j].y - yMin) * scalar;
      // draw bar to match legend colour
      chart.beginFill(pageIcon.templateData.inventory[projPI].chartColour, 100 - colOff*j);
      chart.drawRect((w*j) + (i*w1) + xStart, yStart + axisHeight - 5,w*0.9 / 1,-tempH);
    }
  }
}



//pie charts

if (pageIcon.templateData.inventory[projPI].chartType == 'pie'){  

  axisHeight = hMax; // used in positioning the restart button

  colOff = 100 / cd[0].length;

  for (i = 0;i < cd[0].length; i++){
    chart.beginFill(pageIcon.templateData.inventory[projPI].chartColour, 100 - colOff*i);
    chart.lineStyle(0,0x333333,100);
    chart.drawRect(-50,25 + i*20,12,12);
    chart.lineStyle();      
    chart.createTextField('lgd' + i, i, -30,25 + i*20 - 3,150,20);
    chart['lgd' + i].text = cd[0][i].x + " " + cd[0][i].y + scoreTypeChar;
    chart['lgd' + i].setTextFormat(lgdFormat);
  }

  //draw chart
  for (i = 0; i < 1; i++){ //for each series
    //get the total for this series
    sT = 0;
    for (j = 0; j < cd[i].length; j++){
      sT += Number(cd[i][j].y);
    }

    exTheta = 90;
    for (j = 0; j < cd[i].length; j++){ //draw each segment...
      theta = Number(cd[i][j].y) / sT * -360;
      chart.beginFill(pageIcon.templateData.inventory[projPI].chartColour, 100 - colOff*j);
      chart.drawWedge(270,240, exTheta, theta, 180 - i*(180));
      exTheta += theta;
    }
  }
}
]]></SCR>
		<INT name="restart" perpetual="0">
			<RES toolTip="{restartBtnTip}" w="restartBtnWidth" swf="templatePath + 'common/button.swf'" name="restart" type="button" x="panel._x + 10" y="panel._y + axisHeight" label="{restartBtnText}" erase="1" exit="0">
				<SCR name="restart"><![CDATA[//rootIcon.gotoPage(rootIcon.getPageIndex() - 1);
//rootIcon.gotoPage(rootIcon.getPageIndex() - navOffset);

if (container == "Framework"){
    fwXML = icon.findParentByType('FW');
    pageNum = fwXML.clip().currentPage;
    fwXML.clip().gotoPage(pageNum);
    }
else
{    
   // use for projects
   rootIcon.gotoPage(rootIcon.getPageIndex() - navigationOffset);
}]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
+	<PG title="inventory" name="inventory">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){
  // Page Wizard 
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // establish page location issues that affect navigation calls
  // establish container   
  myLocXML = String(icon.parentNode.parentNode);  
  myLocXML = myLocXML.substr(1,3);  
  if (myLocXML == "IFC"){    
    container = "Interface";
  } else if (myLocXML == "FW ") {  
    container = "Framework";
  }  else { 
    // unspecified    
    container = "U";  
  }  
  // establish navigationOffset to cope with effect of an entryFrame
  firstC = String(icon.parentNode.parentNode.firstChild);
  firstC = firstC.substr(1,6);
  if (firstC == "FW_ENT") {
    navigationOffset = 1;   // use - navigationOffset
  } else {   
    navigationOffset = 0;
  }  

  
} else {  // Toolkits  
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();
  
  navigationOffset = 1;
  container = "Interface";
}
  rootIcon.setTitleText(templateData.learningObject[0].name);

// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.inventory[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

if (templateData.learningObject[0].authorSupport == "true"){
  pageMode = "development";
} else {
  pageMode = "live";
} 
  
  
//make questions
if (icon.attributes.built != 'true'){
  icon.parentNode.getChildByName("questions").firstChild.duplicate(pageIcon.templateData.inventory[projPI].invQuestion.length - 1);
  icon.attributes.built = 'true';
}

// classLabels stores the class descriptions so they can be matched to the class numbers
// class number 0 equates to classLabel[0]
classLabels = new Array();
classLabels = pageIcon.templateData.inventory[projPI].classes.split(',');
// find longest class descriptor to assist in positioning chart later
maxClassLength = 0;
for (i = 0; i < classLabels.length; i++){
  if (maxClassLength < classLabels[i].length){
    maxClassLength = classLabels[i].length;
  }
}

// initialise class weightedtotals - will store sum of weighted scores for options selected for each class
classWeightedTotals = new Array();
for (i = 0; i < classLabels.length; i++){
  classWeightedTotals[i] = 0;
}

// initialise classMax (will store maximum possible score for each class 
classMax = new Array();
for (i = 0; i < classLabels.length; i++){
  classMax[i] = 0;
}
// used to calculate the maximum possible score for each class for a specific question
classQuestionMax = new Array();
for (i = 0; i < classLabels.length; i++){
  classQuestionMax[i] = 0;
}

questionCount = 0;

align = pageIcon.templateData.inventory[projPI].align;
scoreType = pageIcon.templateData.inventory[projPI].scoreType;

//sequencing
if (pageIcon.templateData.inventory[projPI].order == 'random'){

  icon.parentNode.getChildByName("questions").attributes.branch = 'randomUnused';

} else {

  icon.parentNode.getChildByName("questions").attributes.branch = 'sequence';

}



//number of questions

if (pageIcon.templateData.inventory[projPI].numQuestions == undefined || pageIcon.templateData.inventory[projPI].numQuestions.toLowerCase() == 'all'){

  icon.parentNode.getChildByName("questions").attributes.repeat = 'all';

  qCount = pageIcon.templateData.inventory[projPI].invQuestion.length;

} else {

  icon.parentNode.getChildByName("questions").attributes.repeat = pageIcon.templateData.inventory[projPI].numQuestions;

  qCount = pageIcon.templateData.inventory[projPI].numQuestions;

}



//panelWidth = pageIcon.templateData.inventory[projPI].panelWidth;
// chart renders other sizes unsuitable
panelWidth = "Large";
  panelW = 600;
  textW = 150;

// set up instructions
explanationString = pageIcon.templateData.inventory[projPI].instructions;

// set up display text items
quesCount = pageIcon.templateData.inventory[projPI].quesCount; 
feedbackLabel = pageIcon.templateData.inventory[projPI].feedbackLabel;
testModeText = pageIcon.templateData.inventory[projPI].testModeText;
submitBtnText = pageIcon.templateData.inventory[projPI].submitBtnText;
submitBtnTip = pageIcon.templateData.inventory[projPI].submitBtnTip;
submitBtnWidth = pageIcon.templateData.inventory[projPI].submitBtnWidth;
nextBtnText = pageIcon.templateData.inventory[projPI].nextBtnText;
nextBtnTip = pageIcon.templateData.inventory[projPI].nextBtnTip;
nextBtnWidth = pageIcon.templateData.inventory[projPI].nextBtnWidth;
restartBtnText = pageIcon.templateData.inventory[projPI].restartBtnText;
restartBtnTip = pageIcon.templateData.inventory[projPI].restartBtnTip;
restartBtnWidth = pageIcon.templateData.inventory[projPI].restartBtnWidth;

// add narration
if (pageIcon.templateData.inventory[projPI].narration != undefined){

  narration = pageIcon.templateData.inventory[projPI].narration;

  rootIcon.broadcast('showAudio');

}]]></SCR>
		<DIS tabIndex="-1" id="panel" h="474" w="panelW" name="panel" x="align == 'left' ? 20 : 780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//ok to move on

]]></SCR>
			</RES>
		</INT>
		<DIS id="explanation" name="explanation" x="align == 'left' ? panel._x + panel._width + 20 : 20" y="20" w="textW" h="10" type="text"><![CDATA[{explanationString}]]></DIS>
		<DEC id="inventory" name="questions" repeat="all" branch="blaH" pause="0" erase="1" eraseOnExit="0">
			<PG name="protoQuestion">
				<SCR name="setup"><![CDATA[if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].image != undefined){
  prptWidth = (panelW / 2) - 30;
} else {
  icon.parentNode.getChildByName("loader").removeNode();
  prptWidth = panelW - 40;
}

invPrompt = "<b>" + quesCount + "</b>";
invPrompt = replace(invPrompt, "{i}", inventory.repCount);
invPrompt = replace(invPrompt, "{n}", qCount);

invPrompt = invPrompt + "<br><br>" + pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].prompt;
  
]]></SCR>
				<DIS textColour="#000000" id="prpt" name="Prompt" x="panel._x + 20" y="panel._y + 20" w="prptWidth" h="10" type="text"><![CDATA[{invPrompt}]]></DIS>
				<DIS tabIndex="-1" id="image" name="image" x="prpt._x + prpt._width + 20" y="prpt._y" type="ext" url="{pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].image}"><![CDATA[]]></DIS>
				<INT name="loader" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="image" erase="1" exit="1">
						<SCR name="resize"><![CDATA[image.constrain(prptWidth, panel._height - 40);
p = image._width / image._height;

image._x = panel._x + panel._width - 20 - image._width;]]></SCR>
					</RES>
				</INT>
				<SCR name="makeOptions"><![CDATA[ln = pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption.length;
if (ln > 2 && icon.attributes.built != 'true'){
  icon.nextSibling.childNodes[1].duplicate(ln - 2);
  icon.attributes.built = 'true';
}

//multi answer? then display check boxes rather than radio buttons
if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Multiple Answer'){
  for (i = 0; i < ln; i++){
    icon.nextSibling.childNodes[i].attributes.type="checkBox";
  }
}



// sets up optionTracking array with one element per option and set element values to 0
optionTracking = new Array();
for (i = 0; i < ln; i++){
  optionTracking[i] = 0;
// all options are correct in an inventory
// check boxes are only flagged as 1 in optionTracking if they are selected and have their correct
// attribute set
    icon.nextSibling.childNodes[i].attributes.correct = 1;
}

]]></SCR>
				<INT id="[Untitled]" name="protoInteraction" perpetual="0">
					<RES w="prptWidth" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="prpt._y + prpt._height + 20" label="{pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[icon.index()].text}" group="grp" erase="1" exit="0">
						<SCR name="trackOptions"><![CDATA[// this script runs each time a radio button is clicked on
// capture which options have been selected
if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
}

// enable submit button only if the question has not been submitted
if (questionSubmitted == undefined || questionSubmitted == false) { 
  btnSubmit.setEnabled(true);
}
]]></SCR>
					</RES>
					<RES w="prptWidth" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="_ytile + 10" label="{pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[icon.index()].text}" group="grp" erase="1" exit="0">
						<SCR name="trackOptions"><![CDATA[// this script runs each time a radio button is clicked on
// capture which options have been selected
if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
}

// enable submit button only if the question has not been submitted
if (questionSubmitted == undefined || questionSubmitted == false) { 
  btnSubmit.setEnabled(true);
}
]]></SCR>
					</RES>
					<RES w="submitBtnWidth" toolTip="{submitBtnTip}" swf="templatePath + 'common/button.swf'" enabled="false" rs="btnSubmit" name="submit" type="button" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{submitBtnText}" erase="1" exit="0">
						<SCR name="makeFeedback"><![CDATA[fb = "";
if (pageMode == "development"){
  // In test mode option class descriptions are displayed
  // Question feedback is not output even if questionFeedback is set to "yes"
  for (i = 0; i < ln; i++){
     tempClass = classLabels[Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].class)];
     tempWeight = pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].weight;
     fb += tempClass + " : " + tempWeight +  '\r'; 
  }

  fb = '<b>' + testModeText + '</b><br>' + fb;
}  
else {  
  // in live mode
  if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].questionFeedback == "yes") {
    // questionFeedback for this question = 'yes' so display feedback for selected option(s)
    for (i = 0; i < ln; i++){
      if (optionTracking[i] == 1){ // only display feedback for selected responses
        fb += pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].feedback + '\r\r';
       }
    }
    fb = '<b>' + feedbackLabel + '</b><br>' + fb;
  }
}




]]></SCR>
						<SCR name="scoreQuestion"><![CDATA[// this script runs once the user submits their response
// option tracking records which options are selected and takes no account of option class
// e.g. 0,1,0 indicates second option was selected, 0 1,1, 
// indicates options 2 and 3 selected in a multi- answer question 

questionCount++;

// update the classMax values to include this questions options

if (pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].type == 'Multiple Answer'){
  // we need to add all the weightings for each class to the classMax value
  for (i = 0; i < ln; i++){ // loop through all the options
     currentClassNum = Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].class);
     classMax[currentClassNum] += Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].weight);
  }
}
else {
  // initialise store for question class totals
  for (i = 0; i < classLabels.length; i++){
    classQuestionMax[i] = 0;
  }
  
  // we need to find the highest weighting for each class
  for (i = 0; i < ln; i++){ // loop through all the options
     currentClassNum = Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].class);
    if (Number(classQuestionMax[currentClassNum]) < Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].weight)) { 
      // add weight to classQuestionMax if it is higher than current value
      classQuestionMax[currentClassNum] = Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].weight);
    } 
  }  // finished looping through options
  
  // now add currentQuestionMax to classMax
  for (i = 0; i < classLabels.length; i++){
     classMax[i] += classQuestionMax[i];
  }

} // end of else


// add all selected scores to the classWeightedTotals
for (i = 0; i < ln; i++){
    // get the class number of the option and convert to a number
     currentClassNum = Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].class);
   if (optionTracking[i] == 1){
   // increase classWeightedTotals by score for this item  
     classWeightedTotals[currentClassNum] += Number(pageIcon.templateData.inventory[projPI].invQuestion[inventory.getPageIndex()].invOption[i].weight); 
  }
}
]]></SCR>
						<DIS scrolling="auto" textColour="#000000" name="feedback" x="btnSubmit._x" y="btnSubmit._y + btnSubmit._height" w="prptWidth" h="474 - (btnSubmit._y + btnSubmit._height) - 40" type="text"><![CDATA[{fb}]]></DIS>
						<SCR name="enableNext"><![CDATA[btnNext._visible = true;
btnNext.setEnabled(true);

btnSubmit.setEnabled(false);
btnSubmit._visible = false;
questionSubmitted = true;

]]></SCR>
					</RES>
					<RES w="nextBtnWidth" visible="0" toolTip="{nextBtnTip}" enabled="false" rs="btnNext" swf="templatePath + 'common/button.swf'" name="next" type="button" x="icon.previousSibling.clip()._x" y="455" label="{nextBtnText}" erase="1" exit="1">
						<SCR name="next"><![CDATA[//move on
questionSubmitted = false;
btnSubmit._visible = true;

btnNext._visible = true;]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
		<SCR name="finalise scores"><![CDATA[/*
* this page receives
* classLabels - "label0,label1,label2" max 10 labels
* classWeightedTotals - "0,2,3,2" one Total for each class being number the sum of the weights
*   of the options selected for each class 
* classMax - being the maximum possible score achievable for each class
* questionCount -  the number of questions asked
* 
* scoring methods
* absolute - actual count of number of selected options for each class
* individual percent = classTotals / classMax x 100
* relative percent = individual percent / sum of individual percents x 100  
*/

fb = "";

// scoreTypeChar is displayed on the key to the chart
scoreTypeChar = "";

finalScores = new Array();
if (scoreType == "absolute"){
   finalScores = classWeightedTotals;
}

else {

  // percentage = number of selected for class / total options for class x 100
  scoreTypeChar = "%";
  percentTotal = 0;
  classOptionPercent = new Array();
  
  for (i = 0; i < classLabels.length; i++){
    classOptionPercent[i] = Math.ceil(classWeightedTotals[i] / classMax[i] * 100);
    if (isNaN(classOptionPercent[i])){
      classOptionPercent[i] = 0;
    }
    percentTotal = percentTotal + classOptionPercent[i];
  }

  if (scoreType == "relative percent"){
    // rework percentages to give percentage relative to each other
    for (i = 0; i < classOptionPercent.length; i++){
      classOptionPercent[i] = Math.ceil(classOptionPercent[i] / percentTotal * 100);
    }
   
  }

  // set up scorm values
  finalScores = classOptionPercent;

}

// if scorm support is to be implemented it needs to go here
// as the score processing is now completed]]></SCR>
		<SCR name="prepare chart data"><![CDATA[// prepare chart data from scores

// convert NaN scores to 0 - these will occur if a class is defined but not used
for (i = 0; i < finalScores.length; i++){
  if ( isNaN(finalScores[i]) || finalScores[i] == undefined){
    finalScores[i] = 0; 
  }
}

/*****************************************************
* 
* convert chart data to array of object pairs
* structure required is
* "label|score||label|score||label|score||label|score"

*************************************************/

myData = "";
for (i = 0; i < classLabels.length; i++){
  myData += classLabels[i] + "|" + finalScores[i].toString() + "||";
}
// remove the last ||
myData = myData.substr(0,myData.length -2);

yMin = Infinity;

yMax = 0;

cd = new Array();

//for (i = 0; i < s.length; i++){
for (i = 0; i < 1; i++){
  cd.push(new Array());

    temp = myData.split('||'); 
  
 // at this point the data string "temp" has become
 // label1|score2,label2|score2,label3,score3
 
  for (j = 0; j < temp.length; j++){

    cd[i].push(new Object());

    cd[i][j].x = temp[j].split('|')[0];

    cd[i][j].y = temp[j].split('|')[1];

    if (Number(cd[i][j].y) < yMin){

      yMin = cd[i][j].y;

    }

    if (Number(cd[i][j].y) > yMax){

      yMax = cd[i][j].y;

    }

  } // end of j loop

} // end of for i loop
// set min to 0 if using percentages
if (pageIcon.templateData.inventory[projPI].scoreType != 'absolute'){
 yMin = 0;
}

if (Number(yMin) > 0){

  yMin = yMin -1;
} 




]]></SCR>
		<DIS id="finalScore" name="finalScore" x="panel._x + 20" y="panel._y + 20" w="400" h="10" type="text"><![CDATA[{fb}]]></DIS>
		<DIS textColour="0x333333" name="title" x="panel._x" y="panel._y + 10" w="420" h="10" type="text"><![CDATA[{'<b><p align="center">' + pageIcon.templateData.inventory[projPI].chartTitle + '</p></b>'}]]></DIS>
		<DIS id="chart" name="chart" x="panel._x + 60" y="panel._y + 10" w="400" h="10" type="text"><![CDATA[]]></DIS>
		<SCR name="drawChart"><![CDATA[/* ***********************
* Incoming data for use in chart
* cd - a 2 dimensional array, probably because charts can have more than one series
* cd[0][0] identifies an object in a series with two properties
*   x = numerical score
*   y = text descriptor (in this case the class)
* 
*  scoreTypeChar - a string which is "" if absolute or "%" if percentage scoring type
*  maxClassLength - number that is the length of the longest class label
*/
// remove initial instructions and display inventory feedback
explanationString = pageIcon.templateData.inventory[projPI].feedback;
explanation.setText(explanationString);

lblFormat = new TextFormat('Verdana', 10, 0x333333);
lblFormat.align = 'center';
lgdFormat = new TextFormat('Verdana', 10, 0x333333);
lgdFormat.align = 'left';

minMaxFormat = new TextFormat('Verdana', 10, 0x333333);
minMaxFormat.align = 'right';

hMax = 440 - 30 - 20;
scalar = hMax / (yMax - yMin);



//draw the axis

if (pageIcon.templateData.inventory[projPI].chartType != 'pie'){

  // set up starting values
  xStart = 60 + Number(maxClassLength) * 4;  // formerly 80
  yStart = 50;
  axisHeight = hMax;
  axisWidth = panelW - xStart - 100;

  w = (axisWidth)/ cd[0].length;

  w1 = w*0.9 / cd.length;

  chart.lineStyle(0,0x333333,100);


  chart.moveTo(xStart,yStart);
  chart.lineTo(xStart,yStart + axisHeight);
  chart.moveTo(xStart-5,yStart + axisHeight -5);
  chart.lineTo(xStart-5 + axisWidth,yStart + axisHeight -5);
  chart.lineStyle();

  //draw the legend
  colOff = 100 / cd[0].length;
  for (i = 0;i < cd[0].length; i++){
    chart.beginFill(pageIcon.templateData.inventory[projPI].chartColour, 100 - colOff*i);
    chart.drawRect(-50,25 + i*20,12,12);
    chart.createTextField('lgd' + i, i, -30,25+i*20 - 3,300,20);
    chart['lgd' + i].text = cd[0][i].x + " " + cd[0][i].y + scoreTypeChar;
    chart['lgd' + i].setTextFormat(lgdFormat);
  }

  //draw the x labels

  for (i = 0; i < cd[0].length; i++){

    chart.createTextField('lbl' + i, i+10, xStart + (w*i),yStart + axisHeight,w,20);
    chart['lbl' + i].text = cd[0][i].x;
    chart['lbl' + i].setTextFormat(lblFormat);

  }

  

  //draw the y lables
  chart.createTextField('min', 99,xStart -50,yStart + axisHeight -10,45,20);
  chart.min.text = yMin;
  chart.min.setTextFormat(minMaxFormat);
  chart.createTextField('max', 98,xStart -50,yStart -10,45,20);
  chart.max.text = yMax;
  chart.max.setTextFormat(minMaxFormat);
  
} // end of if not pie chart



//LINE------------------------------------------------

if (pageIcon.templateData.inventory[projPI].chartType == 'line'){

  for (i = 0; i < cd.length; i++){ //for each series
    chart.beginFill();
    chart.lineStyle(2,pageIcon.templateData.inventory[projPI].chartColour,100);
    chart.moveTo(w/2 + xStart, yStart + axisHeight - 5 - (cd[i][0].y - yMin) * scalar);

    for (j = 0; j < cd[i].length; j++){
      chart.lineTo(w*j + w/2 + xStart, yStart + axisHeight - 5 - (cd[i][j].y - yMin) * scalar);
    }
  }
}

//BAR CHARTS------------------------------------------

if (pageIcon.templateData.inventory[projPI].chartType == 'bar'){  

  for (i = 0; i < cd.length; i++){ //for each series
    for (j = 0; j < cd[i].length; j++){
      tempH = (cd[i][j].y - yMin) * scalar;
      // draw bar to match legend colour
      chart.beginFill(pageIcon.templateData.inventory[projPI].chartColour, 100 - colOff*j);
      chart.drawRect((w*j) + (i*w1) + xStart, yStart + axisHeight - 5,w*0.9 / 1,-tempH);
    }
  }
}



//pie charts

if (pageIcon.templateData.inventory[projPI].chartType == 'pie'){  

  axisHeight = hMax; // used in positioning the restart button

  colOff = 100 / cd[0].length;

  for (i = 0;i < cd[0].length; i++){
    chart.beginFill(pageIcon.templateData.inventory[projPI].chartColour, 100 - colOff*i);
    chart.lineStyle(0,0x333333,100);
    chart.drawRect(-50,25 + i*20,12,12);
    chart.lineStyle();      
    chart.createTextField('lgd' + i, i, -30,25 + i*20 - 3,150,20);
    chart['lgd' + i].text = cd[0][i].x + " " + cd[0][i].y + scoreTypeChar;
    chart['lgd' + i].setTextFormat(lgdFormat);
  }

  //draw chart
  for (i = 0; i < 1; i++){ //for each series
    //get the total for this series
    sT = 0;
    for (j = 0; j < cd[i].length; j++){
      sT += Number(cd[i][j].y);
    }

    exTheta = 90;
    for (j = 0; j < cd[i].length; j++){ //draw each segment...
      theta = Number(cd[i][j].y) / sT * -360;
      chart.beginFill(pageIcon.templateData.inventory[projPI].chartColour, 100 - colOff*j);
      chart.drawWedge(270,240, exTheta, theta, 180 - i*(180));
      exTheta += theta;
    }
  }
}
]]></SCR>
		<INT name="restart" perpetual="0">
			<RES toolTip="{restartBtnTip}" w="restartBtnWidth" swf="templatePath + 'common/button.swf'" name="restart" type="button" x="panel._x + 10" y="panel._y + axisHeight" label="{restartBtnText}" erase="1" exit="0">
				<SCR name="restart"><![CDATA[//rootIcon.gotoPage(rootIcon.getPageIndex() - 1);
//rootIcon.gotoPage(rootIcon.getPageIndex() - navOffset);

if (container == "Framework"){
    fwXML = icon.findParentByType('FW');
    pageNum = fwXML.clip().currentPage;
    fwXML.clip().gotoPage(pageNum);
    }
else
{    
   // use for projects
   rootIcon.gotoPage(rootIcon.getPageIndex() - navigationOffset);
}]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/jmol.rlm b/modules/xerte/parent_templates/Nottingham/models/jmol.rlm
index 0f9046c928..1c57309d2b 100644
--- a/modules/xerte/parent_templates/Nottingham/models/jmol.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/jmol.rlm
@@ -1,97 +1 @@
-	<PG title="JMol" name="JMol">
-		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
-if (rootIcon.projMode == "dev"){ 
-  // Page Wizard
-  pageIcon.templateData = pageIcon.extXML.toObject();
-  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
-} else {
-  // Toolkits
-  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
-  pageIcon.templateData = myXML.toObject();
-
-}
-  rootIcon.setTitleText(templateData.learningObject[0].name);
-  
-// handle multiple page data definitions in a project 
-if (rootIcon.projectPageIndex == undefined){  
-   rootIcon.projectPageIndex = 0;
-}
-// check if this page has a definition for the current project index and default to 0 if not
-if (pageIcon.templateData.jmol[rootIcon.projectPageIndex].name == undefined){
-  projPI = 0;
-} else {
-  projPI = rootIcon.projectPageIndex; 
-}  
-
-if (pageIcon.templateData.jmol[projPI].narration != undefined){
-  narration = pageIcon.templateData.jmol[projPI].narration;
-  rootIcon.broadcast('showAudio');
-}
-
-
-]]></SCR>
-		<SCR name="JMol"><![CDATA[xmlData = pageIcon.templateData.jmol[projPI];
-controls = xmlData.controls;
-scriptOpt = xmlData.scriptOpt;
-
-// calcW/H are % values of jmol window size compared to whole window (so it can scale)
-calcW = 46.25;
-calcH = 65;
-
-if (xmlData.size == "Small" && pageIcon.templateData.jmol[projPI].xyz2 == undefined) {
-  numXYZ = 1;
-  textW = 540;
-  textH = 474;
-  calcW = 25;
-  calcH = 34;
-  controls = false; // no space for control bar when model is small
-  scriptOpt = false;
-} else if (xmlData.size == "Large" && pageIcon.templateData.jmol[projPI].xyz2 == undefined) {
-  numXYZ = 1;
-  textW = 760;
-  textH = 80;
-  calcW = 95;
-} else { // if there's a 2nd jmol file it defaults to medium size
-  if (pageIcon.templateData.jmol[projPI].xyz2 != undefined) {
-    xmlData.size = "Medium";
-    numXYZ = 2;
-    textW = 760;
-    textH = 80;
-  } else {
-     numXYZ = 1;
-     textW = 340;
-     textH = 474;
-  }
-}
-
-for (i=0; i<numXYZ; i++) {
-  params = new Object();
-  params.id = "popup"+i;
-  params.screenSize = rootIcon.sizes.getValue();
-  params.calcW = calcW;
-  params.calcH = calcH;
-  if (xmlData.size == "Large") {
-    params.calcX = 2.5;
-    params.calcY = 28;
-  } else {
-    params.calcX = 100 - (2.5 * (i + 1)) - (params.calcW * (i + 1));
-    params.calcY = 14 * numXYZ;
-  }
-  params.width = Stage.width;
-  params.height = Stage.height;
-  params.type = 'jmol';
-  
-  if (i == 0) {
-    myFile = pageIcon.templateData.jmol[projPI].xyz;
-  } else {
-    myFile = pageIcon.templateData.jmol[projPI].xyz2;
-  }
-  params.src = 'JMolViewer/jmol.htm?xyz=../' + expression(myFile, engine) + ',spin=' + xmlData.initSpin + ',controls=' + controls + ',bgColour=' + xmlData.bgColour + ',initLook=' + xmlData.initLook + ',cartoonOpt=' + xmlData.cartoonOpt + ',backOpt=' + xmlData.backOpt + ',initColour=' + xmlData.colour + ',initScript=' + xmlData.initScript + ',scriptOpt=' + scriptOpt + ',surfaceOpt=' + xmlData.surfaceOpt + ',labelOpt=' + xmlData.labelOpt + ',colourOpt=' + xmlData.colourOpt;
-  params.bgColour = '#FFFFFF';
-  params.borderColour = '#FFFFFF';
-  
-  callJS('makePopUp', params);
-  popupActive = true;
-}]]></SCR>
-		<DIS scrolling="auto" h="textH" name="text" x="20" y="20" w="textW" type="text"><![CDATA[{pageIcon.templateData.jmol[projPI].text}]]></DIS>
-	</PG>
+	<PG title="JMol" name="JMol">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.jmol[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

if (pageIcon.templateData.jmol[projPI].narration != undefined){
  narration = pageIcon.templateData.jmol[projPI].narration;
  rootIcon.broadcast('showAudio');
}


]]></SCR>
		<SCR name="JMol"><![CDATA[xmlData = pageIcon.templateData.jmol[projPI];
controls = xmlData.controls;
scriptOpt = xmlData.scriptOpt;

// calcW/H are % values of jmol window size compared to whole window (so it can scale)
calcW = 46.25;
calcH = 65;

if (xmlData.size == "Small" && pageIcon.templateData.jmol[projPI].xyz2 == undefined) {
  numXYZ = 1;
  textW = 540;
  textH = 474;
  calcW = 25;
  calcH = 34;
  controls = false; // no space for control bar when model is small
  scriptOpt = false;
} else if (xmlData.size == "Large" && pageIcon.templateData.jmol[projPI].xyz2 == undefined) {
  numXYZ = 1;
  textW = 760;
  textH = 80;
  calcW = 95;
} else { // if there's a 2nd jmol file it defaults to medium size
  if (pageIcon.templateData.jmol[projPI].xyz2 != undefined) {
    xmlData.size = "Medium";
    numXYZ = 2;
    textW = 760;
    textH = 80;
  } else {
     numXYZ = 1;
     textW = 340;
     textH = 474;
  }
}

for (i=0; i<numXYZ; i++) {
  params = new Object();
  params.id = "popup"+i;
  params.screenSize = rootIcon.sizes.getValue();
  params.calcW = calcW;
  params.calcH = calcH;
  if (xmlData.size == "Large") {
    params.calcX = 2.5;
    params.calcY = 28;
  } else {
    params.calcX = 100 - (2.5 * (i + 1)) - (params.calcW * (i + 1));
    params.calcY = 14 * numXYZ;
  }
  params.width = Stage.width;
  params.height = Stage.height;
  params.type = 'jmol';
  
  if (i == 0) {
    myFile = pageIcon.templateData.jmol[projPI].xyz;
  } else {
    myFile = pageIcon.templateData.jmol[projPI].xyz2;
  }
  params.src = 'JMolViewer/jmol.htm?xyz=../' + expression(myFile, engine) + ',spin=' + xmlData.initSpin + ',controls=' + controls + ',bgColour=' + xmlData.bgColour + ',initLook=' + xmlData.initLook + ',cartoonOpt=' + xmlData.cartoonOpt + ',backOpt=' + xmlData.backOpt + ',initColour=' + xmlData.colour + ',initScript=' + xmlData.initScript + ',scriptOpt=' + scriptOpt + ',surfaceOpt=' + xmlData.surfaceOpt + ',labelOpt=' + xmlData.labelOpt + ',colourOpt=' + xmlData.colourOpt;
  params.bgColour = '#FFFFFF';
  params.borderColour = '#FFFFFF';
  
  callJS('makePopUp', params);
  popupActive = true;
}]]></SCR>
		<DIS scrolling="auto" h="textH" name="text" x="20" y="20" w="textW" type="text"><![CDATA[{pageIcon.templateData.jmol[projPI].text}]]></DIS>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/links.rlm b/modules/xerte/parent_templates/Nottingham/models/links.rlm
index 0f5c036aac..be8b82e265 100644
--- a/modules/xerte/parent_templates/Nottingham/models/links.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/links.rlm
@@ -1 +1 @@
-	<PG title="Links" name="links">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.links[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 

cols = Number(pageIcon.templateData.links[projPI].cols);
cellH = Number(pageIcon.templateData.links[projPI].height);

if (pageIcon.templateData.links[projPI].narration != undefined){
  narration = pageIcon.templateData.links[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS id="maintext" scrolling="auto" name="text" x="20" y="20" w="550" h="475" type="text"><![CDATA[{pageIcon.templateData.links[projPI].text}]]></DIS>
		<SCR name="makeLinks"><![CDATA[linkCount = pageIcon.templateData.links[projPI].link.length;

if (icon.built != true){

  //make the links
  icon.nextSibling.firstChild.firstChild.duplicate(linkCount - 1);
  
  for (i = 0; i < linkCount; i++){
    icon.nextSibling.firstChild.childNodes[i].attributes.id = 'link' + i;
  }
  
  //make the hotobjects
  icon.nextSibling.firstChild.lastChild.firstChild.duplicate(linkCount - 1);
  
  for (i = 0; i < linkCount; i++){
    icon.nextSibling.firstChild.lastChild.childNodes[i].attributes.rs = 'link' + i;
  }
  icon.built = true;
}]]></SCR>
		<DEC name="links" repeat="all" branch="sequence" pause="0" erase="1" eraseOnExit="0">
			<PG name="links">
				<DIS id="link0" name="protoLink" x="20 + Math.floor(icon.index() % cols) * (760 / cols)" y="maintext._y + maintext._height + 20 +Math.floor(icon.index() / cols) * cellH" w="(760 / cols) - 20" h="10" type="text"><![CDATA[{'<b>' + pageIcon.templateData.links[projPI].link[icon.index()].name + '</b><br>' + pageIcon.templateData.links[projPI].link[icon.index()].text + '<br><a href="' + pageIcon.templateData.links[projPI].link[icon.index()].url + '" target="_blank">' + pageIcon.templateData.links[projPI].link[icon.index()].url  + '</a>'}]]></DIS>
				<SCR name="loadCSS"><![CDATA[// now the links have been created I can load the style sheet
linkArray = icon.parentNode.findChildNodes('name','protoLink');
  for (i = 0; i < linkCount; i++){
    linkArray[i].clip().loadCSS(templatePath + 'common/styles.css');
  }
]]></SCR>
				<INT name="mainInteraction" perpetual="0">
					<RES name="protoHotObject" type="hotObject" rs="link0" click="1" cursor="1" erase="1" exit="0">
						<SCR name="getURL"><![CDATA[getURL(pageIcon.templateData.links[projPI].link[icon.parentNode.index()].url);]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
	</PG>
\ No newline at end of file
+	<PG title="Links" name="links">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.links[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 

cols = Number(pageIcon.templateData.links[projPI].cols);
cellH = Number(pageIcon.templateData.links[projPI].height) + (STYLES.defaultSize - 12)*3;

if (pageIcon.templateData.links[projPI].narration != undefined){
  narration = pageIcon.templateData.links[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS id="maintext" scrolling="auto" name="text" x="20" y="20" w="550" h="475" type="text"><![CDATA[{pageIcon.templateData.links[projPI].text}]]></DIS>
		<SCR name="makeLinks"><![CDATA[linkCount = pageIcon.templateData.links[projPI].link.length;

if (icon.built != true){

  //make the links
  icon.nextSibling.firstChild.firstChild.duplicate(linkCount - 1);
  
  for (i = 0; i < linkCount; i++){
    icon.nextSibling.firstChild.childNodes[i].attributes.id = 'link' + i;
  }
  
  //make the hotobjects
  icon.nextSibling.firstChild.lastChild.firstChild.duplicate(linkCount - 1);
  
  for (i = 0; i < linkCount; i++){
    icon.nextSibling.firstChild.lastChild.childNodes[i].attributes.rs = 'link' + i;
  }
  icon.built = true;
}]]></SCR>
		<DEC name="links" repeat="all" branch="sequence" pause="0" erase="1" eraseOnExit="0">
			<PG name="links">
				<DIS id="link0" name="protoLink" x="20 + Math.floor(icon.index() % cols) * (760 / cols)" y="maintext._y + maintext._height + 20 +Math.floor(icon.index() / cols) * cellH" w="(760 / cols) - 20" h="10" type="text"><![CDATA[{'<b>' + pageIcon.templateData.links[projPI].link[icon.index()].name + '</b><br>' + pageIcon.templateData.links[projPI].link[icon.index()].text + '<br><a href="' + pageIcon.templateData.links[projPI].link[icon.index()].url + '" target="_blank">' + pageIcon.templateData.links[projPI].link[icon.index()].url  + '</a>'}]]></DIS>
				<SCR name="loadCSS"><![CDATA[// now the links have been created I can load the style sheet
linkArray = icon.parentNode.findChildNodes('name','protoLink');
  for (i = 0; i < linkCount; i++){
    linkArray[i].clip().loadCSS(templatePath + 'common/styles.css');
  }
]]></SCR>
				<INT name="mainInteraction" perpetual="0">
					<RES name="protoHotObject" type="hotObject" rs="link0" click="1" cursor="1" erase="1" exit="0">
						<SCR name="getURL"><![CDATA[getURL(pageIcon.templateData.links[projPI].link[icon.parentNode.index()].url);]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/list.rlm b/modules/xerte/parent_templates/Nottingham/models/list.rlm
index 070a3e4a69..ce18ffed03 100644
--- a/modules/xerte/parent_templates/Nottingham/models/list.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/list.rlm
@@ -1 +1 @@
-	<PG language="en-GB" title="Interactive List" name="interactiveList">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.list[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

if (pageIcon.templateData.list[projPI].narration != undefined){
  narration = pageIcon.templateData.list[projPI].narration;
  rootIcon.broadcast('showAudio');
}


]]></SCR>
		<DIS id="textBlock" h="10" name="text" x="20" y="20" w="350" type="text"><![CDATA[{pageIcon.templateData.list[projPI].text}]]></DIS>
		<SCR name="makeList"><![CDATA[if (icon.built != 'true'){

  icon.nextSibling.firstChild.firstChild.duplicate(pageIcon.templateData.list[projPI].nestedPage.length - 1);
  
  for (i = 0; i < pageIcon.templateData.list[projPI].nestedPage.length; i++){
    icon.nextSibling.firstChild.childNodes[i].attributes.id = 'item' + i;
  }
  
  icon.built = 'true';
}]]></SCR>
		<DEC name="listItems" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG name="mainInteraction">
				<DIS id="proto" name="protoListItem" x="20" y="icon.index() == 0 ? textBlock._y + textBlock._height + 20 : _ytile" w="380" h="10" type="text"><![CDATA[{'<b>' + pageIcon.templateData.list[projPI].nestedPage[icon.index()].name + '</b>'}]]></DIS>
				<SCR name="buildInteraction"><![CDATA[if (icon.built != true){

  icon.nextSibling.firstChild.duplicate(pageIcon.templateData.list[projPI].nestedPage.length - 1);
  
  for (i = 0; i < pageIcon.templateData.list[projPI].nestedPage.length; i++){
    icon.nextSibling.childNodes[i].attributes.rs = 'item' + i;
  }
  icon.built = true;
}]]></SCR>
				<INT id="listItems" name="listItems" perpetual="1">
					<RES name="protoItem" type="hotObject" rs="item0" click="1" cursor="1" erase="1" exit="0">
						<SCR name="image"><![CDATA[listItems.clear();
listItems.lineStyle(1, STYLES.statusBarColour, 100);
listItems.beginFill(0xFFFFFF,100);

item.setText('<b>' + pageIcon.templateData.list[projPI].nestedPage[item.XMLElement.index()].name + '</b>');

item = eval(icon.parentNode.attributes.rs);

listItems.moveTo(20,item._y);
listItems.lineTo(400, item._y);
listItems.lineTo(400, 20);
listItems.lineTo(780, 20);
listItems.lineTo(780, 496);
listItems.lineTo(400, 496);
listItems.lineTo(400, item._y + item._height);
listItems.lineTo(20, item._y + item._height);

item.setText('<b><font color="#333333">' + pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].name + '</font></b>');



]]></SCR>
						<DIS textColour="#333333" id="desc" name="text" x="405" y="25" w="370" h="10" type="text"><![CDATA[{pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
						<DIS toolTip="{pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].tip}" id="graphic" name="graphic" x="desc._x" y="desc._y + desc._height + 10" type="ext" url="{pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].url}"><![CDATA[{pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].tip}]]></DIS>
						<INT name="loadImage" perpetual="0">
							<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="0">
								<SCR name="resize"><![CDATA[space = 456 - desc._height;
graphic.constrain(370, space);
graphic._x = 590 - graphic._width / 2; 

if (pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].initObject != undefined){
  obj = expression(pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].initObject, engine);
  graphic.clip.init(obj);
}]]></SCR>
							</RES>
						</INT>
					</RES>
				</INT>
				<SCR name="swapDepths"><![CDATA[listItems.swapDepths(0);]]></SCR>
			</PG>
		</DEC>
	</PG>
\ No newline at end of file
+	<PG title="Interactive List" name="interactiveList">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.list[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

if (pageIcon.templateData.list[projPI].narration != undefined){
  narration = pageIcon.templateData.list[projPI].narration;
  rootIcon.broadcast('showAudio');
}


]]></SCR>
		<DIS id="textBlock" h="10" name="text" x="20" y="20" w="350" type="text"><![CDATA[{pageIcon.templateData.list[projPI].text}]]></DIS>
		<SCR name="makeList"><![CDATA[if (icon.built != 'true'){

  icon.nextSibling.firstChild.firstChild.duplicate(pageIcon.templateData.list[projPI].nestedPage.length - 1);
  
  for (i = 0; i < pageIcon.templateData.list[projPI].nestedPage.length; i++){
    icon.nextSibling.firstChild.childNodes[i].attributes.id = 'item' + i;
  }
  
  icon.built = 'true';
}]]></SCR>
		<DEC name="listItems" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG name="mainInteraction">
				<DIS id="proto" name="protoListItem" x="20" y="icon.index() == 0 ? textBlock._y + textBlock._height + 20 : _ytile" w="380" h="10" type="text"><![CDATA[{'<b>' + pageIcon.templateData.list[projPI].nestedPage[icon.index()].name + '</b>'}]]></DIS>
				<SCR name="buildInteraction"><![CDATA[if (icon.built != true){

  icon.nextSibling.firstChild.duplicate(pageIcon.templateData.list[projPI].nestedPage.length - 1);
  
  for (i = 0; i < pageIcon.templateData.list[projPI].nestedPage.length; i++){
    icon.nextSibling.childNodes[i].attributes.rs = 'item' + i;
  }
  icon.built = true;
}]]></SCR>
				<INT id="listItems" name="listItems" perpetual="1">
					<RES name="protoItem" type="hotObject" rs="item0" click="1" cursor="1" erase="1" exit="0">
						<SCR name="image"><![CDATA[listItems.clear();
listItems.lineStyle(1, STYLES.statusBarColour, 100);
listItems.beginFill(0xFFFFFF,100);

item.setText('<b>' + pageIcon.templateData.list[projPI].nestedPage[item.XMLElement.index()].name + '</b>');

item = eval(icon.parentNode.attributes.rs);

listItems.moveTo(20,item._y);
listItems.lineTo(400, item._y);
listItems.lineTo(400, 20);
listItems.lineTo(780, 20);
listItems.lineTo(780, 496);
listItems.lineTo(400, 496);
listItems.lineTo(400, item._y + item._height);
listItems.lineTo(20, item._y + item._height);

item.setText('<b><font color="#333333">' + pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].name + '</font></b>');



]]></SCR>
						<DIS textColour="#333333" id="desc" name="text" x="405" y="25" w="370" h="10" type="text"><![CDATA[{pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
						<DIS toolTip="{pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].tip}" id="graphic" name="graphic" x="desc._x" y="desc._y + desc._height + 10" type="ext" url="{pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].url}"><![CDATA[{pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].tip}]]></DIS>
						<INT name="loadImage" perpetual="0">
							<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="0">
								<SCR name="resize"><![CDATA[space = 456 - desc._height;
graphic.constrain(370, space);
graphic._x = 590 - graphic._width / 2; 

if (pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].initObject != undefined){
  obj = expression(pageIcon.templateData.list[projPI].nestedPage[icon.parentNode.index()].initObject, engine);
  graphic.clip.init(obj);
}]]></SCR>
							</RES>
						</INT>
					</RES>
				</INT>
				<SCR name="swapDepths"><![CDATA[listItems.swapDepths(0);]]></SCR>
			</PG>
		</DEC>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/mcq.rlm b/modules/xerte/parent_templates/Nottingham/models/mcq.rlm
index 1584299b30..35306d64d1 100644
--- a/modules/xerte/parent_templates/Nottingham/models/mcq.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/mcq.rlm
@@ -1 +1 @@
-	<PG title="Multiple Choice" name="mcq">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.mcq[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 

// set up text strings
if (pageIcon.templateData.mcq[projPI].checkBtnTxt != undefined){
  checkBtnTxt = pageIcon.templateData.mcq[projPI].checkBtnTxt;
} else {
  checkBtnTxt = "Check";
}

if (pageIcon.templateData.mcq[projPI].checkBtnTip != undefined){
  checkBtnTip = pageIcon.templateData.mcq[projPI].checkBtnTip;
} else {
  checkBtnTip = "Check Answer";
}

if (pageIcon.templateData.mcq[projPI].checkBtnWidth != undefined){
  checkBtnWidth = pageIcon.templateData.mcq[projPI].checkBtnWidth;
} else {
  checkBtnWidth = "100";
}

if (pageIcon.templateData.mcq[projPI].feedbackLabel != undefined){
  feedbackLabel = pageIcon.templateData.mcq[projPI].feedbackLabel;
} else {
  feedbackLabel = "Feedback";
}

align = pageIcon.templateData.mcq[projPI].align;

panelWidth = pageIcon.templateData.mcq[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 140;
} else {
  panelW = 760;
  textW = 0;
}

if (pageIcon.templateData.mcq[projPI].narration != undefined){
  narration = pageIcon.templateData.mcq[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS w="panelW" h="474" tabIndex="-1" id="panel" name="panel" x="align == 'Left' ? 20 : textW + 40" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS scrolling="auto" name="instruction" x="align == 'Left' ? panel._x + panelW + 20 : 20" y="panel._y" w="textW" h="474" type="text"><![CDATA[{pageIcon.templateData.mcq[projPI].instruction}]]></DIS>
		<DIS textColour="#000000" id="prpt" name="question" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.mcq[projPI].prompt}

]]></DIS>
		<SCR name="makeOptions"><![CDATA[ln = pageIcon.templateData.mcq[projPI].option.length;
optionTracking = new Array();

if (icon.attributes.built != "true"){
  icon.nextSibling.childNodes[1].duplicate(pageIcon.templateData.mcq[projPI].option.length - 2);
  icon.attributes.built = "true";
}

//multi answer?
if (pageIcon.templateData.mcq[projPI].type == 'Multiple Answer'){
  for (i = 0; i < pageIcon.templateData.mcq[projPI].option.length; i++){
    icon.nextSibling.childNodes[i].attributes.type="checkBox";
  }
}

for (i = 0; i < ln; i++){
  optionTracking[i] = 0;
  if (pageIcon.templateData.mcq[projPI].option[i].correct == 'true'){
    icon.nextSibling.childNodes[i].attributes.correct = 1;
  } else {
    icon.nextSibling.childNodes[i].attributes.correct = 0;
  }
}]]></SCR>
		<INT id="ques" name="buttonInteraction" perpetual="0">
			<RES w="panelW - 60" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="prpt._y + prpt._height + 30" label="{pageIcon.templateData.mcq[projPI].option[icon.index()].text}" group="grp" erase="1" exit="0">
				<SCR name="trackAnswers"><![CDATA[//track the question
if (pageIcon.templateData.mcq[projPI].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.mcq[projPI].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
} 
btnSubmit.setEnabled(true);

fb = pageIcon.templateData.mcq[projPI].option[icon.parentNode.index()].feedback;]]></SCR>
			</RES>
			<RES w="panelW - 60" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="_ytile + 10" label="{pageIcon.templateData.mcq[projPI].option[icon.index()].text}" group="grp" erase="1" exit="0">
				<SCR name="trackAnswers"><![CDATA[//track the question
if (pageIcon.templateData.mcq[projPI].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.mcq[projPI].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
} 
btnSubmit.setEnabled(true);

fb = pageIcon.templateData.mcq[projPI].option[icon.parentNode.index()].feedback;]]></SCR>
			</RES>
			<RES toolTip="{checkBtnTip}" enabled="0" rs="btnSubmit" swf="templatePath + 'common/button.swf'" name="button" type="button" x="prpt._x" y="_ytile + 10" label="{checkBtnTxt}" erase="1" exit="0">
				<SCR name="makeFeedback"><![CDATA[//single answer feedback
fb = "";
for (i = 0; i < ln; i++){
  if (optionTracking[i] == 1){
    fb += pageIcon.templateData.mcq[projPI].option[i].feedback + '\r\r';
  }
}
if (pageIcon.templateData.mcq[projPI].feedback != undefined){
  fb += pageIcon.templateData.mcq[projPI].feedback;
}
fb = '<b>' + feedbackLabel + '</b><br>' + fb;
]]></SCR>
				<DIS scrolling="auto" textColour="#000000" name="feedback" x="btnSubmit._x" y="btnSubmit._y + 40" w="panelW - 40" h="474 - (btnSubmit._y + btnSubmit._height) - 10" type="text"><![CDATA[{fb}]]></DIS>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
+	<PG title="Multiple Choice" name="mcq">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.mcq[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 

// set up text strings
if (pageIcon.templateData.mcq[projPI].checkBtnTxt != undefined){
  checkBtnTxt = pageIcon.templateData.mcq[projPI].checkBtnTxt;
} else {
  checkBtnTxt = "Check";
}

if (pageIcon.templateData.mcq[projPI].checkBtnTip != undefined){
  checkBtnTip = pageIcon.templateData.mcq[projPI].checkBtnTip;
} else {
  checkBtnTip = "Check Answer";
}

if (pageIcon.templateData.mcq[projPI].checkBtnWidth != undefined){
  checkBtnWidth = pageIcon.templateData.mcq[projPI].checkBtnWidth;
} else {
  checkBtnWidth = "100";
}

if (pageIcon.templateData.mcq[projPI].feedbackLabel != undefined){
  feedbackLabel = pageIcon.templateData.mcq[projPI].feedbackLabel;
} else {
  feedbackLabel = "Feedback";
}

align = pageIcon.templateData.mcq[projPI].align;

panelWidth = pageIcon.templateData.mcq[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 140;
} else {
  panelW = 760;
  textW = 0;
}

if (pageIcon.templateData.mcq[projPI].narration != undefined){
  narration = pageIcon.templateData.mcq[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS w="panelW" h="474" tabIndex="-1" id="panel" name="panel" x="align == 'Right' ? 20 : textW + 40" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS scrolling="auto" name="instruction" x="align == 'Right' ? panel._x + panelW + 20 : 20" y="panel._y" w="textW" h="474" type="text"><![CDATA[{pageIcon.templateData.mcq[projPI].instruction}]]></DIS>
		<DIS textColour="#000000" id="prpt" name="question" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.mcq[projPI].prompt}

]]></DIS>
		<SCR name="makeOptions"><![CDATA[ln = pageIcon.templateData.mcq[projPI].option.length;
optionTracking = new Array();

if (icon.attributes.built != "true"){
  icon.nextSibling.childNodes[1].duplicate(pageIcon.templateData.mcq[projPI].option.length - 2);
  icon.attributes.built = "true";
}

//multi answer?
if (pageIcon.templateData.mcq[projPI].type == 'Multiple Answer'){
  for (i = 0; i < pageIcon.templateData.mcq[projPI].option.length; i++){
    icon.nextSibling.childNodes[i].attributes.type="checkBox";
  }
}

for (i = 0; i < ln; i++){
  optionTracking[i] = 0;
  if (pageIcon.templateData.mcq[projPI].option[i].correct == 'true'){
    icon.nextSibling.childNodes[i].attributes.correct = 1;
  } else {
    icon.nextSibling.childNodes[i].attributes.correct = 0;
  }
}]]></SCR>
		<INT id="ques" name="buttonInteraction" perpetual="0">
			<RES w="panelW - 60" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="prpt._y + prpt._height + 30" label="{pageIcon.templateData.mcq[projPI].option[icon.index()].text}" group="grp" erase="1" exit="0">
				<SCR name="trackAnswers"><![CDATA[//track the question
if (pageIcon.templateData.mcq[projPI].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.mcq[projPI].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
} 
btnSubmit.setEnabled(true);

fb = pageIcon.templateData.mcq[projPI].option[icon.parentNode.index()].feedback;]]></SCR>
			</RES>
			<RES w="panelW - 60" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="_ytile + 10" label="{pageIcon.templateData.mcq[projPI].option[icon.index()].text}" group="grp" erase="1" exit="0">
				<SCR name="trackAnswers"><![CDATA[//track the question
if (pageIcon.templateData.mcq[projPI].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.mcq[projPI].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
} 
btnSubmit.setEnabled(true);

fb = pageIcon.templateData.mcq[projPI].option[icon.parentNode.index()].feedback;]]></SCR>
			</RES>
			<RES w="checkBtnWidth" toolTip="{checkBtnTip}" enabled="0" rs="btnSubmit" swf="templatePath + 'common/button.swf'" name="button" type="button" x="prpt._x" y="_ytile + 10" label="{checkBtnTxt}" erase="1" exit="0">
				<SCR name="makeFeedback"><![CDATA[//single answer feedback
fb = "";
for (i = 0; i < ln; i++){
  if (optionTracking[i] == 1){
    fb += pageIcon.templateData.mcq[projPI].option[i].feedback + '\r\r';
  }
}
if (pageIcon.templateData.mcq[projPI].feedback != undefined){
  fb += pageIcon.templateData.mcq[projPI].feedback;
}
fb = '<b>' + feedbackLabel + '</b><br>' + fb;
]]></SCR>
				<DIS scrolling="auto" textColour="#000000" name="feedback" x="btnSubmit._x" y="btnSubmit._y + 40" w="panelW - 40" h="474 - (btnSubmit._y + btnSubmit._height) - 10" type="text"><![CDATA[{fb}]]></DIS>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/menu.rlm b/modules/xerte/parent_templates/Nottingham/models/menu.rlm
index 99a3361d1f..97a698751b 100644
--- a/modules/xerte/parent_templates/Nottingham/models/menu.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/menu.rlm
@@ -1 +1 @@
-	<PG name="menu">
		<SCR name="makeMenu"><![CDATA[rootIcon.contButton._y = 1000;
numItems = extXML.firstChild.childNodes.length;
if (icon.attributes.built != "true"){
  icon.nextSibling.firstChild.duplicate(numItems - 1);
  icon.attributes.built = "true";
}

rootIcon.setTitleText(templateData.learningObject[0].name);

if (numItems < 17){
  itemWidth = 350;
} else if (numItems > 16 & numItems < 33){
  itemWidth = 240;
} else if (numItems > 32){
  itemWidth = 240;
}]]></SCR>
		<DEC id="items" name="menu" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG name="items">
				<SCR name="setID"><![CDATA[icon.nextSibling.attributes.id = 'it' + icon.parentNode.index();]]></SCR>
				<DIS textSize="12" textColour="0x333333" id="menuItem" name="protoItem" x="25 + Math.floor(icon.parentNode.index() / 16) * 255" y="25 + Math.floor(icon.parentNode.index() % 16) * 30" w="itemWidth" h="10" type="text"><![CDATA[{extXML.firstChild.childNodes[icon.parentNode.index()].attributes.name}]]></DIS>
				<SCR name="drawItem"><![CDATA[ic = engine['it' + icon.parentNode.index()];
ic.txt.wordWrap = false;
ic.lineStyle(2, STYLES.titleBarColour, 100);
ic.beginFill(0xFFFFFF, 100);
ic.drawRect(-5,-5,itemWidth,25,4);

for (i = 0; i < icon.nextSibling.childNodes.length; i++){
  icon.nextSibling.childNodes[i].attributes.icon = 'it'+icon.parentNode.index();
}]]></SCR>
				<INT name="events" perpetual="1">
					<RES name="onRollOver" type="event" eventName="onRollOver" icon="menuItem" erase="1" exit="0">
						<SCR name="redraw"><![CDATA[ic = eval(icon.parentNode.attributes.icon);
ic.lineStyle(2, STYLES.statusBarColour, 100);
ic.beginFill(0xFFFFFF, 100);
ic.drawRect(-5,-5,itemWidth,25,4);]]></SCR>
					</RES>
					<RES name="onRollOut" type="event" eventName="onRollOut" icon="item" erase="1" exit="0">
						<SCR name="redraw"><![CDATA[ic = eval(icon.parentNode.attributes.icon);
ic.lineStyle(2, STYLES.titleBarColour, 100);
ic.beginFill(0xFFFFFF, 100);
ic.drawRect(-5,-5,itemWidth,25,4);]]></SCR>
					</RES>
					<RES name="onRelease" type="event" eventName="onRelease" icon="item" erase="1" exit="0">
						<SCR name="redraw"><![CDATA[rootIcon.gotoPage(items.getPageIndex() + 1);]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
		<DEC name="[Untitled]" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG name="[Untitled]">
				<SCR name="menuImage"><![CDATA[if (extXML.firstChild.attributes.menuImage == undefined){
  pg = icon.parentNode;
  pg.findChildByName('panel').removeNode;
  pg.findChildByName('loadPanel').removeNode;
    
  pg.findChildByName('image').removeNode;
  pg.findChildByName('loadImage').removeNode;
}]]></SCR>
				<DIS id="panel" name="panel" x="-400" y="0" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
				<INT name="loadPanel" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
						<SCR name="moveOn"><![CDATA[//moveOn]]></SCR>
					</RES>
				</INT>
				<DIS id="menuImage" name="image" x="0" y="0" type="ext" url="{extXML.firstChild.attributes.menuImage}"><![CDATA[]]></DIS>
				<INT name="loadImage" perpetual="1">
					<RES name="onLoad" type="event" eventName="onLoad" icon="menuImage" erase="1" exit="0">
						<SCR name="resizeAndPosition"><![CDATA[if (extXML.firstChild.attributes.menuImageProperties != 'Full Screen'){  
  menuImage.constrain(400, 450);
  
  menuImage._x = 800 - menuImage._width - 30;
  menuImage._y = 30;
  
  panel._x = menuImage._x - 10;
  panel._y = menuImage._y - 10;
  panel._width = menuImage._width + 20;
  panel._height = menuImage._height + 20;
} else {  
  menuImage._width = 800;
  menuImage._height = 515;
  
  menuImage._y = 1;
  
  panel._visible = false;
}
]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
		<SCR name="finish"><![CDATA[items.swapDepths(99);]]></SCR>
	</PG>
\ No newline at end of file
+	<PG name="menu">
		<SCR name="makeMenu"><![CDATA[rootIcon.contButton._y = 1000;
numItems = extXML.firstChild.childNodes.length;
if (icon.attributes.built != "true"){
  icon.nextSibling.firstChild.duplicate(numItems - 1);
  icon.attributes.built = "true";
}

rootIcon.setTitleText(templateData.learningObject[0].name);

if (numItems < 17){
  itemWidth = 350;
} else if (numItems > 16 & numItems < 33){
  itemWidth = 240;
} else if (numItems > 32){
  itemWidth = 240;
}]]></SCR>
		<DEC id="items" name="menu" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG name="items">
				<SCR name="setID"><![CDATA[icon.nextSibling.attributes.id = 'it' + icon.parentNode.index();]]></SCR>
				<DIS textSize="12" textColour="0x333333" id="menuItem" name="protoItem" x="25 + Math.floor(icon.parentNode.index() / 16) * 255" y="25 + Math.floor(icon.parentNode.index() % 16) * 30" w="itemWidth" h="10" type="text"><![CDATA[{extXML.firstChild.childNodes[icon.parentNode.index()].attributes.name}]]></DIS>
				<SCR name="drawItem"><![CDATA[ic = engine['it' + icon.parentNode.index()];
ic.txt.wordWrap = false;
ic.lineStyle(2, STYLES.titleBarColour, 100);
ic.beginFill(0xFFFFFF, 100);
ic.drawRect(-5,-5,itemWidth,25,4);

for (i = 0; i < icon.nextSibling.childNodes.length; i++){
  icon.nextSibling.childNodes[i].attributes.icon = 'it'+icon.parentNode.index();
}]]></SCR>
				<INT name="events" perpetual="1">
					<RES name="onRollOver" type="event" eventName="onRollOver" icon="menuItem" erase="1" exit="0">
						<SCR name="redraw"><![CDATA[ic = eval(icon.parentNode.attributes.icon);
ic.lineStyle(2, STYLES.statusBarColour, 100);
ic.beginFill(0xFFFFFF, 100);
ic.drawRect(-5,-5,itemWidth,25,4);]]></SCR>
					</RES>
					<RES name="onRollOut" type="event" eventName="onRollOut" icon="item" erase="1" exit="0">
						<SCR name="redraw"><![CDATA[ic = eval(icon.parentNode.attributes.icon);
ic.lineStyle(2, STYLES.titleBarColour, 100);
ic.beginFill(0xFFFFFF, 100);
ic.drawRect(-5,-5,itemWidth,25,4);]]></SCR>
					</RES>
					<RES name="onRelease" type="event" eventName="onRelease" icon="item" erase="1" exit="0">
						<SCR name="redraw"><![CDATA[rootIcon.gotoPage(items.getPageIndex() + 1);]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
		<DEC name="[Untitled]" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG name="[Untitled]">
				<SCR name="menuImage"><![CDATA[if (extXML.firstChild.attributes.menuImage == undefined){
  pg = icon.parentNode;
  pg.findChildByName('panel').removeNode;
  pg.findChildByName('loadPanel').removeNode;
    
  pg.findChildByName('image').removeNode;
  pg.findChildByName('loadImage').removeNode;
}]]></SCR>
				<DIS id="panel" name="panel" x="-400" y="0" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
				<INT name="loadPanel" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
						<SCR name="moveOn"><![CDATA[//moveOn]]></SCR>
					</RES>
				</INT>
				<DIS id="menuImage" name="image" x="0" y="0" type="ext" url="{extXML.firstChild.attributes.menuImage}"><![CDATA[]]></DIS>
				<INT name="loadImage" perpetual="1">
					<RES name="onLoad" type="event" eventName="onLoad" icon="menuImage" erase="1" exit="0">
						<SCR name="resizeAndPosition"><![CDATA[if (extXML.firstChild.attributes.menuImageProperties != 'Full Screen'){  
  
  if (numItems > 16){
      menuImage.constrain(230, 450);
  }
  menuImage.constrain(450, 450);
  menuImage._x = 800 - menuImage._width - 30;
  menuImage._y = 30;
  
  panel._x = menuImage._x - 10;
  panel._y = menuImage._y - 10;
  panel._width = menuImage._width + 20;
  panel._height = menuImage._height + 20;
} else {  
  menuImage._width = 800;
  menuImage._height = 515;
  
  menuImage._y = 1;
  
  panel._visible = false;
}
]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
		<SCR name="finish"><![CDATA[items.swapDepths(99);]]></SCR>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/modelAnswer.rlm b/modules/xerte/parent_templates/Nottingham/models/modelAnswer.rlm
index d2fdc63181..1ab7dd72c2 100644
--- a/modules/xerte/parent_templates/Nottingham/models/modelAnswer.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/modelAnswer.rlm
@@ -1 +1 @@
-	<PG title="Model Answer" name="modelAnswer">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.modelAnswer[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

// set up text strings
if (pageIcon.templateData.modelAnswer[projPI].feedbackBtnTxt != undefined){
  feedbackBtnTxt = pageIcon.templateData.modelAnswer[projPI].feedbackBtnTxt;
} else {  
  feedbackBtnTxt = "Feedback";
}

if (pageIcon.templateData.modelAnswer[projPI].feedbackBtnTip != undefined){
  feedbackBtnTip = pageIcon.templateData.modelAnswer[projPI].feedbackBtnTip;
} else {
  feedbackBtnTip = "Feedback";
}

if (pageIcon.templateData.modelAnswer[projPI].feedbackBtnWidth != undefined){
  feedbackBtnWidth = pageIcon.templateData.modelAnswer[projPI].feedbackBtnWidth;
} else {
  feedbackBtnWidth = "80";
}

if (pageIcon.templateData.modelAnswer[projPI].instructHeaderATxt != undefined){
  instructHeaderATxt = pageIcon.templateData.modelAnswer[projPI].instructHeaderATxt;
} else {
  instructHeaderATxt = "The instruction and question on page";
}

if (pageIcon.templateData.modelAnswer[projPI].instructHeaderBTxt != undefined){
  instructHeaderBTxt = pageIcon.templateData.modelAnswer[projPI].instructHeaderBTxt;
} else {
  instructHeaderBTxt = "was";
}

if (pageIcon.templateData.modelAnswer[projPI].responseHeaderTxt != undefined){
  responseHeaderTxt = pageIcon.templateData.modelAnswer[projPI].responseHeaderTxt;
} else {
  responseHeaderTxt = "Your response was:";
}

if (pageIcon.templateData.modelAnswer[projPI].noAnswerHeaderTxt != undefined){
  noAnswerHeaderTxt = pageIcon.templateData.modelAnswer[projPI].noAnswerHeaderTxt;
} else {
  noAnswerHeaderTxt = "You didn't answer this question.";
}

if (pageIcon.templateData.modelAnswer[projPI].exampleHeaderTxt != undefined){
  exampleHeaderTxt = pageIcon.templateData.modelAnswer[projPI].exampleHeaderTxt;
} else {
  exampleHeaderTxt = "The example answer was:";
}


align = pageIcon.templateData.modelAnswer[projPI].align;

panelWidth = pageIcon.templateData.modelAnswer[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 150;
} else {
  panelW = 760;
  textW = 0;
}


if (pageIcon.templateData.modelAnswer[projPI].narration != undefined){
  narration = pageIcon.templateData.modelAnswer[projPI].narration;
  rootIcon.broadcast('showAudio');
}

if (mytracking == undefined){ 
  mytracking = new Array();
}]]></SCR>
		<DIS w="panelW" h="474" tabIndex="-1" id="panel" name="panel" x="align == 'Right' ? 20 : 780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS name="instruction" x="align == 'Right' ? 40 + panelW : 20" y="panel._y" w="740 - panelW" h="10" type="text"><![CDATA[{pageIcon.templateData.modelAnswer[projPI].text}]]></DIS>
		<DIS textColour="#333333" id="prpt" name="question" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.modelAnswer[projPI].prompt}

]]></DIS>
		<SCR name="setupImage"><![CDATA[if (pageIcon.templateData.modelAnswer[projPI].image == undefined && icon.built != 'true'){
  icon.built = 'true';
  icon.parentNode.getChildByName("optionalImage").removeNode();
  icon.parentNode.getChildByName("loadImage").removeNode();
}

nextY = prpt._y + prpt._height + 20;]]></SCR>
		<DIS id="img" name="optionalImage" x="prpt._x" y="prpt._y + prpt._height + 20" type="ext" url="{pageIcon.templateData.modelAnswer[projPI].image}"><![CDATA[]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="img" erase="1" exit="1">
				<SCR name="size"><![CDATA[//img.constrain(prpt._width, prpt._width);
//commented the above and set max height to 100
img.constrain(prpt._width, 180);
nextY = nextY + img._height + 20;]]></SCR>
			</RES>
		</INT>
		<INT name="text entry" perpetual="1">
			<RES id="textentry" rs="myrs" background="0xFFFFFF" name="textentry" type="textEntry" x="prpt._x" y="nextY" w="prpt._width" h="100" phrase="" scrolling="1" border="1" erase="0" exit="0">
				<SCR name="track"><![CDATA[mytracking[rootIcon.currentPage] = myrs.text;]]></SCR>
				<SCR name="remember text entry"><![CDATA[
//create the array if not yet created
if (compareanswerresults == undefined){ 
  compareanswerresults = new Array();
}
//build the combined results
compareanswercombined= instructHeaderATxt + " " + (rootIcon.currentPage+1) + " " + instructHeaderBTxt + " " + chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].text+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].prompt+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined + responseHeaderTxt + " " +chr(13)+chr(10);

//if the current question has been answered add response to combined result 
//but if not add you didn't answer this question
if (mytracking[rootIcon.currentPage]!=undefined){
  compareanswercombined=compareanswercombined+mytracking[rootIcon.currentPage]+" "+chr(13)+chr(10)+chr(13)+chr(10);
}else{
compareanswercombined=compareanswercombined+" "+ noAnswerHeaderTxt + " "+chr(13)+chr(10)+chr(13)+chr(10);
}
compareanswercombined=compareanswercombined + exampleHeaderTxt + " "+chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].feedback+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined+" ----------------------------------------------------------- "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswerresults[(rootIcon.currentPage)]=compareanswercombined;

//initailize variable
displaycompareanswerresults="";
//loop through array and only add to var if not undefined
for (i = 0; i < compareanswerresults.length; i++){
  if (compareanswerresults[i]!=undefined){
    displaycompareanswerresults=displaycompareanswerresults+compareanswerresults[i];
  }
}
]]></SCR>
			</RES>
		</INT>
		<SCR name="set button label and width and position"><![CDATA[if(mytracking[rootIcon.currentPage]!=undefined){
  myrs.text=mytracking[rootIcon.currentPage];
}
myrs.multiline = true;

//if an optional button label has been set change the label
if (pageIcon.templateData.modelAnswer[projPI].label != undefined){
  feedbackBtnTxt=pageIcon.templateData.modelAnswer[projPI].label;
  //change the button width
  //there may well be a better equation than the following but this does work
  feedbackBtnWidth=pageIcon.templateData.modelAnswer[projPI].label.length*6+25;
}

btnY = nextY +100 + 20;
feedbackY=btnY+40;]]></SCR>
		<INT name="button interaction" perpetual="1">
			<RES toolTip="{feedbackBtnTip}" id="btn" w="feedbackBtnWidth" rs="btn" swf="templatePath + 'common/button.swf'" name="button" type="button" x="prpt._x" y="btnY" label="{feedbackBtnTxt}" erase="1" exit="0">
				<SCR name="set feedback"><![CDATA[modleanswerfeedback=pageIcon.templateData.modelAnswer[projPI].feedback + chr(13) + chr(13);
if (pageIcon.templateData.modelAnswer[projPI].copypasteinfo != undefined){
modleanswerfeedback=modleanswerfeedback + '<font size="10" color="#ff3333">'+pageIcon.templateData.modelAnswer[projPI].copypasteinfo+'</font>';
}]]></SCR>
				<DIS id="feedback" scrolling="auto" textColour="#333333" name="feedback" x="prpt._x" y="feedbackY" w="panelW - 40" h="474 - (feedbackY + btn._height) " type="text"><![CDATA[{modleanswerfeedback}]]></DIS>
				<SCR name="copy to clipboard"><![CDATA[texttopaste= instructHeaderATxt + " " + (rootIcon.currentPage+1) + " " + instructHeaderBTxt + " " + chr(13)+chr(10);
texttopaste=texttopaste+pageIcon.templateData.modelAnswer[projPI].prompt+chr(13)+chr(10)+chr(13)+chr(10);
texttopaste=texttopaste + responseHeaderTxt + " "+chr(13)+chr(10);

if (mytracking[rootIcon.currentPage]!=undefined){
texttopaste=texttopaste+mytracking[rootIcon.currentPage] +chr(13)+chr(10)+chr(13)+chr(10);
}else{
texttopaste=texttopaste + noAnswerHeaderTxt + " " +chr(13)+chr(10)+chr(13)+chr(10);
}
texttopaste=texttopaste + exampleHeaderTxt + " " +chr(13)+chr(10);
texttopaste=texttopaste+pageIcon.templateData.modelAnswer[projPI].feedback;
System.setClipboard(texttopaste);

]]></SCR>
			</RES>
		</INT>
		<SCR name="compare answer results"><![CDATA[//myrs.text=mytracking[rootIcon.currentPage];

//create the array if not yet created
if (compareanswerresults == undefined){ 
  compareanswerresults = new Array();
}
//build the combined results
compareanswercombined= instructHeaderATxt + " " + (rootIcon.currentPage+1)+" " + instructHeaderBTxt +chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].text+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].prompt+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined+responseHeaderTxt+" "+chr(13)+chr(10);

//if the current question has been answered add response to combined result 
//but if not add you didn't answer this question
if (mytracking[rootIcon.currentPage]!=undefined){
compareanswercombined=compareanswercombined+mytracking[rootIcon.currentPage]+" "+chr(13)+chr(10)+chr(13)+chr(10);
}else{
  compareanswercombined=compareanswercombined+noAnswerHeaderTxt+" "+chr(13)+chr(10)+chr(13)+chr(10);
}
compareanswercombined=compareanswercombined+exampleHeaderTxt+" "+chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].feedback+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined+" ----------------------------------------------------------- "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswerresults[(rootIcon.currentPage)]=compareanswercombined;

//initailize variable
displaycompareanswerresults="";
//loop through array and only add to var if not undefined
for (i = 0; i < compareanswerresults.length; i++){
  if (compareanswerresults[i]!=undefined){
    displaycompareanswerresults=displaycompareanswerresults+compareanswerresults[i];
  }
}]]></SCR>
	</PG>
\ No newline at end of file
+	<PG title="Model Answer" name="modelAnswer">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.modelAnswer[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

// set up text strings
if (pageIcon.templateData.modelAnswer[projPI].feedbackBtnTxt != undefined){
  feedbackBtnTxt = pageIcon.templateData.modelAnswer[projPI].feedbackBtnTxt;
} else {  
  feedbackBtnTxt = "Feedback";
}

if (pageIcon.templateData.modelAnswer[projPI].feedbackBtnTip != undefined){
  feedbackBtnTip = pageIcon.templateData.modelAnswer[projPI].feedbackBtnTip;
} else {
  feedbackBtnTip = "Feedback";
}

if (pageIcon.templateData.modelAnswer[projPI].feedbackBtnWidth != undefined){
  feedbackBtnWidth = pageIcon.templateData.modelAnswer[projPI].feedbackBtnWidth;
} else {
  feedbackBtnWidth = "80";
}

if (pageIcon.templateData.modelAnswer[projPI].instructHeaderATxt != undefined){
  instructHeaderATxt = pageIcon.templateData.modelAnswer[projPI].instructHeaderATxt;
} else {
  instructHeaderATxt = "The instruction and question on page";
}

if (pageIcon.templateData.modelAnswer[projPI].instructHeaderBTxt != undefined){
  instructHeaderBTxt = pageIcon.templateData.modelAnswer[projPI].instructHeaderBTxt;
} else {
  instructHeaderBTxt = "was";
}

if (pageIcon.templateData.modelAnswer[projPI].responseHeaderTxt != undefined){
  responseHeaderTxt = pageIcon.templateData.modelAnswer[projPI].responseHeaderTxt;
} else {
  responseHeaderTxt = "Your response was:";
}

if (pageIcon.templateData.modelAnswer[projPI].noAnswerHeaderTxt != undefined){
  noAnswerHeaderTxt = pageIcon.templateData.modelAnswer[projPI].noAnswerHeaderTxt;
} else {
  noAnswerHeaderTxt = "You didn't answer this question.";
}

if (pageIcon.templateData.modelAnswer[projPI].exampleHeaderTxt != undefined){
  exampleHeaderTxt = pageIcon.templateData.modelAnswer[projPI].exampleHeaderTxt;
} else {
  exampleHeaderTxt = "The example answer was:";
}


align = pageIcon.templateData.modelAnswer[projPI].align;

panelWidth = pageIcon.templateData.modelAnswer[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 150;
} else {
  panelW = 760;
  textW = 0;
}


if (pageIcon.templateData.modelAnswer[projPI].narration != undefined){
  narration = pageIcon.templateData.modelAnswer[projPI].narration;
  rootIcon.broadcast('showAudio');
}

if (mytracking == undefined){ 
  mytracking = new Array();
}]]></SCR>
		<DIS w="panelW" h="474" tabIndex="-1" id="panel" name="panel" x="align == 'Right' ? 20 : 780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<DIS name="instruction" x="align == 'Right' ? 40 + panelW : 20" y="panel._y" w="740 - panelW" h="10" type="text"><![CDATA[{pageIcon.templateData.modelAnswer[projPI].text}]]></DIS>
		<DIS textColour="#333333" id="prpt" name="question" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.modelAnswer[projPI].prompt}

]]></DIS>
		<SCR name="setupImage"><![CDATA[if (pageIcon.templateData.modelAnswer[projPI].image == undefined && icon.built != 'true'){
  icon.built = 'true';
  icon.parentNode.getChildByName("optionalImage").removeNode();
  icon.parentNode.getChildByName("loadImage").removeNode();
}

nextY = prpt._y + prpt._height + 20;]]></SCR>
		<DIS toolTip="{pageIcon.templateData.modelAnswer[projPI].tooltip}" id="img" name="optionalImage" x="prpt._x" y="prpt._y + prpt._height + 20" type="ext" url="{pageIcon.templateData.modelAnswer[projPI].image}"><![CDATA[]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="img" erase="1" exit="1">
				<SCR name="size"><![CDATA[//img.constrain(prpt._width, prpt._width);
//commented the above and set max height to 100
img.constrain(prpt._width, 180);
nextY = nextY + img._height + 20;]]></SCR>
			</RES>
		</INT>
		<INT name="text entry" perpetual="1">
			<RES id="textentry" rs="myrs" background="0xFFFFFF" name="textentry" type="textEntry" x="prpt._x" y="nextY" w="prpt._width" h="100" phrase="" scrolling="1" border="1" erase="0" exit="0">
				<SCR name="track"><![CDATA[mytracking[rootIcon.currentPage] = myrs.text;]]></SCR>
				<SCR name="remember text entry"><![CDATA[
//create the array if not yet created
if (compareanswerresults == undefined){ 
  compareanswerresults = new Array();
}
//build the combined results
compareanswercombined= instructHeaderATxt + " " + (rootIcon.currentPage+1) + " " + instructHeaderBTxt + " " + chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].text+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].prompt+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined + responseHeaderTxt + " " +chr(13)+chr(10);

//if the current question has been answered add response to combined result 
//but if not add you didn't answer this question
if (mytracking[rootIcon.currentPage]!=undefined){
  compareanswercombined=compareanswercombined+mytracking[rootIcon.currentPage]+" "+chr(13)+chr(10)+chr(13)+chr(10);
}else{
compareanswercombined=compareanswercombined+" "+ noAnswerHeaderTxt + " "+chr(13)+chr(10)+chr(13)+chr(10);
}
compareanswercombined=compareanswercombined + exampleHeaderTxt + " "+chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].feedback+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined+" ----------------------------------------------------------- "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswerresults[(rootIcon.currentPage)]=compareanswercombined;

//initailize variable
displaycompareanswerresults="";
//loop through array and only add to var if not undefined
for (i = 0; i < compareanswerresults.length; i++){
  if (compareanswerresults[i]!=undefined){
    displaycompareanswerresults=displaycompareanswerresults+compareanswerresults[i];
  }
}
]]></SCR>
			</RES>
		</INT>
		<SCR name="set button label and width and position"><![CDATA[if(mytracking[rootIcon.currentPage]!=undefined){
  myrs.text=mytracking[rootIcon.currentPage];
}
myrs.multiline = true;

//if an optional button label has been set change the label
if (pageIcon.templateData.modelAnswer[projPI].label != undefined){
  feedbackBtnTxt=pageIcon.templateData.modelAnswer[projPI].label;
  //change the button width
  //there may well be a better equation than the following but this does work
  feedbackBtnWidth=pageIcon.templateData.modelAnswer[projPI].label.length*6+25;
}

btnY = nextY +100 + 20;
feedbackY=btnY+40;]]></SCR>
		<INT name="button interaction" perpetual="1">
			<RES toolTip="{feedbackBtnTip}" id="btn" w="feedbackBtnWidth" rs="btn" swf="templatePath + 'common/button.swf'" name="button" type="button" x="prpt._x" y="btnY" label="{feedbackBtnTxt}" erase="1" exit="0">
				<SCR name="set feedback"><![CDATA[modleanswerfeedback=pageIcon.templateData.modelAnswer[projPI].feedback + chr(13) + chr(13);
if (pageIcon.templateData.modelAnswer[projPI].copypasteinfo != undefined){
modleanswerfeedback=modleanswerfeedback + '<font size="10" color="#ff3333">'+pageIcon.templateData.modelAnswer[projPI].copypasteinfo+'</font>';
}]]></SCR>
				<DIS id="feedback" scrolling="auto" textColour="#333333" name="feedback" x="prpt._x" y="feedbackY" w="panelW - 40" h="474 - (feedbackY + btn._height) " type="text"><![CDATA[{modleanswerfeedback}]]></DIS>
				<SCR name="copy to clipboard"><![CDATA[texttopaste= instructHeaderATxt + " " + (rootIcon.currentPage+1) + " " + instructHeaderBTxt + " " + chr(13)+chr(10);
texttopaste=texttopaste+pageIcon.templateData.modelAnswer[projPI].prompt+chr(13)+chr(10)+chr(13)+chr(10);
texttopaste=texttopaste + responseHeaderTxt + " "+chr(13)+chr(10);

if (mytracking[rootIcon.currentPage]!=undefined){
texttopaste=texttopaste+mytracking[rootIcon.currentPage] +chr(13)+chr(10)+chr(13)+chr(10);
}else{
texttopaste=texttopaste + noAnswerHeaderTxt + " " +chr(13)+chr(10)+chr(13)+chr(10);
}
texttopaste=texttopaste + exampleHeaderTxt + " " +chr(13)+chr(10);
texttopaste=texttopaste+pageIcon.templateData.modelAnswer[projPI].feedback;
System.setClipboard(texttopaste);

]]></SCR>
			</RES>
		</INT>
		<SCR name="compare answer results"><![CDATA[//myrs.text=mytracking[rootIcon.currentPage];

//create the array if not yet created
if (compareanswerresults == undefined){ 
  compareanswerresults = new Array();
}
//build the combined results
compareanswercombined= instructHeaderATxt + " " + (rootIcon.currentPage+1)+" " + instructHeaderBTxt +chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].text+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].prompt+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined+responseHeaderTxt+" "+chr(13)+chr(10);

//if the current question has been answered add response to combined result 
//but if not add you didn't answer this question
if (mytracking[rootIcon.currentPage]!=undefined){
compareanswercombined=compareanswercombined+mytracking[rootIcon.currentPage]+" "+chr(13)+chr(10)+chr(13)+chr(10);
}else{
  compareanswercombined=compareanswercombined+noAnswerHeaderTxt+" "+chr(13)+chr(10)+chr(13)+chr(10);
}
compareanswercombined=compareanswercombined+exampleHeaderTxt+" "+chr(13)+chr(10);
compareanswercombined=compareanswercombined+pageIcon.templateData.modelAnswer[projPI].feedback+" "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswercombined=compareanswercombined+" ----------------------------------------------------------- "+chr(13)+chr(10)+chr(13)+chr(10);
compareanswerresults[(rootIcon.currentPage)]=compareanswercombined;

//initailize variable
displaycompareanswerresults="";
//loop through array and only add to var if not undefined
for (i = 0; i < compareanswerresults.length; i++){
  if (compareanswerresults[i]!=undefined){
    displaycompareanswerresults=displaycompareanswerresults+compareanswerresults[i];
  }
}]]></SCR>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/modify.rlm b/modules/xerte/parent_templates/Nottingham/models/modify.rlm
index ab1333d29d..1c880bf946 100644
--- a/modules/xerte/parent_templates/Nottingham/models/modify.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/modify.rlm
@@ -1 +1 @@
-	<PG title="Modify" name="modify">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.modify[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

// set up text strings
if (pageIcon.templateData.modify[projPI].feedbackBtnTxt != undefined){
  feedbackBtnTxt = pageIcon.templateData.modify[projPI].feedbackBtnTxt;
} else {  
  feedbackBtnTxt = "Feedback";
}

if (pageIcon.templateData.modify[projPI].feedbackBtnTip != undefined){
  feedbackBtnTip = pageIcon.templateData.modify[projPI].feedbackBtnTip;
} else {
  feedbackBtnTip = "Feedback";
}

if (pageIcon.templateData.modify[projPI].feedbackBtnWidth != undefined){
  feedbackBtnWidth = pageIcon.templateData.modify[projPI].feedbackBtnWidth;
} else {
  feedbackBtnWidth = "80";
}

if (pageIcon.templateData.modify[projPI].answerHeaderTxt != undefined){
  answerHeaderTxt = pageIcon.templateData.modify[projPI].answerHeaderTxt;
} else {
  answerHeaderTxt = "Write your answer here:";
}


if (pageIcon.templateData.modify[projPI].narration != undefined){
  narration = pageIcon.templateData.modify[projPI].narration;
  rootIcon.broadcast('showAudio');
}]]></SCR>
		<DIS scrolling="auto" name="instruction" x="20" y="20" w="600" h="475" type="text"><![CDATA[{pageIcon.templateData.modify[projPI].instruction}]]></DIS>
		<DIS textColour="0x333333" id="prpt" scrolling="auto" name="prompt" x="20" y="_ytile + 20" w="600" h="100" type="text"><![CDATA[{pageIcon.templateData.modify[projPI].text}]]></DIS>
		<DIS textColour="0x333333" id="label" scrolling="auto" name="label" x="20" y="_ytile + 100" w="600" h="100" type="text"><![CDATA[{answerHeaderTxt}]]></DIS>
		<SCR name="getY"><![CDATA[prpt.beginFill(0xFFFFFF,100);
prpt.lineStyle(0,STYLES.statusBarColour, 100);
prpt.drawRect(0,0,600,100);

cY = _ytile;]]></SCR>
		<INT name="textEntry" perpetual="1">
			<RES rs="te" background="0xFFFFFF" name="textEntry" type="textEntry" x="20" y="cY" w="600" h="100" phrase="*" scrolling="1" border="1" erase="1" exit="0" />
			<RES toolTip="{feedbackBtnTip}" w="feedbackBtnWidth" swf="templatePath + 'common/button.swf'" name="showAnswer" type="button" x="20" y="cY + 120"  label="{feedbackBtnTxt}" erase="1" exit="0">
				<SCR name="calcHeight"><![CDATA[fbH = 514 - (cY + 120 + 60);

if (fbH > 100){
 fbH = 100;
}]]></SCR>
				<DIS textColour="#333333" id="ans" scrolling="auto" name="answer" x="20" y="cY + 160" w="600" h="fbH" type="text"><![CDATA[{pageIcon.templateData.modify[projPI].answer}]]></DIS>
				<SCR name="drawAns"><![CDATA[ans.beginFill(0xFFFFFF,100);
ans.lineStyle(0,STYLES.statusBarColour, 100);
ans.drawRect(0,0,600,fbH);]]></SCR>
			</RES>
		</INT>
		<SCR name="drawTextEntry"><![CDATA[te.text = pageIcon.templateData.modify[projPI].prompt;
Selection.setFocus(te);]]></SCR>
	</PG>
\ No newline at end of file
+	<PG title="Modify" name="modify">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.modify[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

// set up text strings
if (pageIcon.templateData.modify[projPI].feedbackBtnTxt != undefined){
  feedbackBtnTxt = pageIcon.templateData.modify[projPI].feedbackBtnTxt;
} else {  
  feedbackBtnTxt = "Feedback";
}

if (pageIcon.templateData.modify[projPI].feedbackBtnTip != undefined){
  feedbackBtnTip = pageIcon.templateData.modify[projPI].feedbackBtnTip;
} else {
  feedbackBtnTip = "Feedback";
}

if (pageIcon.templateData.modify[projPI].feedbackBtnWidth != undefined){
  feedbackBtnWidth = pageIcon.templateData.modify[projPI].feedbackBtnWidth;
} else {
  feedbackBtnWidth = "80";
}

if (pageIcon.templateData.modify[projPI].answerHeaderTxt != undefined){
  answerHeaderTxt = pageIcon.templateData.modify[projPI].answerHeaderTxt;
} else {
  answerHeaderTxt = "Write your answer here:";
}


if (pageIcon.templateData.modify[projPI].narration != undefined){
  narration = pageIcon.templateData.modify[projPI].narration;
  rootIcon.broadcast('showAudio');
}]]></SCR>
		<DIS scrolling="auto" name="instruction" x="20" y="20" w="600" h="475" type="text"><![CDATA[{pageIcon.templateData.modify[projPI].instruction}]]></DIS>
		<DIS textColour="0x333333" id="prpt" scrolling="auto" name="prompt" x="20" y="_ytile + 20" w="600" h="100" type="text"><![CDATA[{pageIcon.templateData.modify[projPI].text}]]></DIS>
		<DIS textColour="0x333333" id="label" scrolling="auto" name="label" x="20" y="_ytile + 100" w="600" h="100" type="text"><![CDATA[{answerHeaderTxt}]]></DIS>
		<SCR name="getY"><![CDATA[prpt.beginFill(0xFFFFFF,100);
prpt.lineStyle(0,STYLES.statusBarColour, 100);
prpt.drawRect(0,0,600,100);

cY = _ytile;]]></SCR>
		<INT name="textEntry" perpetual="1">
			<RES rs="te" background="0xFFFFFF" name="textEntry" type="textEntry" x="20" y="cY" w="600" h="100" phrase="*" scrolling="1" border="1" erase="1" exit="0" />
			<RES toolTip="{feedbackBtnTip}" w="feedbackBtnWidth" swf="templatePath + 'common/button.swf'" name="showAnswer" type="button" x="20" y="cY + 120" label="{feedbackBtnTxt}" erase="1" exit="0">
				<SCR name="calcHeight"><![CDATA[fbH = 514 - (cY + 120 + 60);

if (fbH > 100){
 fbH = 100;
}]]></SCR>
				<DIS textColour="#333333" id="ans" scrolling="auto" name="answer" x="20" y="cY + 160" w="600" h="fbH" type="text"><![CDATA[{pageIcon.templateData.modify[projPI].answer}]]></DIS>
				<SCR name="drawAns"><![CDATA[ans.beginFill(0xFFFFFF,100);
ans.lineStyle(0,STYLES.statusBarColour, 100);
ans.drawRect(0,0,600,fbH);]]></SCR>
			</RES>
		</INT>
		<SCR name="drawTextEntry"><![CDATA[te.text = pageIcon.templateData.modify[projPI].prompt;
Selection.setFocus(te);]]></SCR>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/newWindow.rlm b/modules/xerte/parent_templates/Nottingham/models/newWindow.rlm
index 320e80d93a..f862e59002 100644
--- a/modules/xerte/parent_templates/Nottingham/models/newWindow.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/newWindow.rlm
@@ -1 +1 @@
-	<PG language="en-GB" title="New Window" name="newWindow">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.newWindow[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 


if (pageIcon.templateData.newWindow[projPI].previewImage.indexOf('http') == 0){
  previewImage = "'" + pageIcon.templateData.newWindow[projPI].previewImage + "'";
} else {
  previewImage = pageIcon.templateData.newWindow[projPI].previewImage;
}


params = new Object();
params.url =  pageIcon.templateData.newWindow[projPI].url;
params.width =  pageIcon.templateData.newWindow[projPI].windowWidth;
params.height =  pageIcon.templateData.newWindow[projPI].windowHeight;

if (pageIcon.templateData.newWindow[projPI].htm != undefined){
  params.html = pageIcon.templateData.newWindow[projPI].htm;
  debug(params.html);
}

if (pageIcon.templateData.newWindow[projPI].narration != undefined){
  narration = pageIcon.templateData.newWindow[projPI].narration;
  rootIcon.broadcast('showAudio');
}]]></SCR>
		<SCR isFunc="1" name="launchNewWindow"><![CDATA[if (pageIcon.templateData.newWindow[projPI].htm != undefined){
  callJS('createWindow', params);
} else {
  callJS('openWindow', params);
}

]]></SCR>
		<DIS tabIndex="-1" id="panel" name="panel" x="-300" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on


]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.newWindow[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="coded" y="30" type="ext" url="{previewImage}"><![CDATA[{pageIcon.templateData.newWindow[projPI].tip}
]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[graphic.constrain(465,465);

//resize the panel to the graphic
panel._width = graphic._width + 20;
panel._height = graphic._height + 20;

panel._x = stageWidth - panel._width - 20;
graphic._x = panel._x + 10;
textX = 20;
textY = 20;
textWidth = stageWidth - 80 - graphic._width;

graphic.useHandCursor = true;


]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.newWindow[projPI].text + '<br><br><a href="asfunction:_level0.engine.launchNewWindow">' + pageIcon.templateData.newWindow[projPI].tip + '</a>'}]]></DIS>
		<INT name="launch" perpetual="0">
			<RES name="onRelease" type="event" eventName="onRelease" icon="graphic" erase="1" exit="0">
				<SCR name="calculate"><![CDATA[launchNewWindow();


]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
+	<PG title="New Window" name="newWindow">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.newWindow[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 


if (pageIcon.templateData.newWindow[projPI].previewImage.indexOf('http') == 0){
  previewImage = "'" + pageIcon.templateData.newWindow[projPI].previewImage + "'";
} else {
  previewImage = pageIcon.templateData.newWindow[projPI].previewImage;
}


params = new Object();
params.url =  pageIcon.templateData.newWindow[projPI].url;
params.width =  pageIcon.templateData.newWindow[projPI].windowWidth;
params.height =  pageIcon.templateData.newWindow[projPI].windowHeight;

if (pageIcon.templateData.newWindow[projPI].htm != undefined){
  params.html = pageIcon.templateData.newWindow[projPI].htm;
  debug(params.html);
}

if (pageIcon.templateData.newWindow[projPI].narration != undefined){
  narration = pageIcon.templateData.newWindow[projPI].narration;
  rootIcon.broadcast('showAudio');
}]]></SCR>
		<SCR isFunc="1" name="launchNewWindow"><![CDATA[if (pageIcon.templateData.newWindow[projPI].htm != undefined){
  callJS('createWindow', params);
} else {
  callJS('openWindow', params);
}

]]></SCR>
		<DIS tabIndex="-1" id="panel" name="panel" x="-300" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on


]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.newWindow[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="coded" y="30" type="ext" url="{previewImage}"><![CDATA[{pageIcon.templateData.newWindow[projPI].tip}
]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[graphic.constrain(465,465);

//resize the panel to the graphic
panel._width = graphic._width + 20;
panel._height = graphic._height + 20;

panel._x = stageWidth - panel._width - 20;
graphic._x = panel._x + 10;
textX = 20;
textY = 20;
textWidth = stageWidth - 80 - graphic._width;

graphic.useHandCursor = true;


]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.newWindow[projPI].text + '<br><br><a href="asfunction:_level0.engine.launchNewWindow">' + pageIcon.templateData.newWindow[projPI].tip + '</a>'}]]></DIS>
		<INT name="launch" perpetual="0">
			<RES name="onRelease" type="event" eventName="onRelease" icon="graphic" erase="1" exit="0">
				<SCR name="calculate"><![CDATA[launchNewWindow();


]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/quiz.rlm b/modules/xerte/parent_templates/Nottingham/models/quiz.rlm
index a94423e665..55a2f080fb 100644
--- a/modules/xerte/parent_templates/Nottingham/models/quiz.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/quiz.rlm
@@ -1 +1 @@
-	<PG title="Quiz" name="quiz">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // establish page location issues that affect navigation calls
  // establish container   
  myLocXML = String(icon.parentNode.parentNode);  
  myLocXML = myLocXML.substr(1,3);  
  if (myLocXML == "IFC"){    
    container = "Interface";
  } else if (myLocXML == "FW ") {  
    container = "Framework";
  }  else { 
    // unspecified    
    container = "U";  
  }  
  // establish navigationOffset to cope with effect of an entryFrame
  firstC = String(icon.parentNode.parentNode.firstChild);
  firstC = firstC.substr(1,6);
  if (firstC == "FW_ENT") {
    navigationOffset = 1;   // use - navigationOffset
  } else {   
    navigationOffset = 0;
  }  

} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

  navigationOffset = 1;
  container = "Interface";
}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.quiz[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

//make questions

if (icon.attributes.built != 'true'){
  icon.parentNode.getChildByName("questions").firstChild.duplicate(pageIcon.templateData.quiz[projPI].question.length - 1);
  icon.attributes.built = 'true';

}

quizPageTracking = new Array();
quizScoreTracking = new Array();

align = pageIcon.templateData.quiz[projPI].align;

//sequencing
if (pageIcon.templateData.quiz[projPI].order == 'random'){
  icon.parentNode.getChildByName("questions").attributes.branch = 'randomUnused';
} else {
  icon.parentNode.getChildByName("questions").attributes.branch = 'sequence';
}



//number of questions

if (pageIcon.templateData.quiz[projPI].numQuestions == undefined || pageIcon.templateData.quiz[projPI].numQuestions.toLowerCase() == 'all'){
  icon.parentNode.getChildByName("questions").attributes.repeat = 'all';
  qCount = pageIcon.templateData.quiz[projPI].question.length;
} else {
  icon.parentNode.getChildByName("questions").attributes.repeat = pageIcon.templateData.quiz[projPI].numQuestions;
  qCount = pageIcon.templateData.quiz[projPI].numQuestions;
}

panelWidth = pageIcon.templateData.quiz[projPI].panelWidth;

if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 150;
} else {
  panelW = 760;
  textW = 0;
}
//video?
if (pageIcon.templateData.quiz[projPI].video != undefined){
  panelW = 450;
  textW = 290;
}

// language string set up
if (pageIcon.templateData.quiz[projPI].quesCount != undefined){
	  quesCount = pageIcon.templateData.quiz[projPI].quesCount; 
	  feedbackLabel = pageIcon.templateData.quiz[projPI].feedbackLabel;
	  singleRight = pageIcon.templateData.quiz[projPI].singleRight; 
	  singleWrong = pageIcon.templateData.quiz[projPI].singleWrong;
	  multiRight = pageIcon.templateData.quiz[projPI].multiRight;
	  multiWrong = pageIcon.templateData.quiz[projPI].multiWrong; 
	  onCompletion = pageIcon.templateData.quiz[projPI].onCompletion; 
	  scoreText = pageIcon.templateData.quiz[projPI].score;
	  submitBtnText = pageIcon.templateData.quiz[projPI].submitBtnText;
	  submitBtnTip = pageIcon.templateData.quiz[projPI].submitBtnTip;
	  submitBtnWidth = pageIcon.templateData.quiz[projPI].submitBtnWidth;
	  nextBtnText = pageIcon.templateData.quiz[projPI].nextBtnText;
	  nextBtnTip = pageIcon.templateData.quiz[projPI].nextBtnTip;
	  nextBtnWidth = pageIcon.templateData.quiz[projPI].nextBtnWidth;
	  restartBtnText = pageIcon.templateData.quiz[projPI].restartBtnText;
	  restartBtnTip = pageIcon.templateData.quiz[projPI].restartBtnTip;
	  restartBtnWidth = pageIcon.templateData.quiz[projPI].restartBtnWidth;
} else {
	  quesCount="Question {i} of {n}";
	  feedbackLabel="Feedback"; 
	  singleRight="Your answer is correct";
	  singleWrong="Your answer is incorrect";
	  multiRight="You have selected all the correct answers"; 
	  multiWrong="You have not selected the correct combination of answers"; 
	  onCompletion="You have completed the exercise";
	  scoreText="You scored {i}/{n}";
	  submitBtnText="Submit";
	  submitBtnTip="Submit Answer";
	  submitBtnWidth="100"; 
	  nextBtnText="Next";
	  nextBtnTip="Next Question";
	  nextBtnWidth="100"; 
	  restartBtnText="Restart";
	  restartBtnTip="Restart Quiz";
	  restartBtnWidth="100"

}

if (pageIcon.templateData.quiz[projPI].narration != undefined){
  narration = pageIcon.templateData.quiz[projPI].narration;
  rootIcon.broadcast('showAudio');
}]]></SCR>
		<DIS tabIndex="-1" id="panel" h="474" w="panelW" name="panel" x="align == 'left' ? 20 : 780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//ok to move on



]]></SCR>
			</RES>
		</INT>
		<DIS id="instr" name="intructions" x="align == 'left' ? panel._x + panel._width + 20 : 20" y="20" w="textW" h="10" type="text"><![CDATA[{pageIcon.templateData.quiz[projPI].instructions}]]></DIS>
		<SCR name="movie"><![CDATA[if (pageIcon.templateData.quiz[projPI].video == undefined){
  if (icon.built != true){
    icon.nextSibling.removeNode();
    icon.built = true;
  }
}]]></SCR>
		<MOV w="290" name="[Untitled]" x="instr._x" y="instr._y + instr._height + 20" url="{pageIcon.templateData.quiz[projPI].video}" controls="1" play="0"><![CDATA[]]></MOV>
		<DEC id="quiz" name="questions" repeat="all" branch="blaH" pause="0" erase="1" eraseOnExit="0">
			<PG name="protoQuestion">
				<SCR name="setup"><![CDATA[if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].image != undefined){
  prptWidth = (panelW / 2) - 30;
} else {
  icon.parentNode.getChildByName("loader").removeNode();
  prptWidth = panelW - 40;
}

quizPrompt = "<b>" + quesCount + "</b>";
quizPrompt = replace(quizPrompt, "{i}", quiz.repCount);
quizPrompt = replace(quizPrompt, "{n}", qCount);

//if (nQValue == "n"){
//  quizPrompt = quizPrompt + quiz.repCount + " " + betweenQuesCount + " " + qCount + " " + afterQuesCount + "</b>";
//} else {
//  quizPrompt = quizPrompt + qCount + " " + betweenQuesCount + " " + quiz.repCount + " " + afterQuesCount + "</b>";
//}  

quizPrompt = quizPrompt + "<br><br>" + pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].prompt;
  
]]></SCR>
				<DIS textColour="#000000" id="prpt" name="Prompt" x="panel._x + 20" y="panel._y + 20" w="prptWidth" h="10" type="text"><![CDATA[{quizPrompt}]]></DIS>
				<DIS tabIndex="-1" id="image" name="image" x="prpt._x + prpt._width + 20" y="prpt._y" type="ext" url="{pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].image}"><![CDATA[]]></DIS>
				<INT name="loader" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="image" erase="1" exit="1">
						<SCR name="resize"><![CDATA[image.constrain(prptWidth, panel._height - 40);
p = image._width / image._height;

image._x = panel._x + panel._width - 20 - image._width;]]></SCR>
					</RES>
				</INT>
				<SCR name="makeOptions"><![CDATA[ln = pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].option.length;
if (ln > 2 && icon.attributes.built != 'true'){
  icon.nextSibling.childNodes[1].duplicate(ln - 2);
  icon.attributes.built = 'true';
}

//multi answer?
if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Multiple Answer'){
  for (i = 0; i < ln; i++){
    icon.nextSibling.childNodes[i].attributes.type="checkBox";
  }
}

optionTracking = new Array();
for (i = 0; i < ln; i++){
  optionTracking[i] = 0;
  if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].option[i].correct == 'true'){
    icon.nextSibling.childNodes[i].attributes.correct = 1;
  } else {
    icon.nextSibling.childNodes[i].attributes.correct = 0;
  }
}]]></SCR>
				<INT id="ques" name="protoInteraction" perpetual="0">
					<RES w="prptWidth" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="prpt._y + prpt._height + 20" label="{pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].option[icon.index()].text}" group="grp" erase="1" exit="0">
						<SCR name="judge"><![CDATA[//track the question
if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
} 
btnSubmit.setEnabled(true);
]]></SCR>
					</RES>
					<RES w="prptWidth" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="_ytile + 10" label="{pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].option[icon.index()].text}" group="grp" erase="1" exit="0">
						<SCR name="judge"><![CDATA[//track the question
if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
} 
btnSubmit.setEnabled(true);
]]></SCR>
					</RES>
					<RES w="submitBtnWidth" toolTip="{submitBtnTip}" swf="templatePath + 'common/button.swf'" enabled="false" rs="btnSubmit" name="submit" type="button" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{submitBtnText}" erase="1" exit="0">
						<SCR name="makeFeedback"><![CDATA[//single answer feedback
fb = "";
for (i = 0; i < ln; i++){
  if (optionTracking[i] == 1){
    fb += pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].option[i].feedback + '\r\r';
  }
}

fb = '<b>' + feedbackLabel + '</b><br>' + fb;
if (pageIcon.templateData.quiz[projPI].judge == 'true'){  
  if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Single Answer'){
    if (ques.judge()){
      fb+= singleRight ;
    } else {
      fb += singleWrong; 
    }
  } else {  
    if (ques.judge()){
      fb+= multiRight;
    } else {
      fb += multiWrong; 
    }
  }
}
//track the scorm score?
if (ques.judge()){
  quizScoreTracking[quiz.repCount - 1] = 1;
} else {
  quizScoreTracking[quiz.repCount - 1] = 0;
}

]]></SCR>
						<DIS scrolling="auto" textColour="#000000" name="feedback" x="btnSubmit._x" y="btnSubmit._y + btnSubmit._height + 20" w="prptWidth" h="474 - (btnSubmit._y + btnSubmit._height) - 40" type="text"><![CDATA[{fb}]]></DIS>
						<SCR name="enableNext"><![CDATA[btnNext.setEnabled(true);

]]></SCR>
					</RES>
					<RES w="nextBtnWidth" toolTip="{nextBtnTip}" enabled="false" rs="btnNext" swf="templatePath + 'common/button.swf'" name="next" type="button" x="icon.previousSibling.clip()._x" y="455" label="{nextBtnText}" erase="1" exit="1">
						<SCR name="next"><![CDATA[//move on]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
		<SCR name="scorm"><![CDATA[score = Math.ceil(quizScoreTracking.sum() / quizScoreTracking.length * 100);
if (pageIcon.templateData.quiz[projPI].scorm == 'Track Last Score'){
  _level0.setValue('cmi.core.score.raw', String(score));

}
if (pageIcon.templateData.quiz[projPI].scorm == 'Track First Score'){
  if (isNaN(_level0.getValue('cmi.core.score.raw'))){
    _level0.setValue('cmi.core.score.raw', String(score));

  }
}

fb = '<b>' + onCompletion + '</b><br><br>' + pageIcon.templateData.quiz[projPI].feedback;

if (pageIcon.templateData.quiz[projPI].judge == 'true'){
  s = scoreText;
  s = replace(s, "{i}", quizScoreTracking.sum());
  s = replace(s, "{n}", quizScoreTracking.length);
  fb += '<br><br>' + s;
}
]]></SCR>
		<DIS id="finalScore" name="finalScore" x="panel._x + 20" y="panel._y + 20" w="400" h="10" type="text"><![CDATA[{fb}]]></DIS>
		<INT name="restart" perpetual="0">
			<RES w="restartBtnWidth" toolTip="{restartBtnTip}" swf="templatePath + 'common/button.swf'" name="restart" type="button" x="finalScore._x" y="finalScore._y + finalScore._height + 20" label="{restartBtnText}" erase="1" exit="0">
				<SCR name="restart"><![CDATA[if (container == "Framework"){
    fwXML = icon.findParentByType('FW');
    pageNum = fwXML.clip().currentPage;
    fwXML.clip().gotoPage(pageNum);
    }
else
{    
   // use for projects
   rootIcon.gotoPage(rootIcon.getPageIndex() - navigationOffset);
}]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
+	<PG title="Quiz" name="quiz">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
  
  // establish page location issues that affect navigation calls
  // establish container   
  myLocXML = String(icon.parentNode.parentNode);  
  myLocXML = myLocXML.substr(1,3);  
  if (myLocXML == "IFC"){    
    container = "Interface";
  } else if (myLocXML == "FW ") {  
    container = "Framework";
  }  else { 
    // unspecified    
    container = "U";  
  }  
  // establish navigationOffset to cope with effect of an entryFrame
  firstC = String(icon.parentNode.parentNode.firstChild);
  firstC = firstC.substr(1,6);
  if (firstC == "FW_ENT") {
    navigationOffset = 1;   // use - navigationOffset
  } else {   
    navigationOffset = 0;
  }  

} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

  navigationOffset = 1;
  container = "Interface";
}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.quiz[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

//make questions

if (icon.attributes.built != 'true'){
  icon.parentNode.getChildByName("questions").firstChild.duplicate(pageIcon.templateData.quiz[projPI].question.length - 1);
  icon.attributes.built = 'true';

}

quizPageTracking = new Array();
quizScoreTracking = new Array();

align = pageIcon.templateData.quiz[projPI].align;

//sequencing
if (pageIcon.templateData.quiz[projPI].order == 'random'){
  icon.parentNode.getChildByName("questions").attributes.branch = 'randomUnused';
} else {
  icon.parentNode.getChildByName("questions").attributes.branch = 'sequence';
}



//number of questions

if (pageIcon.templateData.quiz[projPI].numQuestions == undefined || pageIcon.templateData.quiz[projPI].numQuestions.toLowerCase() == 'all'){
  icon.parentNode.getChildByName("questions").attributes.repeat = 'all';
  qCount = pageIcon.templateData.quiz[projPI].question.length;
} else {
  icon.parentNode.getChildByName("questions").attributes.repeat = pageIcon.templateData.quiz[projPI].numQuestions;
  qCount = pageIcon.templateData.quiz[projPI].numQuestions;
}

panelWidth = pageIcon.templateData.quiz[projPI].panelWidth;

if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 150;
} else {
  panelW = 760;
  textW = 0;
}
//video?
if (pageIcon.templateData.quiz[projPI].video != undefined){
  panelW = 450;
  textW = 290;
}

// language string set up
if (pageIcon.templateData.quiz[projPI].quesCount != undefined){
	  quesCount = pageIcon.templateData.quiz[projPI].quesCount; 
	  feedbackLabel = pageIcon.templateData.quiz[projPI].feedbackLabel;
	  singleRight = pageIcon.templateData.quiz[projPI].singleRight; 
	  singleWrong = pageIcon.templateData.quiz[projPI].singleWrong;
	  multiRight = pageIcon.templateData.quiz[projPI].multiRight;
	  multiWrong = pageIcon.templateData.quiz[projPI].multiWrong; 
	  onCompletion = pageIcon.templateData.quiz[projPI].onCompletion; 
	  scoreText = pageIcon.templateData.quiz[projPI].score;
	  submitBtnText = pageIcon.templateData.quiz[projPI].submitBtnText;
	  submitBtnTip = pageIcon.templateData.quiz[projPI].submitBtnTip;
	  submitBtnWidth = pageIcon.templateData.quiz[projPI].submitBtnWidth;
	  nextBtnText = pageIcon.templateData.quiz[projPI].nextBtnText;
	  nextBtnTip = pageIcon.templateData.quiz[projPI].nextBtnTip;
	  nextBtnWidth = pageIcon.templateData.quiz[projPI].nextBtnWidth;
	  restartBtnText = pageIcon.templateData.quiz[projPI].restartBtnText;
	  restartBtnTip = pageIcon.templateData.quiz[projPI].restartBtnTip;
	  restartBtnWidth = pageIcon.templateData.quiz[projPI].restartBtnWidth;
} else {
	  quesCount="Question {i} of {n}";
	  feedbackLabel="Feedback"; 
	  singleRight="Your answer is correct";
	  singleWrong="Your answer is incorrect";
	  multiRight="You have selected all the correct answers"; 
	  multiWrong="You have not selected the correct combination of answers"; 
	  onCompletion="You have completed the exercise";
	  scoreText="You scored {i}/{n}";
	  submitBtnText="Submit";
	  submitBtnTip="Submit Answer";
	  submitBtnWidth="100"; 
	  nextBtnText="Next";
	  nextBtnTip="Next Question";
	  nextBtnWidth="100"; 
	  restartBtnText="Restart";
	  restartBtnTip="Restart Quiz";
	  restartBtnWidth="100"

}

if (pageIcon.templateData.quiz[projPI].narration != undefined){
  narration = pageIcon.templateData.quiz[projPI].narration;
  rootIcon.broadcast('showAudio');
}]]></SCR>
		<DIS tabIndex="-1" id="panel" h="474" w="panelW" name="panel" x="align == 'left' ? 20 : 780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//ok to move on



]]></SCR>
			</RES>
		</INT>
		<DIS id="instr" name="intructions" x="align == 'left' ? panel._x + panel._width + 20 : 20" y="20" w="textW" h="10" type="text"><![CDATA[{pageIcon.templateData.quiz[projPI].instructions}]]></DIS>
		<SCR name="movie"><![CDATA[if (pageIcon.templateData.quiz[projPI].video == undefined){
  if (icon.built != true){
    icon.nextSibling.removeNode();
    icon.built = true;
  }
}]]></SCR>
		<MOV w="290" name="[Untitled]" x="instr._x" y="instr._y + instr._height + 20" url="{pageIcon.templateData.quiz[projPI].video}" controls="1" play="0"><![CDATA[]]></MOV>
		<DEC id="quiz" name="questions" repeat="all" branch="blaH" pause="0" erase="1" eraseOnExit="0">
			<PG name="protoQuestion">
				<SCR name="setup"><![CDATA[if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].image != undefined){
  prptWidth = (panelW / 2) - 30;
} else {
  icon.parentNode.getChildByName("loader").removeNode();
  prptWidth = panelW - 40;
}

quizPrompt = "<b>" + quesCount + "</b>";
quizPrompt = replace(quizPrompt, "{i}", quiz.repCount);
quizPrompt = replace(quizPrompt, "{n}", qCount);

quizPrompt = quizPrompt + "<br><br>" + pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].prompt;
  
]]></SCR>
				<DIS textColour="#000000" id="prpt" name="Prompt" x="panel._x + 20" y="panel._y + 20" w="prptWidth" h="10" type="text"><![CDATA[{quizPrompt}]]></DIS>
				<DIS toolTip="{pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].tip}" tabIndex="-1" id="image" name="image" x="prpt._x + prpt._width + 20" y="prpt._y" type="ext" url="{pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].image}"><![CDATA[]]></DIS>
				<INT name="loader" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="image" erase="1" exit="1">
						<SCR name="resize"><![CDATA[image.constrain(prptWidth, panel._height - 40);
p = image._width / image._height;

image._x = panel._x + panel._width - 20 - image._width;]]></SCR>
					</RES>
				</INT>
				<SCR name="makeOptions"><![CDATA[ln = pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].option.length;
if (ln > 2 && icon.attributes.built != 'true'){
  icon.nextSibling.childNodes[1].duplicate(ln - 2);
  icon.attributes.built = 'true';
}

//multi answer?
if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Multiple Answer'){
  for (i = 0; i < ln; i++){
    icon.nextSibling.childNodes[i].attributes.type="checkBox";
  }
}

optionTracking = new Array();
for (i = 0; i < ln; i++){
  optionTracking[i] = 0;
  if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].option[i].correct == 'true'){
    icon.nextSibling.childNodes[i].attributes.correct = 1;
  } else {
    icon.nextSibling.childNodes[i].attributes.correct = 0;
  }
}]]></SCR>
				<INT id="ques" name="protoInteraction" perpetual="0">
					<RES w="prptWidth" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="prpt._y + prpt._height + 20" label="{pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].option[icon.index()].text}" group="grp" erase="1" exit="0">
						<SCR name="judge"><![CDATA[//track the question
if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
} 
btnSubmit.setEnabled(true);
]]></SCR>
					</RES>
					<RES w="prptWidth" textColour="#000000" name="protoOption" type="radio" x="prpt._x" y="_ytile + 10" label="{pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].option[icon.index()].text}" group="grp" erase="1" exit="0">
						<SCR name="judge"><![CDATA[//track the question
if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Single Answer'){
  for (i = 0; i < ln; i++){
    optionTracking[i] = 0;
  }
  optionTracking[icon.parentNode.index()] = 1;
} 

if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Multiple Answer'){
  if (icon.parentNode.clip().getValue() == true){
    optionTracking[icon.parentNode.index()] = 1;
  } else {
    optionTracking[icon.parentNode.index()] = 0;
  }
} 
btnSubmit.setEnabled(true);
]]></SCR>
					</RES>
					<RES w="submitBtnWidth" toolTip="{submitBtnTip}" swf="templatePath + 'common/button.swf'" enabled="false" rs="btnSubmit" name="submit" type="button" x="icon.previousSibling.clip()._x" y="_ytile + 10" label="{submitBtnText}" erase="1" exit="0">
						<SCR name="makeFeedback"><![CDATA[//single answer feedback
fb = "";
for (i = 0; i < ln; i++){
  if (optionTracking[i] == 1){
    fb += pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].option[i].feedback + '\r\r';
  }
}

fb = '<b>' + feedbackLabel + '</b><br>' + fb;
if (pageIcon.templateData.quiz[projPI].judge == 'true'){  
  if (pageIcon.templateData.quiz[projPI].question[quiz.getPageIndex()].type == 'Single Answer'){
    if (ques.judge()){
      fb+= singleRight ;
    } else {
      fb += singleWrong; 
    }
  } else {  
    if (ques.judge()){
      fb+= multiRight;
    } else {
      fb += multiWrong; 
    }
  }
}
//track the scorm score?
if (ques.judge()){
  quizScoreTracking[quiz.repCount - 1] = 1;
} else {
  quizScoreTracking[quiz.repCount - 1] = 0;
}

]]></SCR>
						<DIS scrolling="auto" textColour="#000000" name="feedback" x="btnSubmit._x" y="btnSubmit._y + btnSubmit._height + 20" w="prptWidth" h="474 - (btnSubmit._y + btnSubmit._height) - 40" type="text"><![CDATA[{fb}]]></DIS>
						<SCR name="enableNext"><![CDATA[btnNext.setEnabled(true);

]]></SCR>
					</RES>
					<RES w="nextBtnWidth" toolTip="{nextBtnTip}" enabled="false" rs="btnNext" swf="templatePath + 'common/button.swf'" name="next" type="button" x="icon.previousSibling.clip()._x" y="455" label="{nextBtnText}" erase="1" exit="1">
						<SCR name="next"><![CDATA[//move on]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
		<SCR name="scorm"><![CDATA[score = Math.ceil(quizScoreTracking.sum() / quizScoreTracking.length * 100);
if (pageIcon.templateData.quiz[projPI].scorm == 'Track Last Score'){
  _level0.setValue('cmi.core.score.raw', String(score));

}
if (pageIcon.templateData.quiz[projPI].scorm == 'Track First Score'){
  if (isNaN(_level0.getValue('cmi.core.score.raw'))){
    _level0.setValue('cmi.core.score.raw', String(score));

  }
}

fb = '<b>' + onCompletion + '</b><br><br>' + pageIcon.templateData.quiz[projPI].feedback;

if (pageIcon.templateData.quiz[projPI].judge == 'true'){
  s = scoreText;
  s = replace(s, "{i}", quizScoreTracking.sum());
  s = replace(s, "{n}", quizScoreTracking.length);
  fb += '<br><br>' + s;
}
]]></SCR>
		<DIS id="finalScore" name="finalScore" x="panel._x + 20" y="panel._y + 20" w="panel._width - 40" h="10" type="text"><![CDATA[{fb}]]></DIS>
		<INT name="restart" perpetual="0">
			<RES w="restartBtnWidth" toolTip="{restartBtnTip}" swf="templatePath + 'common/button.swf'" name="restart" type="button" x="finalScore._x" y="finalScore._y + finalScore._height + 20" label="{restartBtnText}" erase="1" exit="0">
				<SCR name="restart"><![CDATA[if (container == "Framework"){
    fwXML = icon.findParentByType('FW');
    pageNum = fwXML.clip().currentPage;
    fwXML.clip().gotoPage(pageNum);
    }
else
{    
   // use for projects
   rootIcon.gotoPage(rootIcon.getPageIndex() - navigationOffset);
}]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/rss.rlm b/modules/xerte/parent_templates/Nottingham/models/rss.rlm
index 0ffc3be0c2..2f078181aa 100644
--- a/modules/xerte/parent_templates/Nottingham/models/rss.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/rss.rlm
@@ -1 +1 @@
-	<PG title="RSS Feed" name="rss">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.rss[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  


align = pageIcon.templateData.rss[projPI].align;

if (pageIcon.templateData.rss[projPI].narration != undefined){
  narration = pageIcon.templateData.rss[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS tabIndex="-1" id="panel" h="474" w="500" name="panel" x="align == 'Left' ? 20 : 280" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<SCR name="getFeed"><![CDATA[if (templatePath.indexOf('modules/xerte') == -1){
  feedURL = pageIcon.templateData.rss[projPI].url;
} else {
  feedURL = _level0.site_url + 'rss_proxy.php?rss=' + pageIcon.templateData.rss[projPI].url;
}

req = new XML('<req/'>);
panel.sendAndLoad(req, feedURL);





]]></SCR>
		<DIS scrolling="auto" name="instruction" x="align == 'Left' ? 540 : 20" y="20" w="240" h="480" type="text"><![CDATA[{pageIcon.templateData.rss[projPI].text}]]></DIS>
		<INT name="loadFeed" perpetual="0">
			<RES name="onSendAndLoad" type="event" eventName="onSendAndLoad" icon="panel" erase="1" exit="1">
				<SCR name="parseFeed"><![CDATA[//which format - support rss 1.0 and 2.0 and atom 1.0
if (panel.serverXML.firstChild.nodeName.indexOf('rss') != -1 || panel.serverXML.firstChild.nodeName.indexOf('rdf') != -1){

  arr = panel.serverXML.findNodesByName('item');
  
  t = "<br>";
  for (i = 0; i < arr.length; i++){
    tempItem = arr[i].toObject();
    
    t += '<font color="#0000FF"><b><a href="' + tempItem.link + '" target="_blank">' + tempItem.title + '</a></b></font><br>';
    if (tempItem.description != undefined){
      t += '<font color="#333333">' + tempItem.description + '</font><br><br>';
    } else {
      t += '<br>';
    }
  }
} else if (panel.serverXML.firstChild.nodeName.indexOf('feed') != -1){
  
  arr = panel.serverXML.findNodesByName('entry');
  
  t = "<br>";
  for (i = 0; i < arr.length; i++){
    tempItem = arr[i].toObject();
    t += '<font color="#0000FF"><b><a href="' + tempItem.link[0].href + '" target="_blank">' + tempItem.title + '</a></b></font><br>';
    if (tempItem.summary != undefined){
      t+= '<font color="#333333">' + tempItem.summary + '</font><br><br>';
    } else {
      t+= '<br></p>';
    }
  }
}

]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" name="feedText" x="panel._x + 20" y="panel._y" w="480" h="474" type="text"><![CDATA[{'<br>' + t}]]></DIS>
	</PG>
\ No newline at end of file
+	<PG title="RSS Feed" name="rss">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.rss[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  


align = pageIcon.templateData.rss[projPI].align;

if (pageIcon.templateData.rss[projPI].narration != undefined){
  narration = pageIcon.templateData.rss[projPI].narration;
  rootIcon.broadcast('showAudio');
}

]]></SCR>
		<DIS tabIndex="-1" id="panel" h="474" w="500" name="panel" x="align == 'Right' ? 20 : 280" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<SCR name="getFeed"><![CDATA[if (templatePath.indexOf('modules/xerte') == -1){
  feedURL = pageIcon.templateData.rss[projPI].url;
} else {
  feedURL = _level0.site_url + 'rss_proxy.php?rss=' + pageIcon.templateData.rss[projPI].url;
}

req = new XML('<req/'>);
panel.sendAndLoad(req, feedURL);





]]></SCR>
		<DIS scrolling="auto" name="instruction" x="align == 'Right' ? 540 : 20" y="20" w="240" h="480" type="text"><![CDATA[{pageIcon.templateData.rss[projPI].text}]]></DIS>
		<INT name="loadFeed" perpetual="0">
			<RES name="onSendAndLoad" type="event" eventName="onSendAndLoad" icon="panel" erase="1" exit="1">
				<SCR name="parseFeed"><![CDATA[//which format - support rss 1.0 and 2.0 and atom 1.0
if (panel.serverXML.firstChild.nodeName.indexOf('rss') != -1 || panel.serverXML.firstChild.nodeName.indexOf('rdf') != -1){

  arr = panel.serverXML.findNodesByName('item');
  
  t = "<br>";
  for (i = 0; i < arr.length; i++){
    tempItem = arr[i].toObject();
    
    t += '<font color="#0000FF"><b><a href="' + tempItem.link + '" target="_blank">' + tempItem.title + '</a></b></font><br>';
    if (tempItem.description != undefined){
      t += '<font color="#333333">' + tempItem.description + '</font><br><br>';
    } else {
      t += '<br>';
    }
  }
} else if (panel.serverXML.firstChild.nodeName.indexOf('feed') != -1){
  
  arr = panel.serverXML.findNodesByName('entry');
  
  t = "<br>";
  for (i = 0; i < arr.length; i++){
    tempItem = arr[i].toObject();
    t += '<font color="#0000FF"><b><a href="' + tempItem.link[0].href + '" target="_blank">' + tempItem.title + '</a></b></font><br>';
    if (tempItem.summary != undefined){
      t+= '<font color="#333333">' + tempItem.summary + '</font><br><br>';
    } else {
      t+= '<br></p>';
    }
  }
}

]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" name="feedText" x="panel._x + 20" y="panel._y" w="480" h="474" type="text"><![CDATA[{'<br>' + t}]]></DIS>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/slideshow.rlm b/modules/xerte/parent_templates/Nottingham/models/slideshow.rlm
index 080835703f..7e13ee8ab3 100644
--- a/modules/xerte/parent_templates/Nottingham/models/slideshow.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/slideshow.rlm
@@ -1 +1 @@
-	<PG title="Slideshow" name="slideshow">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.slideshow[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  


// set up text strings
if (pageIcon.templateData.slideshow[projPI].nextBtnTip != undefined){
  nextBtnTip = pageIcon.templateData.slideshow[projPI].nextBtnTip;
} else {
  nextBtnTip = "Next Slide";
}
if (pageIcon.templateData.slideshow[projPI].priorBtnTip != undefined){
  priorBtnTip = pageIcon.templateData.slideshow[projPI].priorBtnTip;
} else {
  priorBtnTip = "Previous Slide";
}
if (pageIcon.templateData.slideshow[projPI].beforeSlideStat != undefined){
  beforeSlideStat = pageIcon.templateData.slideshow[projPI].beforeSlideStat;
} else {
  beforeSlideStat = "Slide";
}
if (pageIcon.templateData.slideshow[projPI].nSValue != undefined){
  nSValue = pageIcon.templateData.slideshow[projPI].nSValue;
} else {
  nSValue = "n";
}
if (pageIcon.templateData.slideshow[projPI].betweenSlideStat != undefined){
  betweenSlideStat = pageIcon.templateData.slideshow[projPI].betweenSlideStat;
} else {
  betweenSlideStat = "of";
}
if (pageIcon.templateData.slideshow[projPI].afterSlideStat != undefined){
  afterSlideStat = pageIcon.templateData.slideshow[projPI].afterSlideStat;
} else {
  afterSlideStat = "";
}


itemCount = pageIcon.templateData.slideshow[projPI].nestedPage.length);

panelWidth = pageIcon.templateData.slideshow[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 150;
} else {
  panelW = 760;
  textW = 0;
}

if (pageIcon.templateData.slideshow[projPI].narration != undefined){
  narration = pageIcon.templateData.slideshow[projPI].narration;
  rootIcon.broadcast('showAudio');
}


]]></SCR>
		<DIS initObject="{_alpha: subPageAccess == true ? 20 : 100}" h="474" w="panelW" tabIndex="-1" id="panel" name="panel" x="780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//ok to move on



]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="20" y="20" w="textW" type="text"><![CDATA[{pageIcon.templateData.slideshow[projPI].text}]]></DIS>
		<SCR name="makePages"><![CDATA[if (icon.attributes.built != 'true'){
  icon.nextSibling.childNodes[1].duplicate(itemCount - 1);
  icon.attributes.built = 'true';
}
icon.nextSibling.firstChild.attributes.rs = 'initButton';]]></SCR>
		<FW id="slideFW" name="slideFW">
			<FW_ENT name="controls">
				<SCR name="subPageAccess"><![CDATA[if (subPageAccess == true){
  icon.nextSibling.attributes.textColour = STYLES.defaultColour;
} else {
  icon.nextSibling.attributes.textColour = '#333333';
}]]></SCR>
				<DIS textColour="#333333" id="orientation" name="orientation" x="panel._x + 20" y="panel._y + panel._height - 25" w="panel._width - 60" h="10" type="text"><![CDATA[]]></DIS>
				<SCR name="[Untitled]"><![CDATA[if (nSValue == "n"){
  orientation.setText('<b>' + beforeSlideStat + ' ' + (slideFW.currentPage + 1) + ' ' + betweenSlideStat + ' ' + slideFW.pageCount + ' ' + afterSlideStat + '</b>');  
} else {
  orientation.setText('<b>' + beforeSlideStat + ' ' + slideFW.pageCount + ' ' + betweenSlideStat + ' ' + (slideFW.currentPage + 1) + ' ' + afterSlideStat + '</b>');  
}

]]></SCR>
				<INT id="tabs" name="tabInteraction" perpetual="0">
					<RES toolTip="{priorBtnTip}" swf="templatePath + 'common/leftButton.swf'" name="back" type="button" x="725" y="470" label="previous slide" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[slideFW.prevPage();
]]></SCR>
					</RES>
					<RES toolTip="{nextBtnTip}" swf="templatePath + 'common/rightButton.swf'" name="next" type="button" x="750" y="470" label="next" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[slideFW.nextPage();]]></SCR>
					</RES>
					<RES name="[Untitled]" type="event" eventName="onOpenPage" icon="slideFW" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[if (nSValue == "n"){
  orientation.setText('<b>' + beforeSlideStat + ' ' + (slideFW.currentPage + 1) + ' ' + betweenSlideStat + ' ' + slideFW.pageCount + ' ' + afterSlideStat + '</b>');  
} else {
  orientation.setText('<b>' + beforeSlideStat + ' ' + slideFW.pageCount + ' ' + betweenSlideStat + ' ' + (slideFW.currentPage + 1) + ' ' + afterSlideStat + '</b>');  
}
]]></SCR>
					</RES>
				</INT>
			</FW_ENT>
			<PG name="protoPage">
				<SCR name="setSize"><![CDATA[if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].url != undefined){
  
  gIcon = icon.parentNode.getChildByName('graphic'); 
  
  if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].controls == 'Control Bar'){
    gIcon.attributes.controls = '1';  
  }
  if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].tip != undefined){
    gIcon.attributes.toolTip = pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].tip;
    gIcon.firstChild.nodeValue = '{' + pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].tip + '}';
  }
  
} else { //no graphic

  icon.parentNode.getChildByName('protoGraphic').removeNode();
  icon.parentNode.getChildByName('loadGraphic&Resize').removeNode();
  textH = 413;
}


if (subPageAccess == true){
  icon.nextSibling.attributes.textColour = STYLES.defaultColour;
} else {
  icon.nextSibling.attributes.textColour = '#333333';
}

]]></SCR>
				<DIS id="graphic" name="protoGraphic" x="0" y="40" type="ext" url="{pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].url}"><![CDATA[]]></DIS>
				<INT name="loadGraphic&Resize" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
						<SCR name="resize&Position"><![CDATA[graphic.constrain(panelW - 40, 300);
textH = 393 - graphic._height;

if (slideshow[projPI].nestedPage[icon.parentNode.index() - 1].initObject != undefined){
  obj = expression(slideshow[projPI].nestedPage[icon.parentNode.index() - 1].initObject, engine);
  graphic.clip.init(obj);
}


]]></SCR>
					</RES>
				</INT>
				<DIS scrolling="auto" textColour="#333333" id="desc" name="protoText" x="panel._x + 20" y="40" w="panelW - 40" h="textH" type="text"><![CDATA[{'<b>' + pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].name + '</b><br>' + pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].text}]]></DIS>
				<SCR name="pos"><![CDATA[if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].url != undefined){  
  if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].align == 'Bottom'){
    desc._y = 40 + graphic._height + 20;
    graphic._y = 40;
  } else {
    graphic._y = desc._y + desc._height + 20;
  }
  graphic._x = panel._x + panel._width / 2 - graphic._width / 2;
}
]]></SCR>
			</PG>
		</FW>
	</PG>
\ No newline at end of file
+	<PG title="Slideshow" name="slideshow">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.slideshow[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  


// set up text strings
if (pageIcon.templateData.slideshow[projPI].nextBtnTip != undefined){
  nextBtnTip = pageIcon.templateData.slideshow[projPI].nextBtnTip;
} else {
  nextBtnTip = "Next Slide";
}
if (pageIcon.templateData.slideshow[projPI].priorBtnTip != undefined){
  priorBtnTip = pageIcon.templateData.slideshow[projPI].priorBtnTip;
} else {
  priorBtnTip = "Previous Slide";
}
if (pageIcon.templateData.slideshow[projPI].beforeSlideStat != undefined){
  beforeSlideStat = pageIcon.templateData.slideshow[projPI].beforeSlideStat;
} else {
  beforeSlideStat = "Slide";
}
if (pageIcon.templateData.slideshow[projPI].nSValue != undefined){
  nSValue = pageIcon.templateData.slideshow[projPI].nSValue;
} else {
  nSValue = "n";
}
if (pageIcon.templateData.slideshow[projPI].betweenSlideStat != undefined){
  betweenSlideStat = pageIcon.templateData.slideshow[projPI].betweenSlideStat;
} else {
  betweenSlideStat = "of";
}
if (pageIcon.templateData.slideshow[projPI].afterSlideStat != undefined){
  afterSlideStat = pageIcon.templateData.slideshow[projPI].afterSlideStat;
} else {
  afterSlideStat = "";
}


itemCount = pageIcon.templateData.slideshow[projPI].nestedPage.length);

panelWidth = pageIcon.templateData.slideshow[projPI].panelWidth;
if (panelWidth == "Small"){
  panelW = 300;
  textW = 440;
} else if (panelWidth == "Medium"){
  panelW = 450;
  textW = 290;
} else if (panelWidth == "Large"){
  panelW = 600;
  textW = 150;
} else {
  panelW = 760;
  textW = 0;
}

if (pageIcon.templateData.slideshow[projPI].narration != undefined){
  narration = pageIcon.templateData.slideshow[projPI].narration;
  rootIcon.broadcast('showAudio');
}


]]></SCR>
		<DIS initObject="{_alpha: subPageAccess == true ? 20 : 100}" h="474" w="panelW" tabIndex="-1" id="panel" name="panel" x="780 - panelW" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//ok to move on



]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="20" y="20" w="textW" type="text"><![CDATA[{pageIcon.templateData.slideshow[projPI].text}]]></DIS>
		<SCR name="makePages"><![CDATA[if (icon.attributes.built != 'true'){
  icon.nextSibling.childNodes[1].duplicate(itemCount - 1);
  icon.attributes.built = 'true';
}
icon.nextSibling.firstChild.attributes.rs = 'initButton';]]></SCR>
		<FW id="slideFW" name="slideFW">
			<FW_ENT name="controls">
				<SCR name="subPageAccess"><![CDATA[if (subPageAccess == true){
  icon.nextSibling.attributes.textColour = STYLES.defaultColour;
} else {
  icon.nextSibling.attributes.textColour = '#333333';
}]]></SCR>
				<DIS textColour="#333333" id="orientation" name="orientation" x="panel._x + 20" y="panel._y + panel._height - 25" w="panel._width - 60" h="10" type="text"><![CDATA[]]></DIS>
				<SCR name="[Untitled]"><![CDATA[if (nSValue == "n"){
  orientation.setText('<b>' + beforeSlideStat + ' ' + (slideFW.currentPage + 1) + ' ' + betweenSlideStat + ' ' + slideFW.pageCount + ' ' + afterSlideStat + '</b>');  
} else {
  orientation.setText('<b>' + beforeSlideStat + ' ' + slideFW.pageCount + ' ' + betweenSlideStat + ' ' + (slideFW.currentPage + 1) + ' ' + afterSlideStat + '</b>');  
}

]]></SCR>
				<INT id="tabs" name="tabInteraction" perpetual="0">
					<RES toolTip="{priorBtnTip}" swf="templatePath + 'common/leftButton.swf'" name="back" type="button" x="725" y="470" label="previous slide" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[slideFW.prevPage();
]]></SCR>
					</RES>
					<RES toolTip="{nextBtnTip}" swf="templatePath + 'common/rightButton.swf'" name="next" type="button" x="750" y="470" label="next" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[slideFW.nextPage();]]></SCR>
					</RES>
					<RES name="[Untitled]" type="event" eventName="onOpenPage" icon="slideFW" erase="1" exit="0">
						<SCR name="[Untitled]"><![CDATA[if (nSValue == "n"){
  orientation.setText('<b>' + beforeSlideStat + ' ' + (slideFW.currentPage + 1) + ' ' + betweenSlideStat + ' ' + slideFW.pageCount + ' ' + afterSlideStat + '</b>');  
} else {
  orientation.setText('<b>' + beforeSlideStat + ' ' + slideFW.pageCount + ' ' + betweenSlideStat + ' ' + (slideFW.currentPage + 1) + ' ' + afterSlideStat + '</b>');  
}
]]></SCR>
					</RES>
				</INT>
			</FW_ENT>
			<PG name="protoPage">
				<SCR name="setSize"><![CDATA[if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].url != undefined){
  
  gIcon = icon.parentNode.getChildByName('graphic'); 
  
  if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].controls == 'Control Bar'){
    gIcon.attributes.controls = '1';  
  }
  if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].tip != undefined){
    gIcon.attributes.toolTip = pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].tip;
    gIcon.firstChild.nodeValue = '{' + pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].tip + '}';
  }
  
} else { //no graphic

  icon.parentNode.getChildByName('protoGraphic').removeNode();
  icon.parentNode.getChildByName('loadGraphic&Resize').removeNode();
  textH = 413;
}


if (subPageAccess == true){
  icon.nextSibling.attributes.textColour = STYLES.defaultColour;
} else {
  icon.nextSibling.attributes.textColour = '#333333';
}

]]></SCR>
				<DIS toolTip="{pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].tip}" id="graphic" name="protoGraphic" x="0" y="40" type="ext" url="{pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].url}"><![CDATA[]]></DIS>
				<INT name="loadGraphic&Resize" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
						<SCR name="resize&Position"><![CDATA[graphic.constrain(panelW - 40, 300);
textH = 393 - graphic._height;

if (slideshow[projPI].nestedPage[icon.parentNode.index() - 1].initObject != undefined){
  obj = expression(slideshow[projPI].nestedPage[icon.parentNode.index() - 1].initObject, engine);
  graphic.clip.init(obj);
}


]]></SCR>
					</RES>
				</INT>
				<DIS scrolling="auto" textColour="#333333" id="desc" name="protoText" x="panel._x + 20" y="40" w="panelW - 40" h="textH" type="text"><![CDATA[{'<b>' + pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].name + '</b><br>' + pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].text}]]></DIS>
				<SCR name="pos"><![CDATA[if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].url != undefined){  
  if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].align == 'Bottom'){
    desc._y = 40 + graphic._height + 20;
    graphic._y = 40;
  } else {
    graphic._y = desc._y + desc._height + 20;
  }
  graphic._x = panel._x + panel._width / 2 - graphic._width / 2;
}
]]></SCR>
			</PG>
		</FW>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/textGraphics.rlm b/modules/xerte/parent_templates/Nottingham/models/textGraphics.rlm
index 5d29391bb9..7b7a3b230a 100644
--- a/modules/xerte/parent_templates/Nottingham/models/textGraphics.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/textGraphics.rlm
@@ -1 +1 @@
-	<PG title="Text Graphics" name="textGraphics">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.textGraphics[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

if (pageIcon.templateData.textGraphics[projPI].url.indexOf('http') == 0){
  url = "'" + pageIcon.templateData.textGraphics[projPI].url + "'";
} else {
  url = pageIcon.templateData.textGraphics[projPI].url
}

if (pageIcon.templateData.textGraphics[projPI].narration != undefined){
  narration = pageIcon.templateData.textGraphics[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS tabIndex="-1" id="panel" name="panel" x="-300" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on
if (pageIcon.templateData.textGraphics[projPI].hidePanel == 'true'){
  panel._alpha = 0;
}



]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.textGraphics[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="coded" y="30" type="ext" url="{url}"><![CDATA[{pageIcon.templateData.textGraphics[projPI].tip}
]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[align = pageIcon.templateData.textGraphics[projPI].align;
p = graphic._width / graphic._height;

if (align == "Top" || align == 'Bottom'){
  maxWidth = 740;
  maxHeight = 250;
} else {  //left or right, so fit to width
  maxWidth = 465;
  maxHeight = 465;
//if a transcript option added reduce max height so it fits under a tall image 
if (pageIcon.templateData.textGraphics[projPI].transcript != undefined){
  maxHeight = 365;
}
}
if (pageIcon.templateData.textGraphics[projPI].imagesize == 'full screen'){
  maxWidth = 760;
  maxHeight = 464;
}
if (pageIcon.templateData.textGraphics[projPI].imagesize != 'actual size'){
  graphic.constrain(maxWidth, maxHeight);
}

//resize the panel to the graphic
panel._width = graphic._width + 20;
panel._height = graphic._height + 20;

if (align == 'Left'){
  panel._x = stageWidth - panel._width - 20;
  graphic._x = panel._x + 10;
  textX = 20;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
} 
if (align == 'Right'){
  panel._x = 20;
  graphic._x = 30;
  textX = graphic._width + 60;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
}
if (align == 'Bottom'){
  panel._x = 20;
  graphic._x = 30;
  textWidth = panel._width;
  textX = panel._x;
  textY = panel._y + panel._height + 20;
}
if (align == 'Top'){
  panel._x = 20;
  graphic._x = 30;
  textWidth = panel._width;
  textX = panel._x;
  textY = panel._y + panel._height + 20;
}
if (pageIcon.templateData.textGraphics[projPI].imagesize == 'full screen'){
  panel._x = 400 - panel._width / 2;
  graphic._x = panel._x + 10;
  textWidth = 0;
  hidetranscript=true;
}else{
  hidetranscript=false;
}
//hide transcript if no space to display it
if (panel._height>450){
  hidetranscript=true;
}

]]></SCR>
			</RES>
		</INT>
		<SCR name="sound"><![CDATA[if (pageIcon.templateData.textGraphics[projPI].sound != undefined){
  //check for a literal path
  sndURL = pageIcon.templateData.textGraphics[projPI].sound;
  if (sndURL.indexOf('http') == 0){
    sndURL = "'" + sndURL + "'";
  }
  icon.nextSibling.attributes.controls = graphic._x +',' + (graphic._y + graphic._height - 20) + ',' + graphic._width;
} else {
  if (icon.nextSibling.nodeName == 'SND'){
    icon.nextSibling.removeNode();
  }
}]]></SCR>
		<SND name="sound" type="ext" url="{sndURL}" play="0" loop="0" wait="0" />
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.textGraphics[projPI]}]]></DIS>
		<SCR name="layout"><![CDATA[if (align == 'Top'){
  textBlock._y = 20;
  panel._y = textBlock._y + textBlock._height + 20;
  graphic._y = panel._y + 10;
}
// debug("NOW");
if (pageIcon.templateData.textGraphics[projPI].magnifier != "true"){
  icon.nextSibling.removeNode();
}
]]></SCR>
		<INT name="zoomControls" perpetual="0">
			<RES name="onRollOver" type="event" eventName="onRollOver" icon="graphic" erase="1" exit="0">
				<DIS h="graphic._height *4" w="graphic._width * 4" id="zoom" name="zoom" x="graphic._x" y="graphic._y" type="ext" url="{pageIcon.templateData.textGraphics[projPI].url}"><![CDATA[]]></DIS>
				<DIS id="mask" name="mask" x="-100" y="-100" type="ext" url="FileLocation + "><![CDATA[]]></DIS>
				<DIS id="frame" name="frame" x="-100" y="-100" type="ext" url="FileLocation + "><![CDATA[]]></DIS>
				<SCR name="setup"><![CDATA[mask.beginFill(0xFF0000,100);
mask.drawOval(0,0,60,60);
zoom.setMask(mask);

frame.lineStyle(2, 0x000000,100);
frame.drawOval(0,0,60,60);

mainMask.beginFill(0xFF0000,100);
mainMask.drawRect(0,0,graphic._width, graphic._height);

Mouse.hide();




]]></SCR>
				<INT name="onMouseMove" perpetual="0">
					<RES name="onMouseMove" type="event" eventName="onMouseMove" icon="zoom" erase="1" exit="0">
						<SCR name="moveThings"><![CDATA[mask._x = rootIcon._xmouse;
mask._y = rootIcon._ymouse - 60;

frame._x = rootIcon._xmouse;
frame._y = rootIcon._ymouse - 60;

zoom._x = graphic._x - 3*(rootIcon._xmouse - graphic._x);
zoom._y = graphic._y - 3*(rootIcon._ymouse - graphic._y) + 180;]]></SCR>
					</RES>
				</INT>
			</RES>
			<RES name="onRollOut" type="event" eventName="onRollOut" icon="graphic" erase="1" exit="0">
				<SCR name="exit"><![CDATA[Mouse.show();]]></SCR>
			</RES>
		</INT>
		<SCR name="setupTranscript"><![CDATA[if (pageIcon.templateData.textGraphics[projPI].transcript == undefined){
  icon.nextSibling.removeNode();
}
if (pageIcon.templateData.textGraphics[projPI].transcriptbuttonlabel != undefined){
  showtranscriptlabel=pageIcon.templateData.textGraphics[projPI].transcriptbuttonlabel;
} else {
  showtranscriptlabel='transcript';
}

if (hidetranscript == true){
  icon.nextSibling.removeNode();
}]]></SCR>
		<INT id="trans" name="transcript" perpetual="1">
			<RES w="90" swf="templatePath + 'common/invertTab.swf'" rs="btnTrans" name="showTranscript" type="button" x="panel._x + panel._width - 100" y="panel._y + panel._height" label="{showtranscriptlabel}" erase="1" exit="0">
				<SCR name="tween"><![CDATA[if (transShow != true){
  panel.tween("_height", panel._height, 464,0.2,'Strong', 'easeIn');
  btnTrans.tween("_y", btnTrans._y, 484,0.2,'Strong', 'easeIn');
  transShow = true;
} else {
  panel.tween("_height", panel._height, graphic._height + 30,0.2,'Strong', 'easeIn');
  btnTrans.tween("_y", btnTrans._y, graphic._y + graphic._height + 20,0.2,'Strong', 'easeIn');
  transShow = false;
}

]]></SCR>
			</RES>
			<RES name="onMotionFinished" type="event" eventName="onMotionFinished" icon="panel" erase="1" exit="0">
				<SCR name="broadcast"><![CDATA[if (transShow == true){
  trans.broadcast("showTranscript");
}]]></SCR>
			</RES>
			<RES name="showTranscript" type="event" eventName="showTranscript" icon="trans" erase="1" exit="0">
				<DIS textColour="#333333" scrolling="auto" name="transcript" x="graphic._x" y="graphic._y + graphic._height" w="graphic._width" h="panel._height - graphic._height - 20" type="text"><![CDATA[{pageIcon.templateData.textGraphics[projPI].transcript}]]></DIS>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
+	<PG title="Text Graphics" name="textGraphics">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.textGraphics[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

if (pageIcon.templateData.textGraphics[projPI].url.indexOf('http') == 0){
  url = "'" + pageIcon.templateData.textGraphics[projPI].url + "'";
} else {
  url = pageIcon.templateData.textGraphics[projPI].url
}

if (pageIcon.templateData.textGraphics[projPI].narration != undefined){
  narration = pageIcon.templateData.textGraphics[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS tabIndex="-1" id="panel" name="panel" x="-300" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//ok to move on
if (pageIcon.templateData.textGraphics[projPI].hidePanel == 'true' && pageIcon.templateData.textGraphics[projPI].transcript == undefined){
  panel._alpha = 0;
}



]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.textGraphics[projPI].tip}" scrolling="auto" id="graphic" name="graphic" x="coded" y="30" type="ext" url="{url}"><![CDATA[{pageIcon.templateData.textGraphics[projPI].tip}
]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[align = pageIcon.templateData.textGraphics[projPI].align;
p = graphic._width / graphic._height;

if (align == "Top" || align == 'Bottom'){
  maxWidth = 740;
  maxHeight = 250;
} else {  //left or right, so fit to width
  maxWidth = 465;
  maxHeight = 465;
//if a transcript option added reduce max height so it fits under a tall image 
if (pageIcon.templateData.textGraphics[projPI].transcript != undefined){
  maxHeight = 365;
}
}
if (pageIcon.templateData.textGraphics[projPI].imagesize == 'full screen'){
  maxWidth = 760;
  maxHeight = 464;
}
if (pageIcon.templateData.textGraphics[projPI].imagesize != 'actual size'){
  graphic.constrain(maxWidth, maxHeight);
}

//resize the panel to the graphic
panel._width = graphic._width + 20;
panel._height = graphic._height + 20;

if (align == 'Left'){
  panel._x = stageWidth - panel._width - 20;
  graphic._x = panel._x + 10;
  textX = 20;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
} 
if (align == 'Right'){
  panel._x = 20;
  graphic._x = 30;
  textX = graphic._width + 60;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
}
if (align == 'Bottom'){
  panel._x = 20;
  graphic._x = 30;
  textWidth = panel._width;
  textX = panel._x;
  textY = panel._y + panel._height + 20;
}
if (align == 'Top'){
  panel._x = 20;
  graphic._x = 30;
  textWidth = panel._width;
  textX = panel._x;
  textY = panel._y + panel._height + 20;
}
if (pageIcon.templateData.textGraphics[projPI].imagesize == 'full screen'){
  panel._x = 400 - panel._width / 2;
  graphic._x = panel._x + 10;
  textWidth = 0;
  hidetranscript=true;
}else{
  hidetranscript=false;
}
//hide transcript if no space to display it
if (panel._height>450){
  hidetranscript=true;
}

]]></SCR>
			</RES>
		</INT>
		<SCR name="sound"><![CDATA[if (pageIcon.templateData.textGraphics[projPI].sound != undefined){
  //check for a literal path
  sndURL = pageIcon.templateData.textGraphics[projPI].sound;
  if (sndURL.indexOf('http') == 0){
    sndURL = "'" + sndURL + "'";
  }
  icon.nextSibling.attributes.controls = graphic._x +',' + (graphic._y + graphic._height - 20) + ',' + graphic._width;
} else {
  if (icon.nextSibling.nodeName == 'SND'){
    icon.nextSibling.removeNode();
  }
}]]></SCR>
		<SND name="sound" type="ext" url="{sndURL}" play="0" loop="0" wait="0" />
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.textGraphics[projPI]}]]></DIS>
		<SCR name="layout"><![CDATA[if (align == 'Top'){
  textBlock._y = 20;
  panel._y = textBlock._y + textBlock._height + 20;
  graphic._y = panel._y + 10;
}

if (pageIcon.templateData.textGraphics[projPI].magnifier != "true" && icon.built != 'true'){
  icon.nextSibling.removeNode();
  icon.built = 'true';
}
]]></SCR>
		<INT name="zoomControls" perpetual="1">
			<RES name="onRollOver" type="event" eventName="onRollOver" icon="graphic" erase="1" exit="0">
				<DIS h="graphic._height *4" w="graphic._width * 4" id="zoom" name="zoom" x="graphic._x" y="graphic._y" type="ext" url="{pageIcon.templateData.textGraphics[projPI].url}"><![CDATA[]]></DIS>
				<DIS id="mask" name="mask" x="-100" y="-100" type="ext" url="FileLocation + "><![CDATA[]]></DIS>
				<DIS id="frame" name="frame" x="-100" y="-100" type="ext" url="FileLocation + "><![CDATA[]]></DIS>
				<SCR name="setup"><![CDATA[mask.beginFill(0xFF0000,100);
mask.drawOval(0,0,60,60);
zoom.setMask(mask);

frame.lineStyle(2, 0x000000,100);
frame.drawOval(0,0,60,60);

mainMask.beginFill(0xFF0000,100);
mainMask.drawRect(0,0,graphic._width, graphic._height);

Mouse.hide();




]]></SCR>
				<INT name="onMouseMove" perpetual="0">
					<RES name="onMouseMove" type="event" eventName="onMouseMove" icon="zoom" erase="1" exit="0">
						<SCR name="moveThings"><![CDATA[mask._x = rootIcon._xmouse;
mask._y = rootIcon._ymouse - 60;

frame._x = rootIcon._xmouse;
frame._y = rootIcon._ymouse - 60;

zoom._x = graphic._x - 3*(rootIcon._xmouse - graphic._x);
zoom._y = graphic._y - 3*(rootIcon._ymouse - graphic._y) + 180;]]></SCR>
					</RES>
				</INT>
			</RES>
			<RES name="onRollOut" type="event" eventName="onRollOut" icon="graphic" erase="1" exit="0">
				<SCR name="exit"><![CDATA[Mouse.show();]]></SCR>
			</RES>
		</INT>
		<SCR name="setupTranscript"><![CDATA[if (pageIcon.templateData.textGraphics[projPI].transcript == undefined){
  icon.nextSibling.removeNode();
}
if (pageIcon.templateData.textGraphics[projPI].transcriptbuttonlabel != undefined){
  showtranscriptlabel=pageIcon.templateData.textGraphics[projPI].transcriptbuttonlabel;
} else {
  showtranscriptlabel='transcript';
}

if (hidetranscript == true){
  icon.nextSibling.removeNode();
}]]></SCR>
		<INT id="trans" name="transcript" perpetual="1">
			<RES w="90" swf="templatePath + 'common/invertTab.swf'" rs="btnTrans" name="showTranscript" type="button" x="panel._x + panel._width - 100" y="panel._y + panel._height" label="{showtranscriptlabel}" erase="1" exit="0">
				<SCR name="tween"><![CDATA[if (transShow != true){
  panel.tween("_height", panel._height, 464,0.2,'Strong', 'easeIn');
  btnTrans.tween("_y", btnTrans._y, 484,0.2,'Strong', 'easeIn');
  transShow = true;
} else {
  panel.tween("_height", panel._height, graphic._height + 30,0.2,'Strong', 'easeIn');
  btnTrans.tween("_y", btnTrans._y, graphic._y + graphic._height + 20,0.2,'Strong', 'easeIn');
  transShow = false;
}

]]></SCR>
			</RES>
			<RES name="onMotionFinished" type="event" eventName="onMotionFinished" icon="panel" erase="1" exit="0">
				<SCR name="broadcast"><![CDATA[if (transShow == true){
  trans.broadcast("showTranscript");
}]]></SCR>
			</RES>
			<RES name="showTranscript" type="event" eventName="showTranscript" icon="trans" erase="1" exit="0">
				<DIS textColour="#333333" scrolling="auto" name="transcript" x="graphic._x" y="graphic._y + graphic._height" w="graphic._width" h="panel._height - graphic._height - 20" type="text"><![CDATA[{pageIcon.templateData.textGraphics[projPI].transcript}]]></DIS>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/textVideo.rlm b/modules/xerte/parent_templates/Nottingham/models/textVideo.rlm
index e709a861ad..fb47be2bf7 100644
--- a/modules/xerte/parent_templates/Nottingham/models/textVideo.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/textVideo.rlm
@@ -1 +1 @@
-	<PG title="Text Video" name="textVideo">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.textVideo[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

// set up text strings
if (pageIcon.templateData.textVideo[projPI].transcriptTabTxt != undefined){
 transcriptTabTxt = pageIcon.templateData.textVideo[projPI].transcriptTabTxt;
} else {
  transcriptTabTxt = "Transcript";
}

if (pageIcon.templateData.textVideo[projPI].transcriptTabTip != undefined){
 transcriptTabTip = pageIcon.templateData.textVideo[projPI].transcriptTabTip;
} else {
  transcriptTabTip = "Transcript";
}

if (pageIcon.templateData.textVideo[projPI].transcriptTabWidth != undefined){
 transcriptTabWidth = pageIcon.templateData.textVideo[projPI].transcriptTabWidth;
} else {
  transcriptTabWidth = "90";
}

//size the movie
if (pageIcon.templateData.textVideo[projPI].movieSize != undefined){
  icon.parentNode.getChildByName('movie').attributes.w = pageIcon.templateData.textVideo[projPI].movieSize.split(',')[0];
  icon.parentNode.getChildByName('movie').attributes.h = pageIcon.templateData.textVideo[projPI].movieSize.split(',')[1];
}

vidURL = pageIcon.templateData.textVideo[projPI].url;
//support for links from moletv
if (vidURL.indexOf('moletv.org.uk') != -1){
  vid = vidURL.split('=')[1];
  vidURL = "'http://www.moletv.org.uk/mod/FileStream.aspx?v=" + vid + "&t=1&z=.flv'"
}


if (pageIcon.templateData.textVideo[projPI].narration != undefined){
  narration = pageIcon.templateData.textVideo[projPI].narration;
  rootIcon.broadcast('showAudio');
}
fullScreen = false;



]]></SCR>
		<DIS tabIndex="-1" id="panel" name="panel" x="-300" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//ok to move on



]]></SCR>
			</RES>
		</INT>
		<MOV id="movie" name="movie" x="0" y="30" url="{vidURL}" controls="1" play="0"><![CDATA[{pageIcon.templateData.textVideo[projPI].tip}]]></MOV>
		<INT name="loadVideo" perpetual="0">
			<RES name="onMovieReady" type="event" eventName="onMovieReady" icon="movie" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//resize the panel to the graphic
panel._width = movie._width + 20;
panel._height = movie._height + 40;

if (pageIcon.templateData.textVideo[projPI].align == 'Left'){
  panel._x = stageWidth - panel._width - 20;
  movie._x = panel._x + 10;
  textX = 20;
} else {
  panel._x = 20;
  movie._x = 30;
  textX = panel._width + 40;
}
textWidth = stageWidth - 60 - panel._width;

if (pageIcon.templateData.textVideo[projPI].reset == 'false'){
  movie.flvPlayer.autoRewind = false;
}

initW = movie._width;
initH = movie._height;
initX = movie._x;
initY = movie._y;

if (pageIcon.templateData.textVideo[projPI].startFrame != undefined){
  movie.flvPlayer.seek(Number(pageIcon.templateData.textVideo[projPI].startFrame));
}]]></SCR>
			</RES>
		</INT>
		<DIS id="textBlock" scrolling="auto" name="text" x="textX" y="20" w="textWidth" h="480" type="text"><![CDATA[{pageIcon.templateData.textVideo[projPI]}]]></DIS>
		<INT name="events" perpetual="1">
			<RES rs="btnToggle" swf="templatePath + 'common/zoom.png'" name="toggle" type="button" x="movie._x + movie._width - 20" y="movie._y + movie._height + 2" label="label" erase="1" exit="0">
				<SCR name="[Untitled]"><![CDATA[if (fullScreen == false){

  fullScreen = true;
  movie.setSize(800,434);
  textBlock._visible = false;
  
} else {

  fullScreen = false;
  movie.setSize(initW,initH);
  textBlock._visible = true;
}
]]></SCR>
			</RES>
			<RES name="onResize" type="event" eventName="onResize" icon="movie" erase="1" exit="0">
				<SCR name="[Untitled]"><![CDATA[if (fullScreen == true){

  movie._x = 400 - movie._width / 2;
      
  panel._x = movie._x - 10;
  panel._y = movie._y - 10;
  panel._width = movie._width + 20;
  panel._height = movie._height +40;  
  
  btnToggle._x = movie._x + movie._width - 20;
  btnToggle._y = movie._y + movie._height + 2;

} else {

  movie._x = initX;
  movie._y = initY;
  
  panel._x = movie._x - 10;
  panel._y = movie._y - 10;
  panel._width = initW + 20;
  panel._height = initH +40;
  
    
  btnToggle._x = initX + initW - 20;
  btnToggle._y = initY + initH + 2;
}


]]></SCR>
			</RES>
			<RES name="onPlayheadUpdate" type="event" eventName="onPlayheadUpdate" icon="movie" erase="1" exit="0">
				<SCR name="[Untitled]"><![CDATA[//end time reached?
if (pageIcon.templateData.textVideo[projPI].endFrame != undefined){
  if (movie.flvPlayer.playheadTime > Number(pageIcon.templateData.textVideo[projPI].endFrame)){
    movie.pause();
    movie.flvPlayer.seek(Number(pageIcon.templateData.textVideo[projPI].startFrame));
  }
}]]></SCR>
			</RES>
		</INT>
		<SCR name="setupTranscript"><![CDATA[if (pageIcon.templateData.textVideo[projPI].transcript == undefined){
  icon.nextSibling.removeNode();
}

]]></SCR>
		<INT id="trans" name="transcript" perpetual="0">
			<RES toolTip="{transcriptTabTip}" w="transcriptTabWidth" swf="templatePath + 'common/invertTab.swf'" rs="btnTrans" name="showTranscript" type="button" x="panel._x + panel._width - (10 + parseInt(transcriptTabWidth)" y="panel._y + panel._height" label="{transcriptTabTxt}" erase="1" exit="0">
				<SCR name="tween"><![CDATA[if (transShow != true){
  panel.tween("_height", panel._height, 464,0.2,'Strong', 'easeIn');
  btnTrans.tween("_y", btnTrans._y, 484,0.2,'Strong', 'easeIn');
  transShow = true;
} else {
  panel.tween("_height", panel._height, movie._height + 30,0.2,'Strong', 'easeIn');
  btnTrans.tween("_y", btnTrans._y, movie._y + movie._height + 20,0.2,'Strong', 'easeIn');
  transShow = false;
}

]]></SCR>
			</RES>
			<RES name="onMotionFinished" type="event" eventName="onMotionFinished" icon="panel" erase="1" exit="0">
				<SCR name="broadcast"><![CDATA[if (transShow == true){
  trans.broadcast("showTranscript");
}]]></SCR>
			</RES>
			<RES name="showTranscript" type="event" eventName="showTranscript" icon="trans" erase="1" exit="0">
				<DIS textColour="#333333" scrolling="auto" name="transcript" x="movie._x" y="movie._y + movie._height" w="movie._width" h="panel._height - movie._height - 20" type="text"><![CDATA[{pageIcon.templateData.textVideo[projPI].transcript}]]></DIS>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
+	<PG title="Text Video" name="textVideo">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.textVideo[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

// set up text strings
if (pageIcon.templateData.textVideo[projPI].transcriptTabTxt != undefined){
 transcriptTabTxt = pageIcon.templateData.textVideo[projPI].transcriptTabTxt;
} else {
  transcriptTabTxt = "Transcript";
}

if (pageIcon.templateData.textVideo[projPI].transcriptTabTip != undefined){
 transcriptTabTip = pageIcon.templateData.textVideo[projPI].transcriptTabTip;
} else {
  transcriptTabTip = "Transcript";
}

if (pageIcon.templateData.textVideo[projPI].transcriptTabWidth != undefined){
 transcriptTabWidth = pageIcon.templateData.textVideo[projPI].transcriptTabWidth;
} else {
  transcriptTabWidth = "90";
}

//size the movie
if (pageIcon.templateData.textVideo[projPI].movieSize != undefined){
  icon.parentNode.getChildByName('movie').attributes.w = pageIcon.templateData.textVideo[projPI].movieSize.split(',')[0];
  icon.parentNode.getChildByName('movie').attributes.h = pageIcon.templateData.textVideo[projPI].movieSize.split(',')[1];
}

vidURL = pageIcon.templateData.textVideo[projPI].url;
//support for links from moletv
if (vidURL.indexOf('moletv.org.uk') != -1){
  vid = vidURL.split('=')[1];
  vidURL = "'http://www.moletv.org.uk/mod/FileStream.aspx?v=" + vid + "&t=1&z=.flv'"
}


if (pageIcon.templateData.textVideo[projPI].narration != undefined){
  narration = pageIcon.templateData.textVideo[projPI].narration;
  rootIcon.broadcast('showAudio');
}
fullScreen = false;



]]></SCR>
		<DIS tabIndex="-1" id="panel" name="panel" x="-300" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<INT name="loadPanel" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="panel" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//ok to move on



]]></SCR>
			</RES>
		</INT>
		<MOV id="movie" name="movie" x="0" y="30" url="{vidURL}" controls="1" play="0"><![CDATA[{pageIcon.templateData.textVideo[projPI].tip}]]></MOV>
		<INT name="loadVideo" perpetual="0">
			<RES name="onMovieReady" type="event" eventName="onMovieReady" icon="movie" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[//resize the panel to the graphic
panel._width = movie._width + 20;
panel._height = movie._height + 40;

if (pageIcon.templateData.textVideo[projPI].align == 'Left'){
  panel._x = stageWidth - panel._width - 20;
  movie._x = panel._x + 10;
  textX = 20;
} else {
  panel._x = 20;
  movie._x = 30;
  textX = panel._width + 40;
}
textWidth = stageWidth - 60 - panel._width;

if (pageIcon.templateData.textVideo[projPI].reset == 'false'){
  movie.flvPlayer.autoRewind = false;
}

initW = movie._width;
initH = movie._height;
initX = movie._x;
initY = movie._y;

if (pageIcon.templateData.textVideo[projPI].startFrame != undefined){
  movie.flvPlayer.seek(Number(pageIcon.templateData.textVideo[projPI].startFrame));
}]]></SCR>
			</RES>
		</INT>
		<DIS id="textBlock" scrolling="auto" name="text" x="textX" y="20" w="textWidth" h="480" type="text"><![CDATA[{pageIcon.templateData.textVideo[projPI]}]]></DIS>
		<INT name="events" perpetual="1">
			<RES rs="btnToggle" swf="templatePath + 'common/zoom.png'" name="toggle" type="button" x="movie._x + movie._width - 20" y="movie._y + movie._height + 2" label="label" erase="1" exit="0">
				<SCR name="[Untitled]"><![CDATA[if (fullScreen == false){

  fullScreen = true;
  playOn = false;
  if (movie.flvPlayer.playing == true){
    movie.pause();
    playOn = true;
  }
  movie.setSize(800,434);
  if (playOn == true){
    movie.play();
  }
  
  if (movie.flvPlayer.playing == true){
  
  }
  textBlock._visible = false;
  
} else {

  fullScreen = false;
  playOn = false;
  if (movie.flvPlayer.playing == true){
    movie.pause();
    playOn = true;
  }
  
  movie.setSize(initW,initH);
    
  if (playOn == true){
    movie.play();
  }
  textBlock._visible = true;
}
]]></SCR>
			</RES>
			<RES name="onResize" type="event" eventName="onResize" icon="movie" erase="1" exit="0">
				<SCR name="[Untitled]"><![CDATA[if (fullScreen == true){

  movie._x = 400 - movie._width / 2;
      
  panel._x = movie._x - 10;
  panel._y = movie._y - 10;
  panel._width = movie._width + 20;
  panel._height = movie._height +40;  
  
  btnToggle._x = movie._x + movie._width - 20;
  btnToggle._y = movie._y + movie._height + 2;

} else {

  movie._x = initX;
  movie._y = initY;
  
  panel._x = movie._x - 10;
  panel._y = movie._y - 10;
  panel._width = initW + 20;
  panel._height = initH +40;
      
  btnToggle._x = initX + initW - 20;
  btnToggle._y = initY + initH + 2;
}


]]></SCR>
			</RES>
			<RES name="onPlayheadUpdate" type="event" eventName="onPlayheadUpdate" icon="movie" erase="1" exit="0">
				<SCR name="[Untitled]"><![CDATA[//end time reached?
if (pageIcon.templateData.textVideo[projPI].endFrame != undefined){
  if (movie.flvPlayer.playheadTime > Number(pageIcon.templateData.textVideo[projPI].endFrame)){
    movie.pause();
    movie.flvPlayer.seek(Number(pageIcon.templateData.textVideo[projPI].startFrame));
  }
}]]></SCR>
			</RES>
		</INT>
		<SCR name="setupTranscript"><![CDATA[if (pageIcon.templateData.textVideo[projPI].transcript == undefined){
  icon.nextSibling.removeNode();
}

]]></SCR>
		<INT id="trans" name="transcript" perpetual="0">
			<RES toolTip="{transcriptTabTip}" w="transcriptTabWidth" swf="templatePath + 'common/invertTab.swf'" rs="btnTrans" name="showTranscript" type="button" x="panel._x + panel._width - (10 + parseInt(transcriptTabWidth)" y="panel._y + panel._height" label="{transcriptTabTxt}" erase="1" exit="0">
				<SCR name="tween"><![CDATA[if (transShow != true){
  panel.tween("_height", panel._height, 464,0.2,'Strong', 'easeIn');
  btnTrans.tween("_y", btnTrans._y, 484,0.2,'Strong', 'easeIn');
  transShow = true;
} else {
  panel.tween("_height", panel._height, movie._height + 30,0.2,'Strong', 'easeIn');
  btnTrans.tween("_y", btnTrans._y, movie._y + movie._height + 20,0.2,'Strong', 'easeIn');
  transShow = false;
}

]]></SCR>
			</RES>
			<RES name="onMotionFinished" type="event" eventName="onMotionFinished" icon="panel" erase="1" exit="0">
				<SCR name="broadcast"><![CDATA[if (transShow == true){
  trans.broadcast("showTranscript");
}]]></SCR>
			</RES>
			<RES name="showTranscript" type="event" eventName="showTranscript" icon="trans" erase="1" exit="0">
				<DIS textColour="#333333" scrolling="auto" name="transcript" x="movie._x" y="movie._y + movie._height" w="movie._width" h="panel._height - movie._height - 20" type="text"><![CDATA[{pageIcon.templateData.textVideo[projPI].transcript}]]></DIS>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/videoSynch.rlm b/modules/xerte/parent_templates/Nottingham/models/videoSynch.rlm
index 08d2927f3a..b74bafb182 100644
--- a/modules/xerte/parent_templates/Nottingham/models/videoSynch.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/videoSynch.rlm
@@ -1 +1 @@
-	<PG title="Video Synch" name="videoSynch">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.videoSynch[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

itemCount = pageIcon.templateData.videoSynch[projPI].nestedPage.length);

if (pageIcon.templateData.videoSynch[projPI].narration != undefined){
  narration = pageIcon.templateData.videoSynch[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS h="474" w="760" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<MOV id="flv" name="movie" x="40" y="40" url="{pageIcon.templateData.videoSynch[projPI].url}" controls="1" play="0"><![CDATA[]]></MOV>
		<INT name="loadMovie" perpetual="0">
			<RES name="onMovieReady" type="event" eventName="onMovieReady" icon="flv" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//move on]]></SCR>
			</RES>
		</INT>
		<DIS textColour="#333333" scrolling="auto" id="textBlock" h="414 - flv._height" name="text" x="flv._x" y="flv._y + flv._height + 30" w="flv._width" type="text"><![CDATA[{pageIcon.templateData.videoSynch[projPI].text}]]></DIS>
		<SCR name="setupEvents"><![CDATA[if (icon.attributes.built != 'true'){
  icon.nextSibling.childNodes[0].duplicate(itemCount - 1);
  icon.attributes.built = 'true';
}
nextY = 45;

for (i = 0; i < itemCount; i++){
  flv.addASCuePoint(Number(pageIcon.templateData.videoSynch[projPI].nestedPage[i].synch), 'cue'+i);
  icon.nextSibling.childNodes[i].attributes.eventName = 'cue' + i;
  if (pageIcon.templateData.videoSynch[projPI].erase == 'False'){
    icon.nextSibling.childNodes[i].attributes.erase = 0;
  }    
}]]></SCR>
		<INT id="vidInt" name="eventHandlers" perpetual="0">
			<RES name="protoEvent" type="event" eventName="protoEvent" icon="flv" erase="1" exit="0">
				<DIS textColour="#333333" id="txt" name="synchedText" x="flv._x + flv._width + 25" y="nextY " w="800 - flv._width - 110" h="10" type="text"><![CDATA[{pageIcon.templateData.videoSynch[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
				<SCR name="setup"><![CDATA[if (pageIcon.templateData.videoSynch[projPI].pause == 'True'){
  flv.pause();
}

if (pageIcon.templateData.videoSynch[projPI].erase == 'False'){
  nextY = txt._y + txt._height + 15;
  h = txt._height + 10;
  icon.parentNode.getChildByName('image').removeNode();
  icon.parentNode.getChildByName('loadImage').removeNode();
} else {
  h = 434;
 
  //is there an image
  if (pageIcon.templateData.videoSynch[projPI].nestedPage[0].url == undefined){
    icon.parentNode.getChildByName('image').removeNode();
    icon.parentNode.getChildByName('loadImage').removeNode();
  }
}

txt.beginFill(0xFFFFCC,100);
txt.lineStyle(1,0x666666,100);
txt.drawRect(-5,-5,txt._width + 10, h);


]]></SCR>
				<DIS id="img" name="image" x="txt._x" y="txt._y + txt.txt._height + 20" type="ext" url="{pageIcon.templateData.videoSynch[projPI].nestedPage[icon.parentNode.index()].url}"><![CDATA[]]></DIS>
				<INT name="loadImage" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="img" erase="1" exit="0">
						<SCR name="size"><![CDATA[img.constrain(txt._width - 10, 404 - txt.txt._height);]]></SCR>
					</RES>
				</INT>
			</RES>
			<RES name="onMovieStopped" type="event" eventName="onMovieStopped" icon="flv" erase="1" exit="0">
				<SCR name="hide"><![CDATA[//hide others
nextY = 45;
for (i = 0; i < itemCount; i++){
  vidInt.eraseResponse(i);
}
]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
+	<PG title="Video Synch" name="videoSynch">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.videoSynch[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

itemCount = pageIcon.templateData.videoSynch[projPI].nestedPage.length);

if (pageIcon.templateData.videoSynch[projPI].narration != undefined){
  narration = pageIcon.templateData.videoSynch[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS h="474" w="760" tabIndex="-1" id="panel" name="panel" x="20" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<MOV id="flv" name="movie" x="40" y="40" url="{pageIcon.templateData.videoSynch[projPI].url}" controls="1" play="0"><![CDATA[]]></MOV>
		<INT name="loadMovie" perpetual="0">
			<RES name="onMovieReady" type="event" eventName="onMovieReady" icon="flv" erase="1" exit="1">
				<SCR name="exit"><![CDATA[//move on]]></SCR>
			</RES>
		</INT>
		<DIS textColour="#333333" scrolling="auto" id="textBlock" h="414 - flv._height" name="text" x="flv._x" y="flv._y + flv._height + 30" w="flv._width" type="text"><![CDATA[{pageIcon.templateData.videoSynch[projPI].text}]]></DIS>
		<SCR name="setupEvents"><![CDATA[if (icon.attributes.built != 'true'){
  icon.nextSibling.childNodes[0].duplicate(itemCount - 1);
  icon.attributes.built = 'true';
}
nextY = 45;

for (i = 0; i < itemCount; i++){
  flv.addASCuePoint(Number(pageIcon.templateData.videoSynch[projPI].nestedPage[i].synch), 'cue'+i);
  icon.nextSibling.childNodes[i].attributes.eventName = 'cue' + i;
  if (pageIcon.templateData.videoSynch[projPI].erase == 'False'){
    icon.nextSibling.childNodes[i].attributes.erase = 0;
  }    
}]]></SCR>
		<INT id="vidInt" name="eventHandlers" perpetual="0">
			<RES name="protoEvent" type="event" eventName="protoEvent" icon="flv" erase="1" exit="0">
				<DIS textColour="#333333" id="txt" name="synchedText" x="flv._x + flv._width + 25" y="nextY " w="800 - flv._width - 110" h="10" type="text"><![CDATA[{pageIcon.templateData.videoSynch[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
				<SCR name="setup"><![CDATA[if (pageIcon.templateData.videoSynch[projPI].pause == 'True'){
  flv.pause();
}

if (pageIcon.templateData.videoSynch[projPI].erase == 'False'){
  nextY = txt._y + txt._height + 15;
  h = txt._height + 10;
  icon.parentNode.getChildByName('image').removeNode();
  icon.parentNode.getChildByName('loadImage').removeNode();
} else {
  h = 434;
 
  //is there an image
  if (pageIcon.templateData.videoSynch[projPI].nestedPage[0].url == undefined){
    icon.parentNode.getChildByName('image').removeNode();
    icon.parentNode.getChildByName('loadImage').removeNode();
  }
}

txt.beginFill(0xFFFFCC,100);
txt.lineStyle(1,0x666666,100);
txt.drawRect(-5,-5,txt._width + 10, h);


]]></SCR>
				<DIS id="img" name="image" x="txt._x" y="txt._y + txt.txt._height + 20" type="ext" url="{pageIcon.templateData.videoSynch[projPI].nestedPage[icon.parentNode.index()].url}"><![CDATA[]]></DIS>
				<INT name="loadImage" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="img" erase="1" exit="0">
						<SCR name="size"><![CDATA[img.constrain(txt._width - 10, 404 - txt.txt._height);]]></SCR>
					</RES>
				</INT>
			</RES>
			<RES name="onMovieStopped" type="event" eventName="onMovieStopped" icon="flv" erase="1" exit="0">
				<SCR name="hide"><![CDATA[//hide others
nextY = 45;
for (i = 0; i < itemCount; i++){
  vidInt.eraseResponse(i);
}
]]></SCR>
			</RES>
			<RES name="onMovieSeek" type="event" eventName="onMovieSeek" icon="flv" erase="1" exit="0">
				<SCR name="hide"><![CDATA[//hide others
nextY = 45;
for (i = 0; i < itemCount; i++){
  vidInt.eraseResponse(i);
}
]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/wiki.rlm b/modules/xerte/parent_templates/Nottingham/models/wiki.rlm
index b009e41fe7..3e95395879 100644
--- a/modules/xerte/parent_templates/Nottingham/models/wiki.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/wiki.rlm
@@ -1 +1 @@
-	<PG title="Wiki" name="wiki">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.wiki[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

align = pageIcon.templateData.wiki[projPI].align;

if (pageIcon.templateData.wiki[projPI].narration != undefined){
  narration = pageIcon.templateData.wiki[projPI].narration;
  rootIcon.broadcast('showAudio');
}


]]></SCR>
		<DIS tabIndex="-1" id="panel" h="474" w="500" name="panel" x="align == 'Left' ? 20 : 280" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<SCR name="getFeed"><![CDATA[baseURL = pageIcon.templateData.wiki[projPI].url;

if (templatePath.indexOf('modules/xerte') == -1){
  feedURL = baseURL;
} else {
  feedURL = _level0.site_url + 'rss_proxy.php?rss=' + baseURL;
}

req = new XML('<req/'>);
panel.sendAndLoad(req, feedURL);





]]></SCR>
		<DIS scrolling="auto" name="instruction" x="align == 'Left' ? 540 : 20" y="20" w="240" h="480" type="text"><![CDATA[{pageIcon.templateData.wiki[projPI].text}]]></DIS>
		<INT name="loadFeed" perpetual="0">
			<RES name="onSendAndLoad" type="event" eventName="onSendAndLoad" icon="panel" erase="1" exit="1">
				<SCR name="parseFeed"><![CDATA[arr = panel.serverXML.findNodesByName('p');

t = "<br><p><b>Wikipedia: " + pageIcon.templateData.wiki[projPI].url + '</b></p><br>';
for (i = 0; i < arr.length; i++){
  if (arr[i].firstChild.nodeType == 3);
    t += '</a>' + arr[i] + '<br>';
  }
}
t = replace(t, 'href="/', 'target="_blank" href="http://en.wikipedia.org/');
t += '<br><br><a href="' + baseURL + '" target="_blank">Original article</a>';




]]></SCR>
			</RES>
		</INT>
		<DIS id="wiki" scrolling="auto" name="feedText" x="panel._x + 20" y="panel._y" w="480" h="474" type="text"><![CDATA[{t}]]></DIS>
		<SCR name="loadStyleSheet"><![CDATA[wiki.loadCSS(templatePath + 'common/wikistyles.css');]]></SCR>
	</PG>
\ No newline at end of file
+	<PG title="Wiki" name="wiki">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();

if (rootIcon.projMode == "dev"){ 
  // Page Wizard
  pageIcon.templateData = pageIcon.extXML.toObject();
  pageIcon.templateData = pageIcon.templateData.pageWizard[0];
} else {
  // Toolkits
  myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
  pageIcon.templateData = myXML.toObject();

}
  rootIcon.setTitleText(templateData.learningObject[0].name);
  
// handle multiple page data definitions in a project 
if (rootIcon.projectPageIndex == undefined){  
   rootIcon.projectPageIndex = 0;
}
// check if this page has a definition for the current project index and default to 0 if not
if (pageIcon.templateData.wiki[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

align = pageIcon.templateData.wiki[projPI].align;

if (pageIcon.templateData.wiki[projPI].narration != undefined){
  narration = pageIcon.templateData.wiki[projPI].narration;
  rootIcon.broadcast('showAudio');
}


]]></SCR>
		<DIS tabIndex="-1" id="panel" h="474" w="500" name="panel" x="align == 'Right' ? 20 : 280" y="20" type="ext" url="templatePath + 'common/whitePanel.swf'"><![CDATA[]]></DIS>
		<SCR name="getFeed"><![CDATA[baseURL = pageIcon.templateData.wiki[projPI].url;

if (templatePath.indexOf('modules/xerte') == -1){
  feedURL = baseURL;
} else {
  feedURL = _level0.site_url + 'rss_proxy.php?rss=' + baseURL;
}

req = new XML('<req/'>);
panel.sendAndLoad(req, feedURL);





]]></SCR>
		<DIS scrolling="auto" name="instruction" x="align == 'Right' ? 540 : 20" y="20" w="240" h="480" type="text"><![CDATA[{pageIcon.templateData.wiki[projPI].text}]]></DIS>
		<INT name="loadFeed" perpetual="0">
			<RES name="onSendAndLoad" type="event" eventName="onSendAndLoad" icon="panel" erase="1" exit="1">
				<SCR name="parseFeed"><![CDATA[arr = panel.serverXML.findNodesByName('p');

t = "<br><p><b>Wikipedia: " + pageIcon.templateData.wiki[projPI].url + '</b></p><br>';
for (i = 0; i < arr.length; i++){
  if (arr[i].firstChild.nodeType == 3);
    t += '</a>' + arr[i] + '<br>';
  }
}
t = replace(t, 'href="/', 'target="_blank" href="http://en.wikipedia.org/');
t += '<br><br><a href="' + baseURL + '" target="_blank">Original article</a>';




]]></SCR>
			</RES>
		</INT>
		<DIS id="wiki" scrolling="auto" name="feedText" x="panel._x + 20" y="panel._y" w="480" h="474" type="text"><![CDATA[{t}]]></DIS>
		<SCR name="loadStyleSheet"><![CDATA[wiki.loadCSS(templatePath + 'common/wikistyles.css');]]></SCR>
	</PG>
\ No newline at end of file