diff --git a/modules/xerte/parent_templates/Nottingham/models/QRcode.rlm b/modules/xerte/parent_templates/Nottingham/models/QRcode.rlm
new file mode 100644
index 0000000000..6fbd3cf0db
--- /dev/null
+++ b/modules/xerte/parent_templates/Nottingham/models/QRcode.rlm
@@ -0,0 +1 @@
+	<PG name="QRCodes">
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
pageIcon.templateData = myXML.toObject();

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

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



]]></SCR>
			</RES>
		</INT>
		<DIS id="myurl" name="myurl" x="0" y="0" w="400" h="10" type="text"><![CDATA[]]></DIS>
		<SCR name="loadthetext"><![CDATA[//if(pageIcon.templateData.QRcode[0].url!=undefined and pageIcon.templateData.QRcode[0].url!="Type or paste a URL"){
//pastedurl=pageIcon.templateData.QRcode[0].url;
//}
//else{
//pastedurl=replace(_url,"XMLEngine.swf",'');
//}

pastedurl=pageIcon.templateData.QRcode[0].url;

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




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



]]></SCR>
			</RES>
		</INT>
		<SCR name="getqrcode"><![CDATA[if (templatePath.indexOf('modules/xerte') == -1){
  mytext='<a href="'+myurl.fileData+'">'+myurl.fileData+'</a>';
  qrcodelink=myurl.fileData;
  qrcodelink="http://qrcode.winksite.com/php/qr_img.php?t=J&s=20&d="+qrcodelink;
} else {
  mytext='<a href="'+myurl.fileData+'">'+myurl.fileData+'</a>';
  qrcodelink=myurl.fileData;
  qrcodelink="http://qrcode.winksite.com/php/qr_img.php?t=J&s=20&d="+qrcodelink;
}

//mytext='<a href="'+myurl.fileData+'">'+myurl.fileData+'</a>';
//qrcodelink=myurl.fileData;
//qrcodelink="http://qrcode.winksite.com/php/qr_img.php?t=J&s=20&d="+qrcodelink;
//myurl.readFile(_level0.site_url + 'rss_proxy.php?rss=' + "http://qrcode.winksite.com/php/qr_img.php?t=J&s=20&d="+qrcodelink);]]></SCR>
		<DIS toolTip="{pageIcon.templateData.QRcode[0].tip}" scrolling="auto" id="graphic" name="graphic" x="200" y="80" type="ext" url="qrcodelink"><![CDATA[{pageIcon.templateData.QRcode[0].tip}
]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[align = pageIcon.templateData.QRcode[0].align;
p = graphic._width / graphic._height;

if (align == "Top" || align == 'Bottom'){
  maxWidth = 740;
  maxHeight = 250;
} else {  //left or right, so fit to width
  maxWidth = 410;//was 465
  maxHeight = 410;
}
if (pageIcon.templateData.QRcode[0].imagesize == 'full screen'){
  maxWidth = 660;
  maxHeight = 444;
}
graphic.constrain(maxWidth, maxHeight);


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

if (align == 'Left'){
  //panel._x = stageWidth - panel._width - 50;
  graphic._x = panel._x + 15;
  textX = 20;
  textY = 20;
  textWidth = stageWidth - 120 - graphic._width;
} 
if (align == 'Right'){
  //panel._x = 20;
  graphic._x = 30;
  textX = graphic._width + 60;
  textY = 20;
  textWidth = stageWidth - 80 - graphic._width;
}
if (align == 'Bottom'){
  //panel._x = 20;
  graphic._x = 30;
  textWidth = panel._width;
  textX = panel._x;
  textY = panel._y + panel._height + 20;
}
if (align == 'Top'){
  //panel._x = 20;
  graphic._x = 30;
  textWidth = panel._width;
  textX = panel._x;
  textY = panel._y + panel._height + 20;
}
if (pageIcon.templateData.QRcode[0].imagesize == 'full screen'){
  //panel._x = 400 - panel._width / 2;
  graphic._x = panel._x + 10;
  textWidth = 0;
}



]]></SCR>
			</RES>
		</INT>
		<SCR name="sound"><![CDATA[if (pageIcon.templateData.textGraphics[0].sound != undefined){
  //check for a literal path
  sndURL = pageIcon.templateData.textGraphics[0].sound;
  if (sndURL.indexOf('http') == 0){
    sndURL = "'" + sndURL + "'";
  }
  icon.nextSibling.attributes.controls = graphic._x +',' + (graphic._y + graphic._height - 20) + ',' + graphic._width;
} else {
  if (icon.nextSibling.nodeName == 'SND'){
    icon.nextSibling.removeNode();
  }
}
]]></SCR>
		<SND name="sound" type="ext" url="{sndURL}" play="0" loop="0" wait="0" />
		<SCR name="narration script"><![CDATA[
//set up array to track auto played narration for each page
if (narautoplayed == undefined)
{ 
  narautoplayed = new Array();
}
//if a narration file has been added to a particular page
if (pageIcon.templateData.QRcode[0].narration != undefined){
  narration = pageIcon.templateData.QRcode[0].narration;
//if auto play is set for a particular page  
  if (pageIcon.templateData.QRcode[0].narautoplay == "true"){
//if the particular narration hasn't already been played once  
  if (narautoplayed[rootIcon.currentPage]!="played" ){
rootIcon.broadcast('showAudio2');
//now that the narration for this page has been played add to array 
 narautoplayed[rootIcon.currentPage] ="played";
 }else{
rootIcon.broadcast('showAudio');
}
}
//if auther has set to always repeat autoplay narration for this page reset array 
 if (pageIcon.templateData.QRcode[0].repeatnarautoplay == "true"){
 narautoplayed[rootIcon.currentPage] ="repeat";
 }


//if a narration file has been added to a particular page
//and if autoplay isn't set
if (pageIcon.templateData.QRcode[0].narration != undefined){
  narration = pageIcon.templateData.QRcode[0].narration;
//if auto play is set for a particular page  
  if (pageIcon.templateData.QRcode[0].narautoplay != "true"){
rootIcon.broadcast('showAudio');
}
}
]]></SCR>
		<INT name="checknarnavigate" perpetual="1">
			<RES name="onSoundComplete" type="event" eventName="onSoundComplete" icon="nar" erase="1" exit="1">
				<SCR name="autonavigate"><![CDATA[//if the author has set autonavigate at end of narration move to next page
if (pageIcon.templateData.QRcode[0].narnavigate == "true"){
rootIcon.nextPage();
}
]]></SCR>
			</RES>
		</INT>
		<DIS scrolling="auto" id="textBlock" h="450" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.QRcode[0]}]]></DIS>
		<DIS textSize="36pt" scrolling="auto" id="textBlock" h="410" name="showurl" x="240" y="20" w="600" type="text"><![CDATA[{mytext}]]></DIS>
		<SCR name="layout"><![CDATA[if (align == 'Top'){
  textBlock._y = 20;
  panel._y = textBlock._y + textBlock._height + 20;
  graphic._y = panel._y + 10;
}

//if (pageIcon.templateData.textGraphics[0].magnifier != "true"){
  //icon.nextSibling.removeNode();
//}

//ExternalInterface.call("eval", "document.location.href");
//my_location = callJS('window.location.href.toString');

]]></SCR>
		<DIS name="[Untitled]" x="50" y="100" w="400" h="10" type="text"><![CDATA[]]></DIS>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/bleedingImage.rlm b/modules/xerte/parent_templates/Nottingham/models/bleedingImage.rlm
new file mode 100644
index 0000000000..bb7f18d07c
--- /dev/null
+++ b/modules/xerte/parent_templates/Nottingham/models/bleedingImage.rlm
@@ -0,0 +1 @@
+	<PG name="bleedingImage">
		<SCR name="getPageID"><![CDATA[ pageIcon = icon.parentNode.clip();
myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
pageIcon.templateData = myXML.toObject();

rootIcon.setTitleText(templateData.learningObject[0].name);
]]></SCR>
		<DIS toolTip="{pageIcon.templateData.bleedingImage[0].tip}" scrolling="auto" id="graphic" name="graphic" x="coded" y="coded" type="ext" url="{pageIcon.templateData.bleedingImage[0].url}"><![CDATA[{pageIcon.templateData.bleedingImage[0].tip}
]]></DIS>
		<INT name="loadImage" perpetual="0">
			<RES name="onLoad" type="event" eventName="onLoad" icon="graphic" erase="1" exit="1">
				<SCR name="calculate"><![CDATA[align = pageIcon.templateData.bleedingImage[0].align;
p = graphic._width / graphic._height;

if (align == "Top" || align == 'Bottom'){
  maxWidth = 800;
  maxHeight = 300;
  if (pageIcon.templateData.bleedingImage[0].addmargin == 'true'){
  maxWidth = 760;
  maxHeight = 280;
  }
} else {  //left or right, so fit to width
  maxWidth = 500;//465
  maxHeight = 516;
  if (pageIcon.templateData.bleedingImage[0].addmargin == 'true'){
  maxWidth = 460;
  maxHeight = 476;
  }
}
if (pageIcon.templateData.bleedingImage[0].imagesize == 'full screen'){
  maxWidth = 800;
  maxHeight = 516;
  if (pageIcon.templateData.bleedingImage[0].addmargin == 'true'){
  maxWidth = 760;
  maxHeight = 476;
  }
}
graphic.constrain(maxWidth, maxHeight);


if (align == 'Left'){
  graphic._y=(516-graphic._height)/2;
  graphic._x = stageWidth-graphic._width;
  textX = 20;
  textY = 20;
  textWidth = stageWidth - 40 - graphic._width;
  textHeight=515 - 40;
  if (pageIcon.templateData.bleedingImage[0].addmargin == 'true'){
  graphic._y=(516-graphic._height)/2;
  graphic._x = stageWidth-(graphic._width+20);
  textWidth = stageWidth - 80 - graphic._width;
  textHeight=516 - 40;
  }
}
 
if (align == 'Right'){
  graphic._y=(516-graphic._height)/2;
  graphic._x = 0;
  textX = graphic._width + 20;
  textY = 20;
  textWidth = (stageWidth - 40) - graphic._width;
  textHeight= 516 - 40;
  if (pageIcon.templateData.bleedingImage[0].addmargin == 'true'){
  graphic._y=(516-graphic._height)/2;
  graphic._x = 20;
  textX = graphic._width + 40;
  textY = 20;
  textWidth = (stageWidth - 80) - graphic._width;
  textHeight= 516 - 40;
}
}

if (align == 'Top'){
  graphic._y=(516-graphic._height);
  graphic._x =(800-graphic._width)/2;
  textWidth = 760;
  textHeight=(516-graphic._height)-40;
  textX = 20;
  textY = 20;  
  if (pageIcon.templateData.bleedingImage[0].addmargin == 'true'){
  graphic._y=(516-graphic._height)-20;
  graphic._x =(800-graphic._width)/2;
  textWidth = 760;
  textHeight=(516-graphic._height)-40;
  textX = 20;
  textY = 20;
  }
}

if (align == 'Bottom'){
  graphic._y=0;
  graphic._x = (800-graphic._width)/2;
  textWidth = 760;
  textHeight=(516-graphic._height)-40;
  textX = 20;
  textY = graphic._y + graphic._height + 20;
  if (pageIcon.templateData.bleedingImage[0].addmargin == 'true'){
  graphic._y=20;
  graphic._x =(800-graphic._width)/2;
  textWidth = 760;
  textHeight=(516-graphic._height)-40;
  textX = 20;
  textY = graphic._y + graphic._height + 20;
  }
}

if (pageIcon.templateData.bleedingImage[0].imagesize == 'full screen'){
  graphic._x = (800-graphic._width)/2;
  graphic._y=0;
  textWidth = 0;
  textHeight=0;
}



]]></SCR>
			</RES>
		</INT>
		<SCR name="linkcode"><![CDATA[//set link
linklocation=pageIcon.templateData.bleedingImage[0].link;


if(linklocation!=undefined & linklocation!="" ){
linktip="Link to " + pageIcon.templateData.bleedingImage[0].link;
}
else{
//if there's no link and if the next icon is the link icon remove it
if (icon.nextSibling.attributes.id == 'link'){
//debug(icon.nextSibling.attributes.id);
    icon.nextSibling.removeNode();
    //debug("remove the icon");
  }

}
]]></SCR>
		<DIS toolTip="{linktip}" id="link" name="linkimage" x="377" y="480" type="ext" url="templatePath + 'common/linkicon.png'"><![CDATA[{linktip}]]></DIS>
		<INT id="linkstuff" name="link interaction" perpetual="1">
			<RES name="hot object" type="hotObject" rs="link" click="1" cursor="1" erase="0" exit="1">
				<SCR name="geturl"><![CDATA[linktarget=pageIcon.templateData.bleedingImage[0].linktarget;
//debug("link="+linktarget);
if(linktarget!=undefined & linktarget!=""){
getURL(linklocation,linktarget);
}else{
getURL(linklocation, "");
}]]></SCR>
			</RES>
		</INT>
		<SCR name="narration script"><![CDATA[
//set up array to track auto played narration for each page
if (narautoplayed == undefined)
{ 
  narautoplayed = new Array();
}
//if a narration file has been added to a particular page
if (pageIcon.templateData.bleedingImage[0].narration != undefined){
  narration = pageIcon.templateData.bleedingImage[0].narration;
//if auto play is set for a particular page  
  if (pageIcon.templateData.bleedingImage[0].narautoplay == "true"){
//if the particular narration hasn't already been played once  
  if (narautoplayed[rootIcon.currentPage]!="played" ){
rootIcon.broadcast('showAudio2');
//now that the narration for this page has been played add to array 
 narautoplayed[rootIcon.currentPage] ="played";
 }else{
rootIcon.broadcast('showAudio');
}
}
//if auther has set to always repeat autoplay narration for this page reset array 
 if (pageIcon.templateData.bleedingImage[0].repeatnarautoplay == "true"){
 narautoplayed[rootIcon.currentPage] ="repeat";
 }


//if a narration file has been added to a particular page
//and if autoplay isn't set
if (pageIcon.templateData.bleedingImage[0].narration != undefined){
  narration = pageIcon.templateData.bleedingImage[0].narration;
//if auto play is set for a particular page  
  if (pageIcon.templateData.bleedingImage[0].narautoplay != "true"){
rootIcon.broadcast('showAudio');
}
}
]]></SCR>
		<SCR name="sound and layout"><![CDATA[if (pageIcon.templateData.bleedingImage[0].imagesize == 'full screen'){
 
 graphic._x = ((800-graphic._width)/2);
 graphic._y=0;
  if (pageIcon.templateData.bleedingImage[0].addmargin == 'true'){
  icon.nextSibling.attributes.controls = graphic._x +',' + (graphic._y + graphic._height ) + ',' + graphic._width;
 graphic._x = ((800-graphic._width)/2);
 graphic._y=20;
  }
}

if (pageIcon.templateData.bleedingImage[0].sound != undefined){
  //check for a literal path
  sndURL = pageIcon.templateData.bleedingImage[0].sound;
  if (sndURL.indexOf('http') == 0){
    sndURL = "'" + sndURL + "'";
  }
  icon.nextSibling.attributes.controls = graphic._x +',' + (graphic._y + graphic._height -20) + ',' + graphic._width;
  
  
  
  
  
} else {
  if (icon.nextSibling.nodeName == 'SND'){
    icon.nextSibling.removeNode();
  }
}]]></SCR>
		<SND id="soundc" name="sound" type="ext" url="{sndURL}" play="0" loop="0" wait="0" />
		<SCR name="set text size or remove"><![CDATA[if (pageIcon.templateData.bleedingImage[0].size !=undefined){
icon.nextSibling.attributes.textSize = pageIcon.templateData.bleedingImage[0].size;
}


//remove text box if full screen
if (pageIcon.templateData.bleedingImage[0].imagesize == 'full screen'){ 
 if (icon.nextSibling.attributes.id == 'textBlock'){
 //debug(icon.nextSibling.attributes.id);
    icon.nextSibling.removeNode();
  }
}]]></SCR>
		<DIS scrolling="auto" id="textBlock" h="textHeight" name="text" x="textX" y="textY" w="textWidth" type="text"><![CDATA[{pageIcon.templateData.bleedingImage[0]}]]></DIS>
		<INT name="checknarnavigate" perpetual="1">
			<RES name="onSoundComplete" type="event" eventName="onSoundComplete" icon="nar" erase="1" exit="1">
				<SCR name="autonavigate"><![CDATA[//if the author has set autonavigate at end of narration move to next page
if (pageIcon.templateData.bleedingImage[0].narnavigate == "true"){
rootIcon.nextPage();
}
]]></SCR>
			</RES>
		</INT>
		<SCR name="show hide magnifyer"><![CDATA[if (pageIcon.templateData.bleedingImage[0].magnifier != "true"){
  icon.nextSibling.removeNode();
}]]></SCR>
		<INT name="zoomControls" perpetual="0">
			<RES name="onRollOver" type="event" eventName="onRollOver" icon="graphic" erase="1" exit="0">
				<DIS h="graphic._height *4" w="graphic._width * 4" id="zoom" name="zoom" x="graphic._x" y="graphic._y" type="ext" url="{pageIcon.templateData.bleedingImage[0].url}"><![CDATA[]]></DIS>
				<DIS id="mask" name="mask" x="-100" y="-100" type="ext" url="FileLocation + "><![CDATA[]]></DIS>
				<DIS id="frame" name="frame" x="-100" y="-100" type="ext" url="FileLocation + "><![CDATA[]]></DIS>
				<SCR name="setup"><![CDATA[mask.beginFill(0xFF0000,100);
mask.drawOval(0,0,60,60);
zoom.setMask(mask);

frame.lineStyle(2, 0x000000,100);
frame.drawOval(0,0,60,60);

mainMask.beginFill(0xFF0000,100);
mainMask.drawRect(0,0,graphic._width, graphic._height);

Mouse.hide();




]]></SCR>
				<INT name="onMouseMove" perpetual="0">
					<RES name="onMouseMove" type="event" eventName="onMouseMove" icon="zoom" erase="1" exit="0">
						<SCR name="moveThings"><![CDATA[mask._x = rootIcon._xmouse;
mask._y = rootIcon._ymouse - 60;

frame._x = rootIcon._xmouse;
frame._y = rootIcon._ymouse - 60;

zoom._x = graphic._x - 3*(rootIcon._xmouse - graphic._x);
zoom._y = graphic._y - 3*(rootIcon._ymouse - graphic._y) + 180;]]></SCR>
					</RES>
				</INT>
			</RES>
			<RES name="onRollOut" type="event" eventName="onRollOut" icon="graphic" erase="1" exit="0">
				<SCR name="exit"><![CDATA[Mouse.show();]]></SCR>
			</RES>
		</INT>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/models/perspectives.rlm b/modules/xerte/parent_templates/Nottingham/models/perspectives.rlm
new file mode 100644
index 0000000000..43d2243f8b
--- /dev/null
+++ b/modules/xerte/parent_templates/Nottingham/models/perspectives.rlm
@@ -0,0 +1 @@
+	<PG id="perspectives" help="Page Help" title="Title" name="perspectives">
		<DIS id="mainVidBorder" name="mainVidBorder" x="0" y="0" type="ext" url="FileLocation + "><![CDATA[]]></DIS>
		<SCR name="getPageID"><![CDATA[pageIcon = icon.parentNode.clip();
myXML = new XML(extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset]);
pageIcon.templateData = myXML.toObject();

myInfo = pageIcon.templateData.perspectives[0];
myExtXML = extXML.firstChild.childNodes[rootIcon.getPageIndex() - pgOffset];

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

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



// SORTS INFO ABOUT TYPE OF MEDIA - MOVIE OR SOUND

totalClipNo = myExtXML.childNodes.length; // total clip no.
clipTypes = new Array();                  // type of clip
currentClip = 0;

for (i=0; i<totalClipNo; i++) {
  clipTypes.push(myExtXML.childNodes[i].nodeName);
}

// SORTS INFO FOR MOVIE CLIPS
movieTxt = new Array();
movieTitle = new Array();
movieFile = new Array();
movieNo = myInfo.movie.length;  // no. of movies

for (i=0; i<movieNo; i++)
{
  movieTxt.push(myInfo.movie[i].txt);
  movieTitle.push(myInfo.movie[i].name);
  movieFile.push(myInfo.movie[i].src);
}

// SORTS INFO FOR SOUND CLIPS
soundTxt = new Array();
soundTitle = new Array();
soundFile = new Array();
soundImg = new Array();
soundToolTip = new Array();
soundNo = myInfo.sound.length;  // no. of sounds

for (i=0; i<soundNo; i++)
{
  soundTxt.push(myInfo.sound[i].txt);
  soundTitle.push(myInfo.sound[i].name);
  soundFile.push(myInfo.sound[i].src);
  soundImg.push(myInfo.sound[i].img);
  soundToolTip.push(myInfo.sound[i].tooltip);
}

errorTxt = "";
if (totalClipNo == 0) // error message if no movie / sound clips uploaded
{
  errorTxt = "You have not added any video or sound files to the page.";
} else {
  errorTxt = "";

  // transparent thumbnail background
  mainVidBorder.beginFill(0xFFFFFF,30);
  mainVidBorder.drawRect(0,8,800,124);
  mainVidBorder.dropShadow(3,90,0x999999,50);
}]]></SCR>
		<DIS name="errorText" x="20" y="15" w="750" h="10" type="text"><![CDATA[{errorTxt};]]></DIS>
		<SCR name="setUpThumbs"><![CDATA[maxThumbs = 6; // max visible at one time
currentScroll = 0; // used to keep track of where thumbs are when more than 6 on the screen

// thumbnail bg colours
for (i=0;i<totalClipNo;i++)
{
  if (i<maxThumbs)
  {
    xPos = 58+(i*116);
    mainVidBorder.beginFill(0xFFFFFF,100);
    mainVidBorder.drawRect(xPos,15,104,110);
  }
}

if (totalClipNo > 0)
{
  if (icon.attributes.built != "true") {
    movieCount = 0;
    soundCount = 0;
    
    // duplicates correct no. of thumb pages  
    icon.nextSibling.firstChild.duplicate(totalClipNo-1);
    
    // sets attributes for thumbs - step type & no. (of that type)
    for (i=0; i<totalClipNo; i++)
    {
      myThumb = icon.nextSibling.childNodes[i];
      myThumb.attributes.clipType = clipTypes[i];
      
      if (myThumb.attributes.clipType == "movie")    
      {
        myThumb.attributes.clipTypeNo = movieCount;
        movieCount++;
      } else if (myThumb.attributes.clipType == "sound")
      {
        myThumb.attributes.clipTypeNo = soundCount;
        soundCount++;
      }
    }
    
    icon.attributes.built = "true";
  }  
}]]></SCR>
		<DEC id="thumbs" name="thumbs" repeat="all" branch="sequence" pause="0" erase="0" eraseOnExit="0">
			<PG title="" name="protoThumb">
				<SCR name="getInfo"><![CDATA[// sorts out icons in protoThumb depending on clip type

myClipNo = icon.parentNode.attributes.clipTypeNo;
myClipType = icon.parentNode.attributes.clipType;

if (myClipNo == undefined)
{
  icon.parentNode.clip().removeMovieClip();
}

// MOVIE CLIP STEP
if (myClipType == "movie")
{
  thumbTitle = movieTitle[myClipNo];
  thumbMovie = movieFile[myClipNo];
  thumbImg = 'File Location+';
  thumbToolTip = "video clip";
  
  icon.parentNode.getChildByName('onLoad').removeNode();
}

// SOUND CLIP STEP
else if (myClipType == "sound")
{
  thumbTitle = soundTitle[myClipNo];
  thumbImg = soundImg[myClipNo];
  thumbMovie = 'File Location+';
  thumbToolTip = soundToolTip[myClipNo];
  
  // if no image uploaded use default
  if (thumbImg == 'Select an Image' || thumbImg == undefined)
  {
    thumbImg = "templatePath + 'common/sound.jpg'";
    thumbToolTip = "sound clip";
  }
  
  // if no tooltip added use default
  if (thumbToolTip == undefined)
  {
    thumbToolTip = "sound clip";
  }
}

icon.nextSibling.attributes.id = 'thumbTitle'+icon.parentNode.index();
icon.nextSibling.nextSibling.attributes.id = 'thumbMovie'+icon.parentNode.index();
icon.nextSibling.nextSibling.nextSibling.attributes.id = 'thumbImg'+icon.parentNode.index();

// attribute keeps track of current position
icon.parentNode.attributes.currentPos = icon.parentNode.index();]]></SCR>
				<DIS name="thumbTitle" x="60+icon.parentNode.index()*116;" y="15" w="100" h="20" type="text"><![CDATA[{'<p align="center"><b>'+thumbTitle+'</b></p>'};]]></DIS>
				<MOV h="72" w="96" name="thumbMov" x="62+icon.parentNode.index()*116;" y="50" url="{thumbMovie};" controls="0" play="0"><![CDATA[]]></MOV>
				<DIS toolTip="{thumbToolTip}" name="thumbImg" x="62+icon.parentNode.index()*116;" y="50" type="ext" url="{thumbImg};"><![CDATA[]]></DIS>
				<INT name="interaction" perpetual="1">
					<RES name="hotSpot" type="hotSpot" x="60+icon.parentNode.parentNode.index()*116;" y="15" w="100" h="110" click="1" cursor="1" erase="1" exit="0">
						<SCR name="clickResponse"><![CDATA[// tells framework to change page
viewerFW.gotoPage(icon.findParentByName('protoThumb').index());]]></SCR>
					</RES>
				</INT>
				<INT name="onLoad" perpetual="0">
					<RES name="loadedThumbImg" type="event" eventName="onLoad" icon="'thumbImg'+icon.parentNode.parentNode.index();" erase="1" exit="1">
						<SCR name="resizeThumbImg"><![CDATA[//resize the image if necessary

currentImg = icon.parentNode.parentNode.parentNode.childNodes[3].clip();
proportion = currentImg._width / currentImg._height;

if (proportion < 1.25)
{
  currentImg._height = 72;
  currentImg._width = currentImg._height / proportion;
} else {
  currentImg._width = 96;
  currentImg._height = currentImg._width / proportion;
}

if (currentImg._width < 96)
{
  temp = 96 - currentImg._width;
  temp = temp/2;
  currentImg._x += temp;
}]]></SCR>
					</RES>
				</INT>
			</PG>
		</DEC>
		<SCR isFunc="1" name="thumbVisibility"><![CDATA[// __________ FUNCTION __________ //

// looks at whether the thumbnails should be visible initially and as scrolled through

for (i=0;i<totalClipNo;i++)
{  
  currentPositions = thumbs.XMLElement.childNodes[i];
  
  hsToChg = thumbs.XMLElement.childNodes[i].childNodes[4].firstChild.clip();
  
  for (n=0;n<3;n++)
  {
    clipToChg = thumbs.XMLElement.childNodes[i].childNodes[n+1].clip();    
    if (currentPositions.attributes.currentPos >= maxThumbs || currentPositions.attributes.currentPos < 0)
    {
      clipToChg._visible = false;
      hsToChg.enabled = false;
    } else {
      clipToChg._visible = true;
      hsToChg.enabled = true;
    }
  }
}]]></SCR>
		<INT name="thumbBtn" perpetual="1">
			<RES swf="templatePath + 'common/showNextButton.swf'" id="fwdBtn" h="30" w="20" name="forward" type="button" x="750" y="47" erase="1" exit="0">
				<SCR name="fwdScript"><![CDATA[for (i=0;i<totalClipNo;i++)
{
  currentPositions = thumbs.XMLElement.childNodes[i];
  currentPositions.attributes.currentPos -= 1;
  
  hsToMove = thumbs.XMLElement.childNodes[i].childNodes[4].firstChild.clip();
  hsToMove._x -= 116;

  for (n=0;n<3;n++)
  {
    clipToChg = thumbs.XMLElement.childNodes[i].childNodes[n+1].clip(); 
    clipToChg._x -= 116; 
  }
}

// controls whether btns are enabled
currentScroll++;

if (currentScroll+maxThumbs == totalClipNo)
{
  fwdBtn.XMLElement.clip().setEnabled(false);
}

bckBtn.XMLElement.clip().setEnabled(true);

thumbVisibility();]]></SCR>
			</RES>
			<RES swf="templatePath + 'common/showPrevButton.swf'" id="bckBtn" h="30" w="20" name="back" type="button" x="30" y="47" erase="1" exit="0">
				<SCR name="bckScript"><![CDATA[for (i=0;i<totalClipNo;i++)
{
  currentPositions = thumbs.XMLElement.childNodes[i];
  currentPositions.attributes.currentPos += 1;
  
  hsToMove = thumbs.XMLElement.childNodes[i].childNodes[4].firstChild.clip();
  hsToMove._x += 116;
  
  for (n=0;n<3;n++)
  {
    clipToChg = thumbs.XMLElement.childNodes[i].childNodes[n+1].clip(); 
    clipToChg._x += 116;   
  }
}

// controls whether btns are enabled
currentScroll--;

if (currentScroll == 0)
{
  bckBtn.XMLElement.clip().setEnabled(false);
}

fwdBtn.XMLElement.clip().setEnabled(true);

thumbVisibility();]]></SCR>
			</RES>
		</INT>
		<SCR name="setUpScrolling"><![CDATA[// sees whether buttons are needed
if (totalClipNo <= maxThumbs)
{
  fwdBtn.XMLElement.clip()._visible = false;
  bckBtn.XMLElement.clip()._visible = false;
} else {
  bckBtn.XMLElement.clip().setEnabled(false);  
  thumbVisibility();
}]]></SCR>
		<SCR name="setUpMovies"><![CDATA[// duplicates framework pages

if (totalClipNo > 0)
{
  if (icon.attributes.built != "true") { // so it only duplicates the pages once
    movieCount = 0;
    soundCount = 0;
    
    // duplicates correct no. of thumb pages  
    icon.nextSibling.firstChild.duplicate(totalClipNo-1); // totalClipNo is calculated in getPageID script
    
    // sets attributes for viewer FW pages - step type & no. (of that type)
    for (i=0; i<totalClipNo; i++)
    {
      myViewer = icon.nextSibling.childNodes[i];
      myViewer.attributes.clipType = clipTypes[i];
      
      if (myViewer.attributes.clipType == "movie")    
      {
        myViewer.attributes.clipTypeNo = movieCount;
        movieCount++;
      } else if (myViewer.attributes.clipType == "sound")
      {
        myViewer.attributes.clipTypeNo = soundCount;
        soundCount++;
      }
    }
    
    icon.attributes.built = "true";
  }  
}]]></SCR>
		<FW id="viewerFW" name="viewerFW">
			<PG name="viewer">
				<DIS id="bg" name="bg" x="0" y="0" type="ext" url="FileLocation + "><![CDATA[]]></DIS>
				<SCR name="getInfo"><![CDATA[// sorts out icons in viewer depending on clip type

myClipNo = icon.parentNode.attributes.clipTypeNo;
myClipType = icon.parentNode.attributes.clipType;

// MOVIE CLIP STEP
if (myClipType == "movie")
{
  fwText = movieTxt[myClipNo];
  fwTitle = movieTitle[myClipNo];
  fwMovie = movieFile[myClipNo];
  fwSound = 'FileLocation +';
  fwImg = 'FileLocation +';
  fwToolTip = "video clip";
  
  //icon.parentNode.getChildByName('onLoad').removeNode();
  
  bg.beginFill(0xFFFFFF,100);
  bg.drawRect(40,170,325,270);
  bg.dropShadow(3,90,0x999999,50);
}

// SOUND CLIP STEP
else if (myClipType == "sound")
{
  fwText = soundTxt[myClipNo];
  fwTitle = soundTitle[myClipNo];
  fwMovie = 'FileLocation +';
  fwSound = soundFile[myClipNo];
  fwImg = soundImg[myClipNo];
  fwToolTip = soundToolTip[myClipNo];
  
  // if no image uploaded use default
  if (fwImg == 'Select an Image' || fwImg == undefined)
  {
    fwImg = "templatePath + 'common/sound.jpg'";
    fwToolTip = "sound clip";
  }
  
  // if no tooltip added use default
  if (fwToolTip == undefined)
  {
    fwToolTip = "sound clip";
  }
}

// NO CLIPS ADDED
else {
  fwText = "";
  fwTitle = "";
}

icon.parentNode.childNodes[5].attributes.id = 'mainImg'+icon.parentNode.index();
icon.parentNode.childNodes[4].attributes.id = 'mainMovie'+icon.parentNode.index();

icon.nextSibling.attributes.textSize = icon.parentNode.parentNode.parentNode.attributes.txtSize;
icon.nextSibling.nextSibling.attributes.textSize = icon.parentNode.parentNode.parentNode.attributes.txtSize;]]></SCR>
				<DIS h="10" name="title" x="390" y="155" w="365" type="text"><![CDATA[{'<b>'+fwTitle+'</b>'};]]></DIS>
				<DIS name="text" x="390" y="180" w="365" h="250" type="text"><![CDATA[{fwText};]]></DIS>
				<MOV h="250" w="305" name="movie" x="50" y="180" url="{fwMovie};" controls="1" play="0"><![CDATA[]]></MOV>
				<DIS toolTip="{fwToolTip}" name="image" x="50" y="180" type="ext" url="{fwImg};"><![CDATA[]]></DIS>
				<INT name="onLoad" perpetual="0">
					<RES name="loadedImg" type="event" eventName="onLoad" icon="'mainImg'+icon.parentNode.parentNode.index();" erase="1" exit="1">
						<SCR name="resizeImg"><![CDATA[//resize the image if necessary
currentImg = icon.parentNode.parentNode.parentNode.childNodes[5].clip();
proportion = currentImg._width / currentImg._height;
targetW = 305;
targetH = 230;

if (proportion < 1.1)
{
  if (currentImg._height > targetH)
  {
    currentImg._height = targetH;
    currentImg._width = currentImg._height / proportion;
  }
} else {
  if (currentImg._width > targetW)
  {  
    currentImg._width = targetW;
    currentImg._height = currentImg._width / proportion;
  }
}

// align img centrally if necessary
if (currentImg._width < targetW)
{
  temp = targetW - currentImg._width;
  temp = temp/2;
  currentImg._x += temp;
}
if (currentImg._height < targetH)
{
  temp = targetH - currentImg._height;
  temp = temp/2;
  currentImg._y += temp;
}

// adds controls & bg to sound
bg.beginFill(0xFFFFFF,100);
bg.drawRect(currentImg._x-10,currentImg._y-10,currentImg._width+20,currentImg._height+20);
bg.dropShadow(3,90,0x999999,50);
icon.parentNode.parentNode.nextSibling.attributes.controls = currentImg._x +',' + (currentImg._y + currentImg._height - 20) + ',' + currentImg._width;]]></SCR>
					</RES>
				</INT>
				<SND name="sound" type="ext" url="{fwSound};" play="0" loop="0" wait="0" />
			</PG>
		</FW>
	</PG>
\ No newline at end of file
diff --git a/modules/xerte/parent_templates/Nottingham/thumbs/perspectives.jpg b/modules/xerte/parent_templates/Nottingham/thumbs/perspectives.jpg
new file mode 100644
index 0000000000..323e339c08
Binary files /dev/null and b/modules/xerte/parent_templates/Nottingham/thumbs/perspectives.jpg differ