From 3471b956c10d9105b1a0a0afcb009af1bcb9d645 Mon Sep 17 00:00:00 2001
From: Julian Tenney <julian.tenney@nottingham.ac.uk>
Date: Tue, 26 Jun 2012 09:49:35 +0000
Subject: [PATCH] git-svn-id:
 https://xerteonlinetoolkits.googlecode.com/svn/trunk@369
 912cdd6b-5c7d-d5a7-a2ba-d0f0cdb91641

---
 .../Nottingham/models/accNav.rlm              |   2 +-
 .../Nottingham/models/buttonNav.rlm           | 204 +-----------------
 .../Nottingham/models/columnPage.rlm          |  97 +--------
 .../Nottingham/models/imageViewer.rlm         |   2 +-
 .../Nottingham/models/morphImages.rlm         |   2 +-
 .../Nottingham/models/slideshow.rlm           |   2 +-
 .../Nottingham/models/tabNav.rlm              |   2 +-
 7 files changed, 7 insertions(+), 304 deletions(-)

diff --git a/modules/xerte/parent_templates/Nottingham/models/accNav.rlm b/modules/xerte/parent_templates/Nottingham/models/accNav.rlm
index 66fefddc23..200ae868a2 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';
}

if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index() - 1].url == undefined){
  icon.nextSibling.nextSibling.attributes.tabIndex = -1;
}
if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
  icon.nextSibling.nextSibling.attributes.controls = '1';
}
if (pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
  icon.nextSibling.nextSibling.attributes.toolTip = pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].tip;
  icon.nextSibling.nextSibling.firstChild.nodeValue = '{' + pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].tip + '}';
}
]]></SCR>
				<DIS textColour="#333333" id="desc" name="description" x="panel._x + 20" y="btn._y + 40" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.accNav[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
				<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="0">
						<SCR name="resize&Position"><![CDATA[space = 475 - desc._height - 60 - itemCount*21;
graphic.constrain(panelW - 40, space);

if (pageIcon.templateData.accNav[projPI].nestedPage[acc.getPageIndex()].align == 'Bottom'){
  graphic._y = desc._y;
  desc._y = graphic._y + graphic._height + 20;
}

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);
}
graphic._x = panel._x + panel._width / 2 - graphic._width / 2;]]></SCR>
					</RES>
				</INT>
			</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 language="en-GB" 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
diff --git a/modules/xerte/parent_templates/Nottingham/models/buttonNav.rlm b/modules/xerte/parent_templates/Nottingham/models/buttonNav.rlm
index d186524bf9..c50d1d0e6b 100644
--- a/modules/xerte/parent_templates/Nottingham/models/buttonNav.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/buttonNav.rlm
@@ -1,203 +1 @@
-	<PG title="enter page title" name="buttonNav">
-		<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.buttonNav[rootIcon.projectPageIndex].name == undefined){
-  projPI = 0;
-} else {
-  projPI = rootIcon.projectPageIndex; 
-}  
-
-itemCount = pageIcon.templateData.buttonNav[projPI].nestedPage.length);
-
-panelWidth = pageIcon.templateData.buttonNav[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.buttonNav[projPI].buttonWidth == undefined){
-  butW = 100;
-} else {
-  butW = Number(pageIcon.templateData.buttonNav[projPI].buttonWidth);
-}
-
-if (pageIcon.templateData.buttonNav[projPI].narration != undefined){
-  narration = pageIcon.templateData.buttonNav[projPI].narration;
-  rootIcon.broadcast('showAudio');
-}
-]]></SCR>
-		<DIS initObject="{_alpha: subPageAccess == true ? 20 : 100}" h="473" 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.buttonNav[projPI].text}]]></DIS>
-		<SCR name="makeButtons"><![CDATA[if (icon.attributes.built != 'true'){
-  //if there are only two, delete the middle button
-  if (itemCount == 2){
-    icon.nextSibling.childNodes[1].removeNode()
-  }
-
-  if (itemCount > 3){
-    icon.nextSibling.childNodes[1].duplicate(itemCount - 3);
-  }
-
-  icon.attributes.built = 'true';
-}
-icon.nextSibling.firstChild.attributes.rs = 'btn1';
-icon.nextSibling.lastChild.previousSibling.attributes.rs = 'initButton';]]></SCR>
-		<INT id="tabs" name="tabInteraction" perpetual="0">
-			<RES w="butW" swf="templatePath + 'common/toggleButtonLeft.swf'" name="protoLeft" type="button" x="panel._x + (panelW / 2) - ((butW / 2) *itemCount)" y="460" label="{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.index()].name}" erase="1" exit="0">
-				<SCR name="checkTab"><![CDATA[btn = icon.parentNode.getMovieClip();
-btn.setChecked(true,true);
-
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index() - 1].url == undefined){
-  icon.nextSibling.nextSibling.attributes.tabIndex = -1;
-}
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
-  icon.nextSibling.nextSibling.attributes.controls = '1';
-}
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
-  icon.nextSibling.nextSibling.attributes.toolTip = pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip;
-  icon.nextSibling.nextSibling.firstChild.nodeValue = '{' + pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip + '}';
-}
-
-if (subPageAccess == true){
-  icon.nextSibling.attributes.textColour = STYLES.defaultColour;
-} else {
-  icon.nextSibling.attributes.textColour = '#333333';
-}]]></SCR>
-				<DIS textColour="#333333" id="desc" name="description" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
-				<DIS id="graphic" name="graphic" x="420" y="desc._y + desc._height + 20" type="ext" url="{pageIcon.templateData.buttonNav[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="0">
-						<SCR name="resize&Position"><![CDATA[space = 385 - desc._height;
-graphic.constrain(panelW - 40, space);
-
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].align == 'Bottom'){
-  desc._y = 40 + graphic._height + 20;
-  graphic._y = 40;
-}
-
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject != undefined){
-  obj = expression(pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject, engine);
-  graphic.clip.init(obj);
-}
-graphic._x = panel._x + panel._width / 2 - graphic._width / 2;]]></SCR>
-					</RES>
-				</INT>
-			</RES>
-			<RES w="butW" swf="templatePath + 'common/toggleButton.swf'" name="protoCentreButton" type="button" x="icon.previousSibling.clip()._x + butW" y="460" label="{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.index()].name}" erase="1" exit="0">
-				<SCR name="checkTab"><![CDATA[btn = icon.parentNode.getMovieClip();
-btn.setChecked(true,true);
-
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index() - 1].url == undefined){
-  icon.nextSibling.nextSibling.attributes.tabIndex = -1;
-}
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
-  icon.nextSibling.nextSibling.attributes.controls = '1';
-}
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
-  icon.nextSibling.nextSibling.attributes.toolTip = pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip;
-  icon.nextSibling.nextSibling.firstChild.nodeValue = '{' + pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip + '}';
-}
-
-if (subPageAccess == true){
-  icon.nextSibling.attributes.textColour = STYLES.defaultColour;
-} else {
-  icon.nextSibling.attributes.textColour = '#333333';
-}]]></SCR>
-				<DIS textColour="#333333" id="desc" name="description" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
-				<DIS id="graphic" name="graphic" x="420" y="desc._y + desc._height + 20" type="ext" url="{pageIcon.templateData.buttonNav[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="0">
-						<SCR name="resize&Position"><![CDATA[space = 385 - desc._height;
-graphic.constrain(panelW - 40, space);
-
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].align == 'Bottom'){
-  desc._y = 40 + graphic._height + 20;
-  graphic._y = 40;
-}
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject != undefined){
-  obj = expression(pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject, engine);
-  graphic.clip.init(obj);
-}
-
-graphic._x = panel._x + panel._width / 2 - graphic._width / 2;]]></SCR>
-					</RES>
-				</INT>
-			</RES>
-			<RES w="butW" swf="templatePath + 'common/toggleButtonRight.swf'" name="protoRight" type="button" x="icon.previousSibling.clip()._x + butW" y="460" label="{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.index()].name}" erase="1" exit="0">
-				<SCR name="checkTab"><![CDATA[btn = icon.parentNode.getMovieClip();
-btn.setChecked(true,true);
-
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index() - 1].url == undefined){
-  icon.nextSibling.nextSibling.attributes.tabIndex = -1;
-}
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
-  icon.nextSibling.nextSibling.attributes.controls = '1';
-}
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
-  icon.nextSibling.nextSibling.attributes.toolTip = pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip;
-  icon.nextSibling.nextSibling.firstChild.nodeValue = '{' + pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip + '}';
-}
-
-if (subPageAccess == true){
-  icon.nextSibling.attributes.textColour = STYLES.defaultColour;
-} else {
-  icon.nextSibling.attributes.textColour = '#333333';
-}
-]]></SCR>
-				<DIS textColour="#333333" id="desc" name="description" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
-				<DIS id="graphic" name="graphic" x="420" y="desc._y + desc._height + 20" type="ext" url="{pageIcon.templateData.buttonNav[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="0">
-						<SCR name="resize&Position"><![CDATA[space = 385 - desc._height;
-graphic.constrain(panelW - 40, space);
-
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].align == 'Bottom'){
-  desc._y = 40 + graphic._height + 20;
-  graphic._y = 40;
-}
-
-if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject != undefined){
-  obj = expression(pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject, engine);
-  graphic.clip.init(obj);
-}
-graphic._x = panel._x + panel._width / 2 - graphic._width / 2;]]></SCR>
-					</RES>
-				</INT>
-			</RES>
-			<RES name="initialise" type="event" eventName="onLoad" icon="initButton" erase="1" exit="0">
-				<SCR name="[Untitled]"><![CDATA[tabs.beginFill(0xFFFFFF,100);
-tabs.drawRect(panel._x + (panelW / 2) - ((butW / 2) *itemCount) + 2,462,itemCount * butW - 4,20);]]></SCR>
-				<INT name="wait" perpetual="0">
-					<RES name="initButton" type="timeLimit" secs="0" reset="0" erase="1" exit="0">
-						<SCR name="activatePaneOne"><![CDATA[btn1.swfFile.onRelease();]]></SCR>
-					</RES>
-				</INT>
-			</RES>
-		</INT>
-	</PG>
+	<PG language="en-GB" title="enter page title" name="buttonNav">
		<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.buttonNav[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

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

panelWidth = pageIcon.templateData.buttonNav[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.buttonNav[projPI].buttonWidth == undefined){
  butW = 100;
} else {
  butW = Number(pageIcon.templateData.buttonNav[projPI].buttonWidth);
}

if (pageIcon.templateData.buttonNav[projPI].narration != undefined){
  narration = pageIcon.templateData.buttonNav[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS initObject="{_alpha: subPageAccess == true ? 20 : 100}" h="473" 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.buttonNav[projPI].text}]]></DIS>
		<SCR name="makeButtons"><![CDATA[if (icon.attributes.built != 'true'){
  //if there are only two, delete the middle button
  if (itemCount == 2){
    icon.nextSibling.childNodes[1].removeNode()
  }

  if (itemCount > 3){
    icon.nextSibling.childNodes[1].duplicate(itemCount - 3);
  }

  icon.attributes.built = 'true';
}
icon.nextSibling.firstChild.attributes.rs = 'btn1';
icon.nextSibling.lastChild.previousSibling.attributes.rs = 'initButton';]]></SCR>
		<INT id="tabs" name="tabInteraction" perpetual="0">
			<RES w="butW" swf="templatePath + 'common/toggleButtonLeft.swf'" name="protoLeft" type="button" x="panel._x + (panelW / 2) - ((butW / 2) *itemCount)" y="460" label="{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.index()].name}" erase="1" exit="0">
				<SCR name="checkTab"><![CDATA[btn = icon.parentNode.getMovieClip();
btn.setChecked(true,true);

gIcon = icon.parentNode.getChildByName('graphic');
if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
  if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
    gIcon.attributes.controls = '1';
  }
  if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
    gIcon.attributes.toolTip = pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip;
    gIcon.firstChild.nodeValue = '{' + pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip + '}';
  }
} else { //no graphic
  gIcon.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="graphic" x="420" y="desc._y + desc._height + 20" type="ext" url="{pageIcon.templateData.buttonNav[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);
textH = 393 - graphic._height;

if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject != undefined){
  obj = expression(pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject, engine);
  graphic.clip.init(obj);
}
]]></SCR>
					</RES>
				</INT>
				<DIS scrolling="auto" textColour="#333333" id="desc" name="description" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="textH" type="text"><![CDATA[{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
				<SCR name="pos"><![CDATA[if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
  if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].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>
			</RES>
			<RES w="butW" swf="templatePath + 'common/toggleButton.swf'" name="protoCentreButton" type="button" x="icon.previousSibling.clip()._x + butW" y="460" label="{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.index()].name}" erase="1" exit="0">
				<SCR name="checkTab"><![CDATA[btn = icon.parentNode.getMovieClip();
btn.setChecked(true,true);

gIcon = icon.parentNode.getChildByName('graphic');
if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
  if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
    gIcon.attributes.controls = '1';
  }
  if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
    gIcon.attributes.toolTip = pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip;
    gIcon.firstChild.nodeValue = '{' + pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip + '}';
  }
} else { //no graphic
  gIcon.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="graphic" x="420" y="desc._y + desc._height + 20" type="ext" url="{pageIcon.templateData.buttonNav[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);
textH = 393 - graphic._height;

if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject != undefined){
  obj = expression(pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject, engine);
  graphic.clip.init(obj);
}]]></SCR>
					</RES>
				</INT>
				<DIS scrolling="auto" textColour="#333333" id="desc" name="description" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="textH" type="text"><![CDATA[{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
				<SCR name="pos"><![CDATA[if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
  if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].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>
			</RES>
			<RES w="butW" swf="templatePath + 'common/toggleButtonRight.swf'" name="protoRight" type="button" x="icon.previousSibling.clip()._x + butW" y="460" label="{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.index()].name}" erase="1" exit="0">
				<SCR name="checkTab"><![CDATA[btn = icon.parentNode.getMovieClip();
btn.setChecked(true,true);

gIcon = icon.parentNode.getChildByName('graphic');
if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
  if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
    gIcon.attributes.controls = '1';
  }
  if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
    gIcon.attributes.toolTip = pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip;
    gIcon.firstChild.nodeValue = '{' + pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].tip + '}';
  }
} else { //no graphic
  gIcon.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="graphic" x="420" y="desc._y + desc._height + 20" type="ext" url="{pageIcon.templateData.buttonNav[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);
textH = 393 - graphic._height;

if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject != undefined){
  obj = expression(pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].initObject, engine);
  graphic.clip.init(obj);
}]]></SCR>
					</RES>
				</INT>
				<DIS scrolling="auto" textColour="#333333" id="desc" name="description" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="textH" type="text"><![CDATA[{pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
				<SCR name="pos"><![CDATA[if (pageIcon.templateData.buttonNav[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
  if (pageIcon.templateData.buttonNav[projPI].nestedPage[tabs.getPageIndex()].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>
			</RES>
			<RES name="initialise" type="event" eventName="onLoad" icon="initButton" erase="1" exit="0">
				<SCR name="[Untitled]"><![CDATA[tabs.beginFill(0xFFFFFF,100);
tabs.drawRect(panel._x + (panelW / 2) - ((butW / 2) *itemCount) + 2,462,itemCount * butW - 4,20);]]></SCR>
				<INT name="wait" perpetual="0">
					<RES name="initButton" type="timeLimit" secs="0" 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/columnPage.rlm b/modules/xerte/parent_templates/Nottingham/models/columnPage.rlm
index 3e9da00131..effef18be8 100644
--- a/modules/xerte/parent_templates/Nottingham/models/columnPage.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/columnPage.rlm
@@ -1,96 +1 @@
-	<PG title="Column Page" name="columnPage">
-		<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.columnPage[rootIcon.projectPageIndex].name == undefined){
-  projPI = 0;
-} else {
-  projPI = rootIcon.projectPageIndex; 
-}  
-
-textSize = pageIcon.templateData.columnPage[projPI].size;
-
-colCount = pageIcon.templateData.columnPage[projPI].nestedPage.length;
-colWidth = 780 / colCount;
-
-if (pageIcon.templateData.columnPage[projPI].narration != undefined){
-  narration = pageIcon.templateData.columnPage[projPI].narration;
-  rootIcon.broadcast('showAudio');
-}
-
-]]></SCR>
-		<SCR name="header"><![CDATA[if (pageIcon.templateData.columnPage[projPI].header == undefined){
-  icon.nextSibling.removeNode();
-}]]></SCR>
-		<DIS id="header" name="header" x="20" y="20" w="760" h="10" type="text"><![CDATA[{pageIcon.templateData.columnPage[projPI].header}]]></DIS>
-		<SCR name="getHeaderHeight"><![CDATA[if (pageIcon.templateData.columnPage[projPI].header == undefined){
-  headerHeight = 0;
-} else {
-  headerHeight = header._height + 20;
-}
-
-if (icon.attributes.built != "true"){
-  icon.nextSibling.firstChild.duplicate(colCount - 1);
-  icon.attributes.built = "true";
-}]]></SCR>
-		<DEC id="columns" name="columns" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
-			<PG name="protoColumn">
-				<DIS id="colText" scrolling="auto" name="text" x="20 + (colWidth * icon.parentNode.index())" y="20 + headerHeight" w="colWidth - 20" h="480 - headerHeight" type="text"><![CDATA[{pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
-				<SCR name="deleteLoader"><![CDATA[col = icon.parentNode.clip();
-colText._visible = false;
-
-if (pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].url == undefined){
-  icon.nextSibling.removeNode();
-  icon.nextSibling.removeNode();
-  colText._visible = true;
-  col.fade('in',0.5,'None','easeNone',6);
-}
-
-if (pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
-  icon.nextSibling.attributes.controls = '1';
-}
-
-if (pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
-  icon.nextSibling.attributes.toolTip = pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].tip;
-  icon.nextSibling.firstChild.nodeValue = '{"' + pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].tip + '"}';
-}
-
-]]></SCR>
-				<DIS id="graphic" name="graphic" x="20 + (colWidth * icon.parentNode.index())" y="colText._y + colText._height + 20" type="ext" url="{pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].url}"><![CDATA[]]></DIS>
-				<INT name="loader" perpetual="0">
-					<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
-						<SCR name="resize"><![CDATA[graphic.constrain(colWidth - 20, 456 - colText._height);
-
-if (pageIcon.templateData.columnPage[projPI].nestedPage[columns.getPageIndex()].align == 'Top'){
-  colText._y = 20 + graphic._height + 20;
-  graphic._y = 20;
-}
-colText._visible = true;
-
-if (pageIcon.templateData.columnPage[projPI].nestedPage[columns.getPageIndex()].initObject != undefined){
-  obj = expression(pageIcon.templateData.accNav[0].nestedPage[icon.parentNode.index()].initObject, engine);
-  graphic.clip.init(obj);
-}
-
-colText.txt._height = 460 - graphic._height;
-colText.scrollBar.setSize(460 - graphic._height);]]></SCR>
-					</RES>
-				</INT>
-			</PG>
-		</DEC>
-	</PG>
+	<PG language="en-GB" title="Column Page" name="columnPage">
		<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.columnPage[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}  

colCount = pageIcon.templateData.columnPage[projPI].nestedPage.length;
colWidth = 780 / colCount;

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

]]></SCR>
		<SCR name="header"><![CDATA[if (pageIcon.templateData.columnPage[projPI].header == undefined && icon.built != 'true'){
  icon.nextSibling.removeNode();
  icon.built = 'true';
}]]></SCR>
		<DIS id="header" name="header" x="20" y="20" w="760" h="10" type="text"><![CDATA[{pageIcon.templateData.columnPage[projPI].header}]]></DIS>
		<SCR name="getHeaderHeight"><![CDATA[if (pageIcon.templateData.columnPage[projPI].header == undefined){
  headerHeight = 0;
} else {
  headerHeight = header._height + 20;
}

if (icon.built != "true"){
  icon.nextSibling.firstChild.duplicate(colCount - 1);
  icon.built = "true";
}
]]></SCR>
		<DEC id="columns" name="columns" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG name="protoColumn">
				<SCR name="deleteLoader"><![CDATA[col = icon.parentNode.clip();
textH = 480 - headerHeight;

if (pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].url != undefined){  

  if (pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
    icon.nextSibling.attributes.controls = '1';
  }
  if (pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
    icon.nextSibling.attributes.toolTip = pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].tip;
    icon.nextSibling.firstChild.nodeValue = '{"' + pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].tip + '"}';
  }
  
} else { //no graphic

  icon.parentNode.getChildByName('graphic').removeNode();
  icon.parentNode.getChildByName('loader').removeNode();
}



]]></SCR>
				<DIS id="graphic" name="graphic" x="20 + (colWidth * icon.parentNode.index())" y="colText._y + colText._height + 20" type="ext" url="{pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].url}"><![CDATA[]]></DIS>
				<INT name="loader" perpetual="0">
					<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
						<SCR name="resize"><![CDATA[graphic.constrain(colWidth - 20, 300);
textH = 480 - headerHeight - graphic._height - 20;

if (pageIcon.templateData.columnPage[projPI].nestedPage[columns.getPageIndex()].initObject != undefined){
  obj = expression(pageIcon.templateData.accNav[0].nestedPage[icon.parentNode.index()].initObject, engine);
  graphic.clip.init(obj);
}

]]></SCR>
					</RES>
				</INT>
				<DIS id="colText" scrolling="auto" name="text" x="20 + (colWidth * icon.parentNode.index())" y="20 + headerHeight" w="colWidth - 20" h="textH" type="text"><![CDATA[{pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
				<SCR name="position"><![CDATA[colText._y = 20 + headerHeight;

if (pageIcon.templateData.columnPage[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
  
  if (pageIcon.templateData.columnPage[projPI].nestedPage[columns.getPageIndex()].align == 'Top'){
    colText._y = 20 + headerHeight;
    graphic._y = 20 + headerHeight + textH + 20;
  
  } else {
  
    colText._y = 20 + graphic._height + 20 + headerHeight;
    graphic._y = 20 + headerHeight; 
  }

} else { //no graphic

}]]></SCR>
			</PG>
		</DEC>
	</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 754a5cd21e..9db8962cbe 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="0">
			<RES rs="btnMove" toolTip="{moveTip}" swf="templatePath + 'common/move.swf'" name="move" type="button" x="panel._x + 15" y="panel._y + 15" 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 + 40" y="panel._y + 15" 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 + 63" y="panel._y + 15" 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 + 86" y="panel._y + 15" 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 + 111" y="panel._y + 15" 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 + 136" y="panel._y + 15" 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>
			<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>
		</INT>
	</PG>
\ No newline at end of file
+	<PG language="en-GB" 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
diff --git a/modules/xerte/parent_templates/Nottingham/models/morphImages.rlm b/modules/xerte/parent_templates/Nottingham/models/morphImages.rlm
index 069f5b0135..606c27315a 100644
--- a/modules/xerte/parent_templates/Nottingham/models/morphImages.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/morphImages.rlm
@@ -1 +1 @@
-	<PG title="Morph Images" name="morphImages">
		<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.morphImages[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}

// set up text strings

if (pageIcon.templateData.morphImages[projPI].zoomBtnTip != undefined){
  zoomBtnTip = pageIcon.templateData.morphImages[projPI].zoomBtnTip;
} else {
  zoomBtnTip = "Zoom";
}

if (pageIcon.templateData.morphImages[projPI].zoomBtnWidth != undefined){
  zoomBtnWidth = pageIcon.templateData.morphImages[projPI].zoomBtnWidth;
} else {
  zoomBtnWidth = "80";
}

state = 'out';

if (pageIcon.templateData.morphImages[projPI].narration != undefined){
  narration = pageIcon.templateData.morphImages[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="setup"><![CDATA[//ok to move on
hs = new Object();
hs.x = Number(pageIcon.templateData.morphImages[projPI].hotspot[0].x);
hs.y = Number(pageIcon.templateData.morphImages[projPI].hotspot[0].y);
hs.w = Number(pageIcon.templateData.morphImages[projPI].hotspot[0].w);

zoom = 'out';



]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.morphImages[projPI].tip1}" scrolling="auto" id="graphic" name="graphic" x="1200" y="30" type="ext" url="{pageIcon.templateData.morphImages[projPI].url}"><![CDATA[{pageIcon.templateData.morphImages[projPI].tip}
]]></DIS>
		<DIS id="mask1" name="mask1" x="graphic._x" y="graphic._y" type="ext" url=""><![CDATA[{pageIcon.templateData.morphImages[projPI].tip}
]]></DIS>
		<INT name="loadImage1" perpetual="0">
			<RES name="onLoadGraphic1" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[maxWidth = 465;
maxHeight = 465;

graphic.constrain(maxWidth, maxHeight);

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

panel._x = 20;
graphic._x = 30;
textX = graphic._width + 60;
textY = 20;
textWidth = stageWidth - 80 - graphic._width;

mask1._x = graphic._x;
mask1._y = graphic._y;
mask1.beginFill(0xFF0000,100);
mask1.drawRect(0,0,graphic._width, graphic._height);
graphic.setMask(mask1);

//store for later
graphic.initX = graphic._x;
graphic.initY = graphic._y;
graphic.initW = graphic._width;
graphic.initH = graphic._height;



]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.morphImages[projPI].tip2}" scrolling="auto" id="graphic2" name="graphic2" x="1200" y="30" type="ext" url="{pageIcon.templateData.morphImages[projPI].url2}"><![CDATA[{pageIcon.templateData.morphImages[projPI].tip}
]]></DIS>
		<DIS id="mask2" name="mask2" x="graphic._x" y="graphic._y" type="ext" url=""><![CDATA[{pageIcon.templateData.morphImages[projPI].tip}
]]></DIS>
		<INT name="loadImage2" perpetual="0">
			<RES name="onLoadGraphic2" type="event" eventName="onLoad" icon="graphic2" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[graphic2._x = graphic._x + hs.x;
graphic2._y = graphic._y + hs.y;
graphic2._width = hs.w;
graphic2._height = graphic._height * (hs.w / graphic._width);
graphic2._alpha = 0;

mask2._x = graphic._x;
mask2._y = graphic._y;
mask2.beginFill(0xFF0000,100);
mask2.drawRect(0,0,graphic._width, graphic._height);
graphic2.setMask(mask2);

s = Number(pageIcon.templateData.morphImages[projPI].zoomSpeed);
p = graphic._width / hs.w;

//store for later
graphic2.initX = graphic2._x;
graphic2.initY = graphic2._y;
graphic2.initW = hs.w;
graphic2.initH = graphic2._height;
]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.morphImages[projPI].text}]]></DIS>
		<INT name="interaction" perpetual="0">
			<RES toolTip="{zoomBtnTip}" w="zoomBtnWidth" rs="btnAnim" swf="templatePath + 'common/button.swf'" name="animate&scale" type="button" x="textBlock._x" y="textBlock._y + textBlock._height + 20" label="{pageIcon.templateData.morphImages[projPI].buttonLabel != undefined ? pageIcon.templateData.morphImages[projPI].buttonLabel : 'Zoom' }" erase="1" exit="0">
				<SCR name="animate"><![CDATA[
if (state == 'out'){

  btnAnim.setEnabled(false);
  
  graphic2.tween('_x', graphic2._x, graphic._x, s);
  graphic2.tween('_y', graphic2._y, graphic._y, s);
  graphic2.tween('_width', graphic2._width, graphic._width, s);
  graphic2.tween('_height', graphic2._height, graphic._height, s);
  graphic2.tween('_alpha', 0, 100, s);
    
  graphic.tween('_x', graphic._x, graphic._x - (hs.x * p), s);
  graphic.tween('_y', graphic._y, graphic._y - (hs.y * p), s);
  graphic.tween('_width', graphic._width, graphic._width * p, s);
  graphic.tween('_height', graphic._height, graphic._height * p, s);
  graphic.tween('_alpha', 100,0, s);
  
  state = 'in';
  
} else {

  btnAnim.setEnabled(false); 
  
  graphic2.tween('_x', graphic2._x, graphic2.initX, s);
  graphic2.tween('_y', graphic2._y, graphic2.initY, s);
  graphic2.tween('_width', graphic2._width, graphic2.initW, s);
  graphic2.tween('_height', graphic2._height, graphic2.initH, s);  
  graphic2.tween('_alpha', 100,0, s);
    
  graphic.tween('_x', graphic._x, graphic.initX, s);
  graphic.tween('_y', graphic._y, graphic.initY, s);
  graphic.tween('_width', graphic._width, graphic.initW, s);
  graphic.tween('_height', graphic._height, graphic.initH, s);  
  graphic.tween('_alpha', 0,100, s);
  
  state = 'out';
}


  
 
]]></SCR>
			</RES>
			<RES name="enableButton" type="event" eventName="onMotionFinished" icon="graphic" erase="1" exit="0">
				<SCR name="enable"><![CDATA[btnAnim.setEnabled(true);]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
+	<PG language="en-GB" title="Morph Images" name="morphImages">
		<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.morphImages[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
}

// set up text strings

if (pageIcon.templateData.morphImages[projPI].zoomBtnTip != undefined){
  zoomBtnTip = pageIcon.templateData.morphImages[projPI].zoomBtnTip;
} else {
  zoomBtnTip = "Zoom";
}

if (pageIcon.templateData.morphImages[projPI].zoomBtnWidth != undefined){
  zoomBtnWidth = pageIcon.templateData.morphImages[projPI].zoomBtnWidth;
} else {
  zoomBtnWidth = "80";
}

state = 'out';

if (pageIcon.templateData.morphImages[projPI].narration != undefined){
  narration = pageIcon.templateData.morphImages[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="setup"><![CDATA[//ok to move on
hs = new Object();
hs.x = Number(pageIcon.templateData.morphImages[projPI].hotspot[0].x);
hs.y = Number(pageIcon.templateData.morphImages[projPI].hotspot[0].y);
hs.w = Number(pageIcon.templateData.morphImages[projPI].hotspot[0].w);

zoom = 'out';



]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.morphImages[projPI].tip1}" scrolling="auto" id="graphic" name="graphic" x="1200" y="30" type="ext" url="{pageIcon.templateData.morphImages[projPI].url}"><![CDATA[{pageIcon.templateData.morphImages[projPI].tip}
]]></DIS>
		<DIS id="mask1" name="mask1" x="graphic._x" y="graphic._y" type="ext" url=""><![CDATA[{pageIcon.templateData.morphImages[projPI].tip}
]]></DIS>
		<INT name="loadImage1" perpetual="0">
			<RES name="onLoadGraphic1" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[maxWidth = 465;
maxHeight = 465;

graphic.constrain(maxWidth, maxHeight);

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

panel._x = 20;
graphic._x = 30;
textX = graphic._width + 60;
textY = 20;
textWidth = stageWidth - 80 - graphic._width;

mask1._x = graphic._x;
mask1._y = graphic._y;
mask1.beginFill(0xFF0000,100);
mask1.drawRect(0,0,graphic._width, graphic._height);
graphic.setMask(mask1);

//store for later
graphic.initX = graphic._x;
graphic.initY = graphic._y;
graphic.initW = graphic._width;
graphic.initH = graphic._height;



]]></SCR>
			</RES>
		</INT>
		<DIS toolTip="{pageIcon.templateData.morphImages[projPI].tip2}" scrolling="auto" id="graphic2" name="graphic2" x="1200" y="30" type="ext" url="{pageIcon.templateData.morphImages[projPI].url2}"><![CDATA[{pageIcon.templateData.morphImages[projPI].tip}
]]></DIS>
		<DIS id="mask2" name="mask2" x="graphic._x" y="graphic._y" type="ext" url=""><![CDATA[{pageIcon.templateData.morphImages[projPI].tip}
]]></DIS>
		<INT name="loadImage2" perpetual="0">
			<RES name="onLoadGraphic2" type="event" eventName="onLoad" icon="graphic2" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[graphic2._x = graphic._x + hs.x;
graphic2._y = graphic._y + hs.y;
graphic2._width = hs.w;
graphic2._height = graphic._height * (hs.w / graphic._width);
graphic2._alpha = 0;

mask2._x = graphic._x;
mask2._y = graphic._y;
mask2.beginFill(0xFF0000,100);
mask2.drawRect(0,0,graphic._width, graphic._height);
graphic2.setMask(mask2);

s = Number(pageIcon.templateData.morphImages[projPI].zoomSpeed);
p = graphic._width / hs.w;

//store for later
graphic2.initX = graphic2._x;
graphic2.initY = graphic2._y;
graphic2.initW = hs.w;
graphic2.initH = graphic2._height;
]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" id="textBlock" h="480" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.morphImages[projPI].text}]]></DIS>
		<INT name="interaction" perpetual="0">
			<RES toolTip="{zoomBtnTip}" w="zoomBtnWidth" rs="btnAnim" swf="templatePath + 'common/button.swf'" name="animate&scale" type="button" x="panel._x" y="panel._y + panel._height + 20" label="{pageIcon.templateData.morphImages[projPI].buttonLabel != undefined ? pageIcon.templateData.morphImages[projPI].buttonLabel : 'Zoom' }" erase="1" exit="0">
				<SCR name="animate"><![CDATA[
if (state == 'out'){

  btnAnim.setEnabled(false);
  
  graphic2.tween('_x', graphic2._x, graphic._x, s);
  graphic2.tween('_y', graphic2._y, graphic._y, s);
  graphic2.tween('_width', graphic2._width, graphic._width, s);
  graphic2.tween('_height', graphic2._height, graphic._height, s);
  graphic2.tween('_alpha', 0, 100, s);
    
  graphic.tween('_x', graphic._x, graphic._x - (hs.x * p), s);
  graphic.tween('_y', graphic._y, graphic._y - (hs.y * p), s);
  graphic.tween('_width', graphic._width, graphic._width * p, s);
  graphic.tween('_height', graphic._height, graphic._height * p, s);
  graphic.tween('_alpha', 100,0, s);
  
  state = 'in';
  
} else {

  btnAnim.setEnabled(false); 
  
  graphic2.tween('_x', graphic2._x, graphic2.initX, s);
  graphic2.tween('_y', graphic2._y, graphic2.initY, s);
  graphic2.tween('_width', graphic2._width, graphic2.initW, s);
  graphic2.tween('_height', graphic2._height, graphic2.initH, s);  
  graphic2.tween('_alpha', 100,0, s);
    
  graphic.tween('_x', graphic._x, graphic.initX, s);
  graphic.tween('_y', graphic._y, graphic.initY, s);
  graphic.tween('_width', graphic._width, graphic.initW, s);
  graphic.tween('_height', graphic._height, graphic.initH, s);  
  graphic.tween('_alpha', 0,100, s);
  
  state = 'out';
}


  
 
]]></SCR>
			</RES>
			<RES name="enableButton" type="event" eventName="onMotionFinished" icon="graphic" erase="1" exit="0">
				<SCR name="enable"><![CDATA[btnAnim.setEnabled(true);]]></SCR>
			</RES>
		</INT>
	</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 f80ec4de13..0addcc698e 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){
  icon.nextSibling.nextSibling.attributes.tabIndex = -1;
}
if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].controls == 'Control Bar'){
  icon.nextSibling.nextSibling.attributes.controls = '1';
}
if (pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].tip != undefined){
  icon.nextSibling.nextSibling.attributes.toolTip = pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].tip;
  icon.nextSibling.nextSibling.firstChild.nodeValue = '{' + pageIcon.templateData.slideshow[projPI].nestedPage[icon.parentNode.index() - 1].tip + '}';
}

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

]]></SCR>
				<DIS textColour="#333333" id="desc" name="protoText" x="panel._x + 20" y="40" w="panelW - 40" h="10" 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>
				<DIS id="graphic" name="protoGraphic" x="0" y="desc._y + desc._height + 20" 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="0">
						<SCR name="resize&Position"><![CDATA[space = panel._height - 80 - desc._height;
graphic.constrain(panelW - 40, space);

if (pageIcon.templateData.slideshow[projPI].nestedPage[slideFW.getPageIndex() - 1].align == 'Bottom'){
  desc._y = 40 + graphic._height + 20;
  graphic._y = 40;
}

if (pageIcon.templateData.slideshow[projPI].nestedPage[slideFW.getPageIndex() - 1].initObject != undefined){

  obj = expression(pageIcon.templateData.slideshow[projPI].nestedPage[slideFW.getPageIndex() - 1].initObject, engine);
  graphic.clip.init(obj);
}
graphic._x = panel._x + panel._width / 2 - graphic._width / 2;

]]></SCR>
					</RES>
				</INT>
			</PG>
		</FW>
	</PG>
\ No newline at end of file
+	<PG language="en-GB" 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
diff --git a/modules/xerte/parent_templates/Nottingham/models/tabNav.rlm b/modules/xerte/parent_templates/Nottingham/models/tabNav.rlm
index 083e55fd60..9462d48459 100644
--- a/modules/xerte/parent_templates/Nottingham/models/tabNav.rlm
+++ b/modules/xerte/parent_templates/Nottingham/models/tabNav.rlm
@@ -1 +1 @@
-	<PG language="en-GB" title="Tabbed Navigator" name="tabNav">
		<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.tabNav[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 

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

panelWidth = pageIcon.templateData.tabNav[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.tabNav[projPI].tabWidth == undefined){
  tabW = 100;
} else {
  tabW = Number(pageIcon.templateData.tabNav[projPI].tabWidth);
}

if (pageIcon.templateData.tabNav[projPI].narration != undefined){
  narration = pageIcon.templateData.tabNav[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS initObject="{_alpha: subPageAccess == true ? 20 : 100}" h="453" w="panelW" tabIndex="-1" id="panel" name="panel" x="780 - panelW" y="42" 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.tabNav[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="tabs" name="tabInteraction" perpetual="0">
			<RES w="tabW" swf="templatePath + 'common/tabButton.swf'" name="protoTab" type="button" x="panel._x + (tabW ) * icon.index() + 20" y="20" label="{pageIcon.templateData.tabNav[projPI].nestedPage[icon.index()].name}" erase="1" exit="0">
				<SCR name="checkTab"><![CDATA[btn = icon.parentNode.getMovieClip();
btn.setChecked(true,true);

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


if (pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].url == undefined){
  icon.nextSibling.nextSibling.attributes.tabIndex = -1;
}
if (pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
  icon.nextSibling.nextSibling.attributes.controls = '1';
}
if (pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
  icon.nextSibling.nextSibling.attributes.toolTip = pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].tip;
  icon.nextSibling.nextSibling.firstChild.nodeValue = '{' + pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].tip + '}';
}
]]></SCR>
				<DIS id="desc" name="description" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="10" type="text"><![CDATA[{pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
				<DIS controls="0" id="graphic" name="graphic" x="420" y="desc._y + desc._height + 20" type="ext" url="{pageIcon.templateData.tabNav[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="0">
						<SCR name="resize&Position"><![CDATA[space = 393 - desc._height;
graphic.constrain(panelW - 40, space);

if (pageIcon.templateData.tabNav[projPI].nestedPage[tabs.getPageIndex()].align == 'Bottom'){
  desc._y = 60 + graphic._height + 20;
  graphic._y = 60;
}
if (pageIcon.templateData.tabNav[projPI].nestedPage[tabs.getPageIndex()].initObject != undefined){
  obj = expression(pageIcon.templateData.tabNav[projPI].nestedPage[tabs.getPageIndex()].initObject, engine);
  graphic.clip.init(obj);
}
graphic._x = panel._x + panel._width / 2 - graphic._width / 2;

]]></SCR>
					</RES>
				</INT>
			</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" 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 language="en-GB" title="Tabbed Navigator" name="tabNav">
		<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.tabNav[rootIcon.projectPageIndex].name == undefined){
  projPI = 0;
} else {
  projPI = rootIcon.projectPageIndex; 
} 

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

panelWidth = pageIcon.templateData.tabNav[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.tabNav[projPI].tabWidth == undefined){
  tabW = 100;
} else {
  tabW = Number(pageIcon.templateData.tabNav[projPI].tabWidth);
}

if (pageIcon.templateData.tabNav[projPI].narration != undefined){
  narration = pageIcon.templateData.tabNav[projPI].narration;
  rootIcon.broadcast('showAudio');
}
]]></SCR>
		<DIS initObject="{_alpha: subPageAccess == true ? 20 : 100}" h="453" w="panelW" tabIndex="-1" id="panel" name="panel" x="780 - panelW" y="42" 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.tabNav[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="tabs" name="tabInteraction" perpetual="0">
			<RES w="tabW" swf="templatePath + 'common/tabButton.swf'" name="protoTab" type="button" x="panel._x + (tabW ) * icon.index() + 20" y="20" label="{pageIcon.templateData.tabNav[projPI].nestedPage[icon.index()].name}" erase="1" exit="0">
				<SCR name="checkTab"><![CDATA[btn = icon.parentNode.getMovieClip();
btn.setChecked(true,true);

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

if (pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
  gIcon = icon.parentNode.getChildByName('graphic');

  if (pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].controls == 'Control Bar'){
    gIcon.attributes.controls = '1';
  }
  if (pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].tip != undefined){
    gIcon.attributes.toolTip = pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].tip;
    gIcon.firstChild.nodeValue = '{' + pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].tip + '}';
  }
  
} else { //no graphic
  icon.parentNode.getChildByName('graphic').removeNode();
  icon.parentNode.getChildByName('loadGraphic&Resize').removeNode();
  textH = 413;
}
]]></SCR>
				<DIS controls="0" id="graphic" name="graphic" x="420" y="0" type="ext" url="{pageIcon.templateData.tabNav[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);
textH = 393 - graphic._height;

if (pageIcon.templateData.tabNav[projPI].nestedPage[tabs.getPageIndex()].initObject != undefined){
  obj = expression(pageIcon.templateData.tabNav[projPI].nestedPage[tabs.getPageIndex()].initObject, engine);
  graphic.clip.init(obj);
}


]]></SCR>
					</RES>
				</INT>
				<DIS scrolling="auto" id="desc" name="description" x="panel._x + 20" y="panel._y + 20" w="panelW - 40" h="textH" type="text"><![CDATA[{pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].text}]]></DIS>
				<SCR name="position"><![CDATA[if (pageIcon.templateData.tabNav[projPI].nestedPage[icon.parentNode.index()].url != undefined){  
if (pageIcon.templateData.tabNav[projPI].nestedPage[tabs.getPageIndex()].align == 'Bottom'){
  desc._y = 60 + graphic._height + 20;
  graphic._y = 60;
} 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" 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