360) newYaw = newYaw - 360;
myDrawFunction(0,0,newYaw,40,this.floorplanDirection);
}
}
}
Template.prototype.notifyViewableChanged = function( id )
{
this.brochure.getCurrentPage().currentViewableName = id;
this.updateLayersDueToViewableChanged( id );
this.resetButtonStates();
}
Template.prototype.updateLayersDueToViewableChanged = function(id)
{
if( this.getLayers().Detailed_Image_Text )
{
this.brochure.reRenderLayer('Detailed_Image_Text',id);
}
if( this.getLayers().Thumbnails_Frame )
{
var params = new Array();
params[0] = Brochure.getLayer( "Thumbnails_Frame" ).clientWidth;
params[1] = id;
this.brochure.reRenderLayer("Thumbnails_Frame",params);
}
if( this.getLayers().Floorplan )
{
this.brochure.reRenderLayer('Floorplan', id);
if(this.floorplanDirection != null) {this.floorplanDirection.clear();this.floorplanDirection=null;}
this.floorplanDirection = new jsGraphics("FloorplanDirection");
}
if( this.getLayers().Drop_Down_Menu )
{
this.brochure.reRenderLayer('Drop_Down_Menu', id);
}
}
/**
* Listens for buttons in the brochure and re-routes them to actions
*/
Template.prototype.buttonClicked = function( id )
{ //The definition of listeners comes from the data structure
this.brochure.debug("Template.buttonClicked( "+id+" ) enter" );
var acts = this.data.buttonData[id].actions;
for( var i in acts )
{
this.brochure.debug("Template.buttonClicked( "+id+" ) action "+i+" "+acts[i] );
var act = acts[i];
switch( typeof( act ) )
{
case "string":
switch( acts[i] )
{
case "viewer":
this.brochure.debug("Template.buttonClicked( "+id+" ) calling viewer.doAction" );
this.brochure.viewer.doAction( i );
this.brochure.debug("Template.buttonClicked( "+id+" ) called viewer.doAction" );
break;
case "template":
if( typeof( this[i] ) == "function" )
{
this.brochure.debug("Template.buttonClicked( "+id+" ) calling function on self "+i+"()" );
this[i]();
this.brochure.debug("Template.buttonClicked( "+id+" ) called function on self "+i+"()" );
}
break;
}
break;
case "function":
act(i);
}
}
this.brochure.debug("Template.buttonClicked( "+id+" ) exit" );
}
Template.prototype.getLayers = function()
{
return this.data.layers;
}
////////////////FORMAT LAYER FUNCTIONS
/**
* Formats and returns a string containing the HTML necessary to render the
* client branding layer.
*
* @return A string containing HTML.
*/
Template.prototype.getClient_BrandingContent = function(flag,params)
{
var a = this.brochure.client;
var leftColumn = '';
if (a.logoURL)
{
if( a.webAddress )
{
leftColumn = '
';
}
else
{
leftColumn = '';
}
}
else
leftColumn = ' ';
var rightColumn = '';
if (a.title)
rightColumn += a.title;
if (a.webAddress)
rightColumn += '
Web: ' + a.webAddress + ''; if (a.address) rightColumn += '
' + a.address; if (a.phone) rightColumn += '
Phone: ' + a.phone; if (a.emailAddress) rightColumn += '
Email: ' + a.emailAddress + ''; if (this.brochure.getCurrentPage().clientname) rightColumn += '
Name: ' + this.brochure.getCurrentPage().clientname; if (this.brochure.getCurrentPage().clientphone) rightColumn += '
Contact: ' + this.brochure.getCurrentPage().clientphone; return ''
+ '
';
}
/**
* Formats and returns a string containing the HTML necessary to render the
* portal branding layer.
*
* @return A string containing HTML.
*/
Template.prototype.getPortal_BrandingContent = function(flag,params)
{
var p = this.brochure.portal;
var leftColumn = '';
if (p.logoURL)
{
if( p.webAddress )
{
leftColumn = '
';
}
else
{
leftColumn = '';
}
}
else
{
leftColumn = ' ';
}
var rightColumn = '';
if (p.title)
rightColumn += p.title;
if (p.webAddress)
rightColumn += '
' + p.webAddress + ''; if (p.phone) rightColumn += '
' + p.phone; if (p.emailAddress) rightColumn += '
Email: ' + p.emailAddress + ''; return ''
+ '
';
}
/**
* Formats and returns a string containing the HTML necessary to render the
* page links layer.
*
* @return A string containing HTML.
*/
Template.prototype.getAction_ButtonsContent = function(flag,params)
{
//Page Links
var pageNames = this.brochure.getPageNames();
var unorderedListHTML = ' ';
if (pageNames.length)
{
var listItemsHTML = '';
for (var i = 0; i < pageNames.length; i++)
{
var page = this.brochure.getPage(pageNames[i]);
var pageTitle = '';
if (page.title)
pageTitle = page.title;
else
pageTitle = 'Page ' + (i + 1);
listItemsHTML += ''
+ '
\n';
//return text;
return ''; /// ABOVE CODE COMMENTED OUT BY DS 20060403 JP TO COMMENT ON BUG #930
}
/**
* Formats and returns a string containing the HTML necessary to render the
* system buttons layer. The system buttons include the print and email
* buttons.
*
* @return A string containing HTML.
*/
//Template.prototype.getFunctions_ButtonsContent = function(flag,params)
Template.prototype.formatFunctions_Buttons = function(divTag,flag,params)
{
var str = '';
// Format the overview button.
var layerName = "General_Text";
var layer = Brochure.getLayer(layerName);
if( layer != null )
{
var overlappingLayerNames = this.brochure.getOverlappingLayerNames(layerName);
if (overlappingLayerNames.length > 0) str += this.getFormattedButton('overview');
}
layerName = "Thumbnails_Frame";
layer = Brochure.getLayer(layerName);
if( layer != null )
{
var overlappingLayerNames = this.brochure.getOverlappingLayerNames(layerName);
if (overlappingLayerNames.length > 0) str += this.getFormattedButton('thumbnails');
}
// Append the floorplans buttons HTML to the result.
layerName = "Floorplan";
layer = Brochure.getLayer(layerName);
if( layer != null )
{
var overlappingLayerNames = this.brochure.getOverlappingLayerNames(layerName);
if (overlappingLayerNames.length > 0) str += this.formatFloorplanButtons('','');
}
// Append the guided tour button to the result.
var guidedTourText = this.getFormattedButton('templateGuidedTour');
var page = this.brochure.getCurrentPage();
if(page.guidedTour.num > 0)
if (guidedTourText)
str += guidedTourText;
str+=this.getFormattedButton('print');
layerName = "Email_Frame";
layer = Brochure.getLayer(layerName);
if( layer != null )
{
var overlappingLayerNames = this.brochure.getOverlappingLayerNames(layerName);
if (overlappingLayerNames.length > 0) str+=this.getFormattedButton('email');
}
//return str;
divTag.innerHTML="'
// + '
\n';
}
/**
* Formats and returns a string containing the HTML necessary to render the
* heading layer.
*
* @return A string containing HTML.
*/
Template.prototype.getMain_Heading_TextContent = function(flag,params)
{
return '';
var span = 0;
//A table for each line to contain one cell for each thumbnail
text += '
';
if( flag )
{ //When redoing, clear the div first
Brochure.unloadDiv(divTag);
}
//divTag.style.overflow = "auto";
text = "";
divTag.innerHTML=text;
}
/**
* Formats and returns a string containing the HTML necessary to render the
* detailed image description layer.
*
* @return A string containing HTML. Note that params is the id of the viewable
*/
Template.prototype.getDetailed_Image_TextContent = function(divTag,flag,params)
{
if( params == null )
{
params = this.brochure.viewer.getCurrentViewable(false);
}
if( params == null )
{
return;
}
var tempStr = this.brochure.getCurrentPage().viewables[params].description;
tempStr = tempStr.replace(/\r/gi,'' + this.getFormattedImage('leftEnd') + '\n'
+ '' + this.formatRemoteToolbarImage() + '\n'
+ '' + this.getFormattedButton('mute') + '\n'
+ '' + this.getFormattedButton('zoomOut') + '\n'
+ '' + this.getFormattedButton('zoomIn') + '\n'
+ '' + this.getFormattedButton('help') + '\n'
+ '' + this.getFormattedButton('left') + '\n'
+ '' + this.getFormattedButton('stop') + '\n'
+ '' + this.getFormattedButton('right') + '\n'
+ '' + this.getFormattedButton('enlarge') + '\n'
+ '' + this.getFormattedButton('toolbarGuidedTour') + '\n'
+ '' + this.getFormattedImage('rightEnd') + '\n'
*/
return ""
+ "
";
}
/**
* Formats and returns a string containing the HTML necessary to render the
* email layer.
*
* @return A string containing HTML.
*/
Template.prototype.getEmail_FrameContent = function(flag,params)
{
var page = this.brochure.getCurrentPage();
return '
Web: ' + a.webAddress + ''; if (a.address) rightColumn += '
' + a.address; if (a.phone) rightColumn += '
Phone: ' + a.phone; if (a.emailAddress) rightColumn += '
Email: ' + a.emailAddress + ''; if (this.brochure.getCurrentPage().clientname) rightColumn += '
Name: ' + this.brochure.getCurrentPage().clientname; if (this.brochure.getCurrentPage().clientphone) rightColumn += '
Contact: ' + this.brochure.getCurrentPage().clientphone; return '
| ' + leftColumn + ' | ' + '' + rightColumn + ' | ' + '
' + p.webAddress + ''; if (p.phone) rightColumn += '
' + p.phone; if (p.emailAddress) rightColumn += '
Email: ' + p.emailAddress + ''; return '
| ' + leftColumn + ' | ' + '' + rightColumn + ' | ' + '
';
listItemsHTML += '
';
listItemsHTML += '
';
}
unorderedListHTML = listItemsHTML;
}
return unorderedListHTML;
}
/**
* Formats and returns a string containing the HTML necessary to render the
* Template buttons layer. The template buttons include an overview button,
* zero or more floorplan buttons and zero or one guided tour buttons.
*
* @return A string containing HTML.
*/
Template.prototype.getTemplateButtonsLayerContent = function(flag,params)
{
// TODO
// The floorplan buttons need to be in their own layer because
// some brochure will contain a very large number of floorplans
// and the navigation between the floorplan will need to be via
// the floorplans themselves and not via buttons. Putting the
// floorplan buttons in their own layer will enable all of the
// floorplan buttons to be made invisible in cases where the
// number of floorplans is great and button control is not desired.
// Format the overview button.
var text = '| ' + this.getFormattedButton('genericButtonLeft') + ' | '; //get left side of button listItemsHTML += '' + pageTitle + ' | '; //get middle of button listItemsHTML += '' + this.getFormattedButton('genericButtonRight') + ' | '; //get end of button listItemsHTML += '
| ' + this.getFormattedButton('overview') + ' |
| ',' |
| ' + guidedTourText + ' |
"+ str + "
";; //Deprecated 20060310 //return '| ' + this.getFormattedButton('print') + ' |
| ' + this.getFormattedButton('email') + ' |
' + this.brochure.getCurrentPage().heading1 + '
'; } /** * Formats and returns a string containing the HTML necessary to render the * subheading layer. * * @return A string containing HTML. */ Template.prototype.getSub_Heading_TextContent = function(flag,params) { var page = this.brochure.getCurrentPage(); return '' + page.heading2 + '
' + '' + page.heading3 + '
'; } /** * Formats and returns a string containing the HTML necessary to render the * general text layer. * * @return A string containing HTML. */ Template.prototype.getGeneral_TextContent = function(flag,params) { var tempStr = this.brochure.getCurrentPage().description; tempStr = tempStr.replace(/\r/gi,''); return '
' + tempStr + '
'; } /** * This is called back by the formatting system to re-do the thumbnails if needed */ Template.prototype.modifyThumbnails = function( prevWidth ) { var innerWidth = Brochure.getLayer( "Thumbnails_Frame" ).clientWidth; if( innerWidth ) { innerWidth=""+innerWidth; if( innerWidth.substring( innerWidth.length-2 ) == "px" ) { innerWidth = innerWidth.substring( 0, innerWidth.length-2 ); } innerWidth *= 1; } if( innerWidth < prevWidth ) { this.brochure.debug( "Re rendering the thumbnails because innerWidth="+innerWidth+" prevWidth="+prevWidth); var params = new Array(); params[0]=innerWidth; this.brochure.reRenderLayer("Thumbnails_Frame",innerWidth); } } /** * Formats the div tag to render the thumbnails layer. * Special care should be taken in this method to ensure * that the thumbnail rendering degrades gracefully in old browsers and the * Netscape browser. This was an issue in the old brochures, so care should * be taken not to repeat past mistakes. */ Template.prototype.formatThumbnails_Frame = function(divTag,flag,params) { var currentViewableName = null; if(params!=null){ if(params[1]) currentViewableName = params[1];} var text = ''; var innerWidth = -1; var width = Utility.getStyleFromTag(divTag, 'width', 'width'); if( width.substring( width.length-2 ) == "px" ) { width = width.substring( 0, width.length-2 ); } width *= 1; if( !flag ) { //First time through - set a callback for when we know if we have a scrollbar //We use the full width less 16 for now innerWidth = width-16; this.addAfterFormatCallback( {onFormatFinished:function(){ setTimeout("theBrochure.getTemplate().modifyThumbnails("+innerWidth+")"); }} ); } else { //Callback - use the clientWidth property for the width to scale to innerWidth = params[0]; } //A table to contain one cell for each line text += '
|
'); return '
' + tempStr + '
'; } /** * Formats and returns a string containing the HTML necessary to render the * floorplan layer. * * @return A string containing HTML. */ //Template.prototype.getFloorplanContent = function(flag,params) Template.prototype.formatFloorplan = function(divTag,flag,params) { var page = this.brochure.getCurrentPage(); var floorplan = this.brochure.getCurrentFloorplan(); if( floorplan != null ) { var foundPanoHotspot=false; var directionCenterX=0; var directionCenterY=0; var text = ''
+ '
';
//alert('hello');
for (var hotspot in floorplan.HotspotsArray)
{
var pointsArray;
if(hotspot != "listType") {
var targetName = floorplan.HotspotsArray[hotspot].targetName;
var page = this.brochure.getCurrentPage();
var type = null;
if( typeof( page.viewables[targetName] ) != "undefined" )
{
type = page.viewables[targetName].type;
}
else if( typeof( page.floorplans[targetName] ) != "undefined" )
{
type = 'floorplan';
}
var points = floorplan.HotspotsArray[hotspot].points;
pointsArray = points.split(',');
var iconURL = this.getFloorplanIconURL(type);
if (iconURL)
{
text+=
'
';
divTag.innerHTML = text;
}
return "";
}
/**
* Checks to see if floorplan layer is ontop (NOT USED CURRENTLY)
*/
Template.prototype.showFloorplanCheck = function(id)
{
var onTop = this.brochure.isLayerOnTop("Floorplan");
alert('hello');
if( onTop )
{
this.brochure.debug( "Re rendering the floorplan layer");
this.showFloorplan(this.brochure.getCurrentPage().currentViewableName);
}
}
/**
* Returns the HTML necessary to format the floorplans surrounding each floorplan with HTML in prefix and suffix.
* TODO ensure order is good.
*/
Template.prototype.formatFloorplanButtons = function(prefix,suffix)
{
var text = "";
for (var id in this.floorplans)
{
text += prefix+this.floorplans[id].format()+suffix;
}
return text;
}
/**
* Formats and returns a string containing the HTML necessary to render the
* help layer.
*
* @return A string containing HTML.
*/
Template.prototype.getHelp_FrameContent = function(flag,params)
{ //TODO
//return "HELP HERE";
/*
+ ''
text+= 'width:' + 60 + 'px;'
+ 'height:' + 60 + 'px;">'
+ '
' //+ ''+ page.viewables[targetName].short_desc + ''
+ '
\n';
}
// get points to center floorplanDirection feature
if(targetName==params) {
directionCenterX = eval(pointsArray[0]) +9; // add 9 to compensate for hotspot icons sizes
directionCenterY = eval(pointsArray[1]) +9; // add 9 to compensate for hotspot icons sizes
foundPanoHotspot=true;
}
}
}
if(foundPanoHotspot) {
text += '';
}
text += '| Viewer Help | " + "|
| "+this.getFormattedButton('zoomIn')+" | " + "This button zooms in or tightens the viewing angle of a panorama so as to be able to see aspects of a scene from a closer perspective. | " + "
| "+ this.getFormattedButton('help') +" | " + "This button calls the help information you are now reading. | " + "
| "+ this.getFormattedButton('left') +" | " + "This button pans the panorama to the left. | " + "
| " + this.getFormattedButton('stop') + " | " + "This button pauses any movement within the viewer screen. | " + "
| " + this.getFormattedButton('right') + " | " + "This button pans the panorama to the right. | " + "
| " + this.getFormattedButton('mute') + " | " + "This button turns sound ON or OFF. | " + "
| " + this.getFormattedButton('toolbarGuidedTour') + " | " + "This button begins the guided tour sequence which displays all aspects of the tour in turn. | " + "
| NOTE: | " + "|
| Some of these features are unavailable when viewing a still image. | " + "