Home Gallery Index About Contact

ERROR

ERROR

Switch View
  1. <% --[[ Include the page head]] %>
  2. <%
  3. --[[ Define some variables to make locating other resources easier
  4. firstPage was defined in our manifest.]]
  5. local theRoot = "."
  6. %>
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="<%= model.metadata.html.dir %>">
  9. <head>
  10. <meta http-equiv="content-type" content="text/html; charset=<%= model.nonCSS.charset %>" />
  11. <% if model.nonCSS.metaTags then %><meta name="author" content="<%= model.metadata.metaAuthor.value %>" />
  12. <meta name="description" content="<%= model.metadata.metaDescription.value %>" />
  13. <meta name="keywords" content="<%= model.metadata.metaKeywords.value %>" />
  14. <meta name="generator" content="Adobe Photoshop Lightroom, TTG LR Pages" /><% end %>
  15. <title>$model.metadata.htmlTitle.value</title>
  16. <link rel="shortcut icon" type="image/ico" href="$theRoot/resources/images/favicon.ico" />
  17. <link rel="stylesheet" type="text/css" media="screen" href="$theRoot/resources/css/gallery.css" />
  18. <script type="text/javascript" src="$theRoot/resources/js/swfobject.js"></script>
  19. <script type="text/javascript" src="$theRoot/resources/js/livevalidation.js"></script>
  20. <script type="text/javascript" src="$theRoot/resources/js/jquery-1.4.1.min.js"></script>
  21. <script type="text/javascript" src="$theRoot/resources/js/jquery.jfade.1.0.min.js"></script>
  22. <% if model.nonCSS.gridType == 'iconic' then %><% if model.nonCSS.captifyAnimation == 'never' then %><% else %><script type="text/javascript" src="$theRoot/resources/js/captify.tiny.js"></script><% end %><% end %>
  24. <% if model.nonCSS.indexAction == 'shadowbox' then %>
  25. <script type="text/javascript" src="$theRoot/resources/shadowbox/shadowbox.js"></script>
  26. <script type="text/javascript">
  28. var options = {
  29. overlayColor: '<%= model.nonCSS.shadowboxOverlayWebColor %>',
  30. overlayOpacity: 0.<%= model.nonCSS.shadowboxOverlayOpacity %>,
  31. players: ['img','swf','flv','qt','wmp','iframe','html']
  32. };
  33. Shadowbox.init(options);
  34. </script>
  35. <link rel="stylesheet" type="text/css" media="screen" href="$theRoot/resources/shadowbox/shadowbox.css" />
  36. <style type="text/css">
  37. #sb-nav-close { background-image:url($theRoot/resources/images/<%= model.nonCSS.shadowbox_controls %>.png) !important; background-position: -64px 0; }
  38. #sb-nav-next { background-image:url($theRoot/resources/images/<%= model.nonCSS.shadowbox_controls %>.png) !important; background-position: -32px 0; }
  39. #sb-nav-previous { background-image:url($theRoot/resources/images/<%= model.nonCSS.shadowbox_controls %>.png) !important; background-position: -48px 0; }
  40. #sb-nav-play { background-image:url($theRoot/resources/images/<%= model.nonCSS.shadowbox_controls %>.png) !important; background-position: -16px 0; }
  41. #sb-nav-pause { background-image:url($theRoot/resources/images/<%= model.nonCSS.shadowbox_controls %>.png) !important; background-position: 0 0; }
  42. </style>
  43. <% end %>
  44. <script type="text/javascript">
  45. $(function(){
  47. $(".albumBox").jFade({
  48. trigger: "mouseover",
  49. property: 'background',
  50. start: '<%= model.nonCSS.albumBox_color_ag %>',
  51. end: '<%= model.nonCSS.albumBox_color_onhover_ag %>',
  52. steps: 20,
  53. duration: 15
  54. }).jFade({
  55. trigger: "mouseout",
  56. property: 'background',
  57. start: '<%= model.nonCSS.albumBox_color_onhover_ag %>',
  58. end: '<%= model.nonCSS.albumBox_color_ag %>',
  59. steps: 20,
  60. duration: 15
  61. });
  63. });
  64. </script>
  65. <% if model.nonCSS.includeFooter then %>
  66. <script type="text/javascript">
  67. <!--
  69. function printViewportDimensions() {
  70. var viewportwidth = $(window).width();
  71. var viewportheight = window.innerHeight ? window.innerHeight : $(window).height();
  72. $('#wrapper').css('min-height', (viewportheight-<%= model.nonCSS.footerHeight %>) + 'px');
  73. }
  75. printViewportDimensions();
  77. $(function() {
  78. printViewportDimensions();
  80. $(window).resize(function()
  81. {
  82. printViewportDimensions();
  83. });
  84. });
  86. //-->
  87. </script>
  88. <% end %>
  90. <% if model.nonCSS.gridType == 'iconic' then %><% if model.nonCSS.captifyAnimation == 'never' then %><% else %>
  91. <script type="text/javascript">
  92. <!--
  93. $(function(){
  94. $('img.captify').captify({
  95. speedOver: 'fast',
  96. speedOut: 'normal',
  97. hideDelay: 500,
  98. animation: '<%= model.nonCSS.captifyAnimation %>',
  99. prefix: '',
  100. opacity: '0.7',
  101. className: 'caption-<%= model.nonCSS.captifyPosition %>',
  102. position: '<%= model.nonCSS.captifyPosition %>',
  103. spanWidth: '100%'
  104. });
  105. });
  106. //-->
  107. </script>
  108. <% end %><% end %>
  109. <style type="text/css">
  111. <% if mode == "preview" then %>#wrapper { min-height: 100%; }<% end %>
  112. #page_content {
  113. -moz-border-radius: <%= model.nonCSS.page_content_corners %>px;
  114. -webkit-border-radius: <%= model.nonCSS.page_content_corners %>px;
  115. }
  117. .albumBox<% if model.nonCSS.gridType == 'iconic' then %>, .albumBoxContent<% end %> {
  118. background-color: #<%= model.nonCSS.albumBox_color_ag %>;
  119. -moz-border-radius: <%= model.nonCSS.albumBoxCorners %>px;
  120. -webkit-border-radius: <%= model.nonCSS.albumBoxCorners %>px;
  121. }
  123. #inputfields {
  124. -moz-border-radius: <%= model.nonCSS.selectionInputCorners %>px;
  125. -webkit-border-radius: <%= model.nonCSS.selectionInputCorners %>px;
  126. }
  127. <% if model.nonCSS.gridType == 'iconic' then %>
  128. <% if model.nonCSS.captifyAnimation == 'never' then %>
  129. .albumBoxContent, img.captify {
  130. width: <%= math.floor( model.nonCSS.albumBoxWidth - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) %>px;
  131. height: <%= math.floor( model.nonCSS.albumBoxHeight - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) %>px;
  132. }
  133. .albumBoxContent {
  134. padding: 0 !important;
  135. }
  136. img.captify {
  137. opacity: 0; filter:alpha(opacity=0);
  138. }
  139. <% else %>
  140. .caption-top, .caption-bottom {
  141. color: <%= model.nonCSS.albumTitleColor %>;
  142. padding: 0.5em;
  143. font-weight: <%= model.appearance.albumTitle[ 'font-weight' ] %>;
  144. font-size: <%= model.nonCSS.albumTitle_fontsize %>px;
  145. font-family: <%= model.appearance.albumTitle[ 'font-family' ] %>;
  146. border: 0px solid <%= model.nonCSS.albumTitleBorderColor %>;
  147. background: <%= model.nonCSS.albumTitleBGColor %>;
  148. text-shadow: 1px 1px 0 <%= model.nonCSS.albumTitleShadowColor %>;
  149. }
  150. .caption-top {
  151. border-width: 0px 0px <%= model.nonCSS.albumTitle_border %>px 0px;
  152. }
  153. .caption-bottom {
  154. border-width: <%= model.nonCSS.albumTitle_border %>px 0px 0px 0px;
  155. }
  156. .caption a, .caption a {
  157. border: 0 none;
  158. text-decoration: none;
  159. background: #000000;
  160. padding: 0.3em;
  161. }
  162. .caption a:hover, .caption a:hover {
  163. background: #202020;
  164. }
  165. .albumBoxContent, img.captify {
  166. width: <%= math.floor( model.nonCSS.albumBoxWidth - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) %>px;
  167. height: <%= math.floor( model.nonCSS.albumBoxHeight - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) %>px;
  168. }
  169. .albumBoxContent {
  170. padding: 0 !important;
  171. }
  172. img.captify {
  173. opacity: 0; filter:alpha(opacity=0);
  174. }
  175. <% end %><% end %>
  176. </style>
  177. <% if mode == 'publish' then %>
  178. <!-- compliance patch for microsoft browsers -->
  179. <!--[if lt IE 8]>
  180. <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
  181. <![endif]-->
  182. <% end %>
  184. <% if mode == 'preview' then %>
  185. <script type="text/javascript">
  186. window.AgMode = "$mode";
  187. window.AgOnLoad = function() {
  188. tellLightroomWhatImagesWeAreUsing();
  189. setActiveImageSize( "<%= mySize %>" );
  190. <% if image then %>
  191. callCallback( "showInPhotoBin", "$image.imageID" );
  192. <% end %>
  193. }
  194. </script>
  195. <script type="text/javascript" src="$theRoot/resources_preview/js/live_update.js"></script>
  196. <% end %>
  197. <%= model.metadata.style.head %>
  198. <%if mode == "publish" then %>
  199. <%= model.metadata.script.head %>
  200. <% end %>
  202. </head>
  203. <body id="about">
  204. <% --[[ Include the page header]] %>
  205. <%
  206. --[[ Define some variables to make locating other resources easier
  207. firstPage was defined in our manifest.]]
  208. local theRoot = "."
  209. %>
  210. <div id="wrapper">
  211. <% if model.nonCSS.idplateLocation == "header" then %>
  212. <div id="header_container">
  213. <div id="header"<% if model.nonCSS.fixHeaderWidth then %> style="width: <%= model.nonCSS.fixedHeaderWidth %>px !important;"<% end %>>
  215. <h1<% if model.nonCSS.idplate then %> style="background-image: url(<% if model.nonCSS.shareResources then %><%= model.nonCSS.pathToResources %>images/idplate.png<% else %>$theRoot/resources/images/idplate.png<% end %>); background-repeat: no-repeat; background-position: <%= model.nonCSS.idplate_X %>% <%= model.nonCSS.idplate_Y %>%;"<% end %>><a href="$model.metadata.headerlink.value"><span>$model.metadata.htmlTitle.value</span></a></h1>
  217. </div> <!-- /header -->
  218. </div>
  219. <div id="menu">
  220. <div id="menuContent"<% if model.nonCSS.fixHeaderWidth then %> style="width: <%= model.nonCSS.fixedHeaderWidth %>px !important;"<% end %>>
  221. <p style="margin-left: <%= model.nonCSS.menuPaddingLeft %>px !important; margin-right: <%= model.nonCSS.menuPaddingRight %>px !important;"><% if model.nonCSS.menuItem1 then %><a href="$model.metadata.menuItem1.link" id="metadata.menuItem1.value" style="padding-left: 0 !important;">$model.metadata.menuItem1.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem2 then %><a href="<% if mode == 'preview' then %>galleryindex.html<% else %>galleryindex.php<% end %>" id="metadata.menuItem2.value">$model.metadata.menuItem2.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem3 then %><a href="$model.metadata.menuItem3.link" id="metadata.menuItem3.value">$model.metadata.menuItem3.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem4 then %><a href="$model.metadata.menuItem4.link" id="metadata.menuItem4.value">$model.metadata.menuItem4.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem5 then %><a href="$model.metadata.menuItem5.link" id="metadata.menuItem5.value">$model.metadata.menuItem5.value</a> <%= model.metadata.menuDivider.value %> <% end %><%= model.metadata.customMenu.value %><a href="$model.metadata.contact.link" id="metadata.contact.value" style="padding-right: 0 !important;">$model.metadata.contact.value</a></p>
  223. </div>
  224. </div> <!-- /menu -->
  225. <% elseif model.nonCSS.idplateLocation == "menu" then %>
  226. <div id="header_container">
  227. <div id="header"<% if model.nonCSS.fixHeaderWidth then %> style="width: <%= model.nonCSS.fixedHeaderWidth %>px !important;"<% end %>>
  228. </div> <!-- /header -->
  229. </div>
  231. <div id="menu">
  232. <div id="menuContent" <% if model.nonCSS.idplate then %>
  233. style="<% if model.nonCSS.fixHeaderWidth then %>width: <%= model.nonCSS.fixedHeaderWidth %>px !important; <% end %>background-image: url(<% if model.nonCSS.shareResources then %><%= model.nonCSS.pathToResources %>images/idplate.png<% else %>$theRoot/resources/images/idplate.png<% end %>); background-repeat: no-repeat; background-position: <%= model.nonCSS.idplate_X %>% <%= model.nonCSS.idplate_Y %>%;"<% end %>>
  234. <p style="margin-left: <%= model.nonCSS.menuPaddingLeft %>px !important; margin-right: <%= model.nonCSS.menuPaddingRight %>px !important;"><% if model.nonCSS.menuItem1 then %><a href="$model.metadata.menuItem1.link" id="metadata.menuItem1.value" style="padding-left: 0 !important;">$model.metadata.menuItem1.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem2 then %><a href="<% if mode == 'preview' then %>galleryindex.html<% else %>galleryindex.php<% end %>" id="metadata.menuItem2.value">$model.metadata.menuItem2.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem3 then %><a href="$model.metadata.menuItem3.link" id="metadata.menuItem3.value">$model.metadata.menuItem3.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem4 then %><a href="$model.metadata.menuItem4.link" id="metadata.menuItem4.value">$model.metadata.menuItem4.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem5 then %><a href="$model.metadata.menuItem5.link" id="metadata.menuItem5.value">$model.metadata.menuItem5.value</a> <%= model.metadata.menuDivider.value %> <% end %><%= model.metadata.customMenu.value %><a href="$model.metadata.contact.link" id="metadata.contact.value" style="padding-right: 0 !important;">$model.metadata.contact.value</a></p>
  236. </div>
  237. </div> <!-- /menu -->
  238. <% elseif model.nonCSS.idplateLocation == "beneath" then %>
  240. <div id="menu" style="margin-bottom: 0 !important;">
  241. <div id="menuContent"<% if model.nonCSS.fixHeaderWidth then %> style="width: <%= model.nonCSS.fixedHeaderWidth %>px !important;"<% end %>>
  242. <p style="margin-left: <%= model.nonCSS.menuPaddingLeft %>px !important; margin-right: <%= model.nonCSS.menuPaddingRight %>px !important;"><% if model.nonCSS.menuItem1 then %><a href="$model.metadata.menuItem1.link" id="metadata.menuItem1.value" style="padding-left: 0 !important;">$model.metadata.menuItem1.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem2 then %><a href="<% if mode == 'preview' then %>galleryindex.html<% else %>galleryindex.php<% end %>" id="metadata.menuItem2.value">$model.metadata.menuItem2.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem3 then %><a href="$model.metadata.menuItem3.link" id="metadata.menuItem3.value">$model.metadata.menuItem3.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem4 then %><a href="$model.metadata.menuItem4.link" id="metadata.menuItem4.value">$model.metadata.menuItem4.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem5 then %><a href="$model.metadata.menuItem5.link" id="metadata.menuItem5.value">$model.metadata.menuItem5.value</a> <%= model.metadata.menuDivider.value %> <% end %><%= model.metadata.customMenu.value %><a href="$model.metadata.contact.link" id="metadata.contact.value" style="padding-right: 0 !important;">$model.metadata.contact.value</a></p>
  244. </div>
  245. </div> <!-- /menu -->
  246. <div id="header_container">
  247. <div id="header"<% if model.nonCSS.fixHeaderWidth then %> style="width: <%= model.nonCSS.fixedHeaderWidth %>px !important;"<% end %>>
  249. <h1<% if model.nonCSS.idplate then %> style="background-image: url(<% if model.nonCSS.shareResources then %><%= model.nonCSS.pathToResources %>images/idplate.png<% else %>$theRoot/resources/images/idplate.png<% end %>); background-repeat: no-repeat; background-position: <%= model.nonCSS.idplate_X %>% <%= model.nonCSS.idplate_Y %>%;"<% end %>><a href="$model.metadata.headerlink.value"><span>$model.metadata.htmlTitle.value</span></a></h1>
  251. </div> <!-- /header -->
  252. </div>
  253. <% end %>
  254. <div id="gallery">
  255. <% if model.nonCSS.aboutConfiguration == "imageleftcopyright" then %>
  257. <div id="page_content" class="about">
  259. <% if model.nonCSS.about_stage then %>
  260. <style type="text/css">
  261. #about_frame { float: left; }
  262. </style>
  263. <% if model.nonCSS.about_galleryType == "none" then %>
  264. <div id="about_frame">
  265. <div id="about_flashcontent">
  266. <p style="margin: 0 !important; padding: 10px !important;">You have chosen to replace this image with a Flash gallery. Please select a Gallery Type from the Appearance pane so that we can properly prepare the stage for your gallery.</p>
  267. </div>
  268. </div>
  269. <% elseif model.nonCSS.about_galleryType == "autoviewer" then %>
  270. <% if mode == 'preview' then %>
  271. <div id="about_frame">
  272. <div id="about_flashcontent">
  273. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  274. <p><strong>Setup Instructions</strong></p>
  275. <p>Export an Autoviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-autoviewer/">TTG Autoviewer</a> or Airtight Autoviewer web engine. Name the export folder "about_autoviewer" and copy it into the exported TTG Pages folder.</p>
  276. </div>
  277. </div>
  278. </div>
  279. <% else %>
  280. <div id="about_frame">
  281. <div id="about_flashcontent"></div>
  282. <script language="JavaScript">
  283. var flashvars = {
  284. // langOpenImage: "Open Image in New Window",
  285. // langAbout: "About",
  286. xmlURL: "gallery.xml"
  287. }
  288. var params = {
  289. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  290. scale: "noscale",
  291. base: "about_autoviewer/"
  292. }
  293. var attributes = {
  294. }
  295. swfobject.embedSWF("about_autoviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  296. </script>
  297. </div>
  298. <% end %>
  299. <% elseif model.nonCSS.about_galleryType == "dimin" then %>
  300. <% if mode == 'preview' then %>
  301. <div id="about_frame">
  302. <div id="about_flashcontent">
  303. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  304. <p><strong>Setup Instructions</strong></p>
  305. <p>Export a gallery using the <a href="http://dimin.m6.net/software/lightroom/">DIMIN Slideshow</a> web engine. Name the export folder "about_dimin" and copy it into the exported TTG Pages folder.</p>
  306. </div>
  307. </div>
  308. </div>
  309. <% else %>
  310. <div id="about_frame">
  311. <div id="about_flashcontent">DIMIN Slideshow requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
  312. <script language="JavaScript">
  313. var flashvars = {
  314. width: "<%= model.nonCSS.about_gallery_width %>",
  315. height: "<%= model.nonCSS.about_gallery_height %>",
  316. file: "slideshow.xml"
  317. }
  318. var params = {
  319. allowfullscreen: "true",
  320. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  321. base: "about_dimin/"
  322. }
  323. var attributes = {
  324. }
  325. swfobject.embedSWF("about_dimin/imagerotator.swf", "about_flashcontent", "<%= model.nonCSS.about_gallery_width %>", "<%= model.nonCSS.about_gallery_height %>", "7", false, flashvars, params, attributes);
  326. </script>
  327. </div>
  329. <% end %>
  330. <% elseif model.nonCSS.about_galleryType == "flashnifties" then %>
  331. <% if mode == 'preview' then %>
  332. <div id="about_frame">
  333. <div id="about_flashcontent">
  334. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  335. <p><strong>Setup Instructions</strong></p>
  336. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-flashnifties/">TTG Flashnifties</a> web engine. Name the export folder "about_flashnifties" and copy it into the exported TTG Pages folder.</p>
  337. </div>
  338. </div>
  339. </div>
  340. <% else %>
  341. <div id="about_frame">
  342. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  343. <script language="JavaScript">
  344. var flashvars = {
  345. }
  346. var params = {
  347. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  348. base: "about_flashnifties/"
  349. }
  350. var attributes = {
  351. }
  352. swfobject.embedSWF("about_flashnifties/xmlGallery.swf", "about_flashcontent", "100%", "100%", "6", false, flashvars, params, attributes);
  353. </script>
  354. </div>
  355. <% end %>
  356. <% elseif model.nonCSS.about_galleryType == "flickr" then %>
  357. <% if mode == 'preview' then %>
  358. <div id="about_frame">
  359. <div id="about_flashcontent">
  360. <div id="flickr" style="padding:1em;font-size:11px;line-height:17px;">
  361. <p><strong>Flickr Setup</strong></p>
  362. <p>Input your Flickr username and the ID number of the Flickr Set you wish to display into the "Flickr Username" and "Flickr Set ID" fields, respectively.</p>
  363. <p>To get the Flickr Set ID, visit your set on Flickr. The URL for the set will look like this: http://www.flickr.com/photos/username/sets/<span style="color:#f00 !important;">#################</span>/.</p>
  364. <p>The number, shown here in red, is the set ID. Copy and paste that number into the "Flickr Set ID" field in the Appearance pane.</p>
  365. <p>TTG Stage will only display <strong>sets</strong>, not collections, nor photostreams. The gallery will not display here in the LR preview, but will appear in the exported gallery, or when previewed in a browser.</p>
  367. <p>The URL that will be displayed in your gallery is:</p>
  369. <p><a href="http://www.flickr.com/photos/<%=model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/">http://www.flickr.com/photos/<%=model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/</a></p>
  371. <p>Check that the URL is correct by clicking on it and verifying its destination.</p>
  372. </div>
  373. </div>
  374. </div>
  375. <% else %>
  376. <div id="about_frame">
  377. <div id="about_flashcontent">Flash is required to view this gallery. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  378. <script language="JavaScript">
  379. var flashvars = {
  380. offsite: "true",
  381. lang: "en-us",
  382. page_show_url: "/photos/<%= model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/show/",
  383. set_id: "<%= model.nonCSS.about_flickrSet %>",
  384. page_show_back_url: "/photos/<%= model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/",
  385. jump_to: ""
  386. }
  387. var params = {
  388. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  389. allowfullscreen: "true"
  390. }
  391. var attributes = {
  392. }
  393. swfobject.embedSWF("http://www.flickr.com/apps/slideshow/show.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  394. </script>
  395. </div>
  396. <% end %>
  397. <% elseif model.nonCSS.about_galleryType == "lightroomflashgallery" then %>
  398. <% if mode == 'preview' then %>
  399. <div id="about_frame">
  400. <div id="about_flashcontent">
  401. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  402. <p><strong>Setup Instructions</strong></p>
  403. <p>Export a gallery using the Lightroom Flash Gallery web engine. Name the export folder "about_lightroomflashgallery" and copy it into the exported TTG Pages folder.</p>
  404. </div>
  405. </div>
  406. </div>
  407. <% else %>
  408. <div id="about_frame">
  409. <div id="about_flashcontent">
  410. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  411. width="100%" height="100%"
  412. codebase="http://download.macromedia.com/pub/shockwave/
  413. cabs/flash/swflash.cab">
  414. <param name="movie" value="about_lightroomflashgallery/resources/gallery.swf"/>
  415. <param name="flashvars"
  416. value="livePreview=false
  417. &baseRefUrl=about_lightroomflashgallery/
  418. &groupxml=resources/mediaGroupData/group.xml
  419. &stylexml=resources/styles/style.xml
  420. &localText=resources/localization/localText.xml"/>
  421. <param name="id" value="gallery"/>
  422. <param name="quality" value="high"/>
  423. <param name="align" value="middle"/>
  424. <param name="name" value="gallery"/>
  425. <param name="bgcolor" value="#f7f7f7"/>
  426. <param name="allowScriptAccess" value="sameDomain"/>
  427. <param name="menu" value="true"/>
  428. <embed src="about_lightroomflashgallery/resources/gallery.swf"
  429. type="application/x-shockwave-flash"
  430. pluginspage="http://www.macromedia.com/go/getflashplayer"
  431. flashvars="livePreview=false
  432. &baseRefUrl=about_lightroomflashgallery/
  433. &groupxml=resources/mediaGroupData/group.xml
  434. &stylexml=resources/styles/style.xml
  435. &localText=resources/localization/localText.xml"
  436. width="100%" height="100%" quality="high" align="middle"
  437. allowScriptAccess="sameDomain">
  438. </embed>
  439. </object>
  440. </div>
  441. </div>
  442. <% end %>
  443. <% elseif model.nonCSS.about_galleryType == "monoslideshow" then %>
  444. <% if mode == 'preview' then %>
  445. <div id="about_frame">
  446. <div id="about_flashcontent">
  447. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  448. <p><strong>Setup Instructions</strong></p>
  449. <p>Export a gallery using the (discontinued) TTG MonoSlideshow web engine, or create a Monoslideshow gallery on your own. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  450. </div>
  451. </div>
  452. </div>
  453. <% else %>
  454. <div id="about_frame">
  455. <div id="about_flashcontent">
  456. <p><strong>Please install Flash® and turn on Javascript.</strong></p>
  457. </div>
  458. <script language="JavaScript">
  459. var flashvars = {
  460. showLogo: "false"
  461. }
  462. var params = {
  463. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  464. base: "about_monoslideshow/"
  465. }
  466. var attributes = {
  467. }
  468. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  469. </script>
  470. </div>
  472. <% end %>
  473. <% elseif model.nonCSS.about_galleryType == "monoslideshow2" then %>
  474. <% if mode == 'preview' then %>
  475. <div id="about_frame">
  476. <div id="about_flashcontent">
  477. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  478. <p><strong>Setup Instructions</strong></p>
  479. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-monoslideshow/">TTG MonoSlideshow</a> web engine. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  480. </div>
  481. </div>
  482. </div>
  483. <% else %>
  484. <div id="about_frame">
  485. <div id="about_flashcontent">
  486. <p>Please <a href="http://get.adobe.com/flashplayer/">install Flash®</a> and turn on Javascript.</p>
  487. </div>
  488. <script type="text/javascript">
  489. var flashvars = {showLogo: "false", showRegistration: "false"};
  490. var params = {allowScriptAccess: "sameDomain", allowfullscreen: "true", allowNetworking: "all", base: "about_monoslideshow/"};
  491. var attributes = {id: "monoslideshow", name: "monoslideshow", bgColor: "<%= model.nonCSS.about_stageBGC %>"};
  492. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "9", false, flashvars, params, attributes);
  493. </script>
  494. </div>
  496. <% end %>
  497. <% elseif model.nonCSS.about_galleryType == "polaroid" then %>
  498. <% if mode == 'preview' then %>
  499. <div id="about_frame">
  500. <div id="about_flashcontent">
  501. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  502. <p><strong>Setup Instructions</strong></p>
  503. <p>Export a gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-polaroid-gallery/">TTG Polaroid Gallery</a> web engine. Name the export folder "about_polaroid" and copy it into the exported TTG Pages folder.</p>
  504. </div>
  505. </div>
  506. </div>
  507. <% else %>
  508. <div id="about_frame">
  509. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  510. <script language="JavaScript">
  511. var flashvars = {
  512. xmlURL: "photos.xml"
  513. }
  514. var params = {
  515. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  516. base: "about_polaroid/"
  517. }
  518. var attributes = {
  519. }
  520. swfobject.embedSWF("about_polaroid/polaroid.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  521. </script>
  522. </div>
  523. <% end %>
  524. <% elseif model.nonCSS.about_galleryType == "postcardviewer" then %>
  525. <% if mode == 'preview' then %>
  526. <div id="about_frame">
  527. <div id="about_flashcontent">
  528. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  529. <p><strong>Setup Instructions</strong></p>
  530. <p>Export a PostcardViewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-postcardviewer/">TTG PostcardViewer</a> or Airtight PostcardViewer web engine. Name the export folder "about_postcardviewer" and copy it into the exported TTG Pages folder.</p>
  531. </div>
  532. </div>
  533. </div>
  534. <% else %>
  535. <div id="about_frame">
  536. <div id="about_flashcontent">PostcardViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
  537. <script language="JavaScript">
  538. var flashvars = {
  539. // langOpenImage: "Open Image in New Window",
  540. // langAbout: "About",
  541. xmlURL: "gallery.xml"
  542. }
  543. var params = {
  544. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  545. base: "about_postcardviewer/"
  546. }
  547. var attributes = {
  548. }
  549. swfobject.embedSWF("about_postcardviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  550. </script>
  551. </div>
  552. <% end %>
  553. <% elseif model.nonCSS.about_galleryType == "simpleviewer" then %>
  554. <% if mode == 'preview' then %>
  555. <div id="about_frame">
  556. <div id="about_flashcontent">
  557. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  558. <p><strong>Setup Instructions</strong></p>
  559. <p>Export a Simpleviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer</a> or Airtight Simpleviewer web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Pages folder.</p>
  560. </div>
  561. </div>
  562. </div>
  563. <% else %>
  564. <div id="about_frame">
  565. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  566. <script language="JavaScript">
  567. var flashvars = {
  568. // langOpenImage: "Open Image in New Window",
  569. // langAbout: "About",
  570. preloaderColor: "0xffffff",
  571. xmlDataPath: "gallery.xml"
  572. }
  573. var params = {
  574. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  575. base: "about_simpleviewer/"
  576. }
  577. var attributes = {
  578. }
  579. swfobject.embedSWF("about_simpleviewer/viewer.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  580. </script>
  581. </div>
  582. <% end %>
  583. <% elseif model.nonCSS.about_galleryType == "simpleviewer2" then %>
  584. <% if mode == 'preview' then %>
  585. <div id="about_frame">
  586. <div id="about_flashcontent">
  587. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  588. <p><strong>Setup Instructions</strong></p>
  589. <p>Export a Simpleviewer gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer-2</a> web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Stage folder.</p>
  590. </div>
  591. </div>
  592. </div>
  593. <% else %>
  594. <div id="about_frame">
  595. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  596. <script type="text/javascript">
  597. var flashvars = {};
  598. flashvars.baseURL="about_simpleviewer/";
  599. flashvars.galleryURL = "gallery.xml";
  600. var params = {};
  601. params.allowfullscreen = true;
  602. params.allowscriptaccess = "always";
  603. params.bgcolor = "<%= model.nonCSS.about_stageBGC %>";
  604. swfobject.embedSWF("about_simpleviewer/simpleviewer.swf", "about_flashcontent", "100%", "100%", "9.0.124", false, flashvars, params);
  605. </script>
  606. </div>
  607. <% end %>
  608. <% elseif model.nonCSS.about_galleryType == "slideshowpro" then %>
  609. <% if mode == 'preview' then %>
  610. <div id="about_frame">
  611. <div id="about_flashcontent">
  612. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  613. <p><strong>Setup Instructions</strong></p>
  614. <p>Export a gallery using the <a href="http://www.slideshowpro.net">Slideshow Pro</a> web engine. Name the export folder "about_slideshowpro" and copy it into the exported TTG Pages folder.</p>
  615. </div>
  616. </div>
  617. </div>
  618. <% else %>
  619. <div id="about_frame">
  620. <div id="about_flashcontent">
  621. This SlideShowPro photo gallery requires the Flash Player plugin and a web browser with JavaScript enabled.
  622. </div>
  624. <script language="JavaScript">
  625. <!--
  626. // Permalinks option
  627. function flashPutHref(href) { location.href = href; }
  629. // Expand browser option
  630. var eB = false;
  631. if (eB) {
  632. window.moveTo(0,0);
  633. window.resizeTo (screen.availWidth, screen.availHeight);
  634. }
  636. // swffit sizing
  637. var swf_pad = 20;
  638. function initSwffit(w,h) {
  639. // If you change name of the DIV the SWF is written at,
  640. // change 'flashcontent' to the name of your DIV.
  641. swffit.fit('about_flashcontent',w+swf_pad,h+swf_pad);
  642. }
  644. // SWFObject embed
  645. var flashvars = {
  646. paramXMLPath: "param.xml",
  647. initialURL: escape(document.location)
  648. }
  649. var params = {
  650. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  651. allowfullscreen: "true",
  652. base: "about_slideshowpro/"
  653. }
  654. var attributes = {}
  655. swfobject.embedSWF("about_slideshowpro/loader.swf", "about_flashcontent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
  656. /* below required for google chrome embed issue */
  657. swffit.fit('about_flashcontent',0,0);
  658. -->
  659. </script>
  660. </div> <!-- /frame -->
  662. <% end %>
  664. <% end %>
  665. <% else %>
  667. <img src="photos/<%= getImage(2).exportFilename %>.jpg" class="page_img" width="<%= getImage(2).renditions.photos.width %>" height="<%= getImage(2).renditions.photos.height %>" alt="<%= getImage(2).metadata.alt %>" style="float:left;" />
  668. <% end %>
  670. <% if model.nonCSS.about_stage then %>
  671. <div class="copy" style="float:right; width: <%= math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - model.nonCSS.about_stage_width ) %>px;">
  672. <% else %>
  673. <div class="copy" style="float:right; width: <%= math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - ( ( model.nonCSS.imagePadding + model.nonCSS.imageBorderWidth ) * 2 ) - getImage(2).renditions.photos.width ) %>px;">
  674. <% end %>
  676. <% if model.nonCSS.includeAboutHeading1 then %><h2 id="metadata.aboutHeading1.value" class="first heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading1.value');"<% end %>>$model.metadata.aboutHeading1.value</h2><% end %>
  677. <% if model.nonCSS.includeAboutParagraph1 then %><p id="nonCSS.aboutParagraph1.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph1.value');"<% end %>>$model.metadata.aboutParagraph1.value</p><% end %>
  678. <% if model.nonCSS.includeAboutHeading2 then %><h2 id="metadata.aboutHeading2.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading2.value');"<% end %>>$model.metadata.aboutHeading2.value</h2><% end %>
  679. <% if model.nonCSS.includeAboutParagraph2 then %><p id="nonCSS.aboutParagraph2.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph2.value');"<% end %>>$model.metadata.aboutParagraph2.value</p><% end %>
  680. <% if model.nonCSS.includeAboutHeading3 then %><h2 id="metadata.aboutHeading3.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading3.value');"<% end %>>$model.metadata.aboutHeading3.value</h2><% end %>
  681. <% if model.nonCSS.includeAboutParagraph3 then %><p id="nonCSS.aboutParagraph3.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph3.value');"<% end %>>$model.metadata.aboutParagraph3.value</p><% end %>
  682. <% if model.nonCSS.includeAboutHeading4 then %><h2 id="metadata.aboutHeading4.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading4.value');"<% end %>>$model.metadata.aboutHeading4.value</h2><% end %>
  683. <% if model.nonCSS.includeAboutParagraph4 then %><p id="nonCSS.aboutParagraph4.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph4.value');"<% end %>>$model.metadata.aboutParagraph4.value</p><% end %>
  684. <% if model.nonCSS.includeAboutHeading5 then %><h2 id="metadata.aboutHeading5.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading5.value');"<% end %>>$model.metadata.aboutHeading5.value</h2><% end %>
  685. <% if model.nonCSS.includeAboutParagraph5 then %><p id="nonCSS.aboutParagraph5.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph5.value');"<% end %>>$model.metadata.aboutParagraph5.value</p><% end %>
  686. </div>
  688. <div class="clear"></div>
  689. </div> <!-- /page_content home -->
  690. <% elseif model.nonCSS.aboutConfiguration == "copyleftimageright" then %>
  692. <div id="page_content" class="about">
  694. <% if model.nonCSS.about_stage then %>
  695. <style type="text/css">
  696. #about_frame { float: right; }
  697. </style>
  698. <% if model.nonCSS.about_galleryType == "none" then %>
  699. <div id="about_frame">
  700. <div id="about_flashcontent">
  701. <p style="margin: 0 !important;">You have chosen to replace this image with a Flash gallery. Please select a Gallery Type from the Appearance pane so that we can properly prepare the stage for your gallery.</p>
  702. </div>
  703. </div>
  704. <% elseif model.nonCSS.about_galleryType == "autoviewer" then %>
  705. <% if mode == 'preview' then %>
  706. <div id="about_frame">
  707. <div id="about_flashcontent">
  708. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  709. <p><strong>Setup Instructions</strong></p>
  710. <p>Export an Autoviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-autoviewer/">TTG Autoviewer</a> or Airtight Autoviewer web engine. Name the export folder "about_autoviewer" and copy it into the exported TTG Pages folder.</p>
  711. </div>
  712. </div>
  713. </div>
  714. <% else %>
  715. <div id="about_frame">
  716. <div id="about_flashcontent"></div>
  717. <script language="JavaScript">
  718. var flashvars = {
  719. // langOpenImage: "Open Image in New Window",
  720. // langAbout: "About",
  721. xmlURL: "gallery.xml"
  722. }
  723. var params = {
  724. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  725. scale: "noscale",
  726. base: "about_autoviewer/"
  727. }
  728. var attributes = {
  729. }
  730. swfobject.embedSWF("about_autoviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  731. </script>
  732. </div>
  733. <% end %>
  734. <% elseif model.nonCSS.about_galleryType == "dimin" then %>
  735. <% if mode == 'preview' then %>
  736. <div id="about_frame">
  737. <div id="about_flashcontent">
  738. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  739. <p><strong>Setup Instructions</strong></p>
  740. <p>Export a gallery using the <a href="http://dimin.m6.net/software/lightroom/">DIMIN Slideshow</a> web engine. Name the export folder "about_dimin" and copy it into the exported TTG Pages folder.</p>
  741. </div>
  742. </div>
  743. </div>
  744. <% else %>
  745. <div id="about_frame">
  746. <div id="about_flashcontent">DIMIN Slideshow requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
  747. <script language="JavaScript">
  748. var flashvars = {
  749. width: "<%= model.nonCSS.about_gallery_width %>",
  750. height: "<%= model.nonCSS.about_gallery_height %>",
  751. file: "slideshow.xml"
  752. }
  753. var params = {
  754. allowfullscreen: "true",
  755. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  756. base: "about_dimin/"
  757. }
  758. var attributes = {
  759. }
  760. swfobject.embedSWF("about_dimin/imagerotator.swf", "about_flashcontent", "<%= model.nonCSS.about_gallery_width %>", "<%= model.nonCSS.about_gallery_height %>", "7", false, flashvars, params, attributes);
  761. </script>
  762. </div>
  764. <% end %>
  765. <% elseif model.nonCSS.about_galleryType == "flashnifties" then %>
  766. <% if mode == 'preview' then %>
  767. <div id="about_frame">
  768. <div id="about_flashcontent">
  769. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  770. <p><strong>Setup Instructions</strong></p>
  771. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-flashnifties/">TTG Flashnifties</a> web engine. Name the export folder "about_flashnifties" and copy it into the exported TTG Pages folder.</p>
  772. </div>
  773. </div>
  774. </div>
  775. <% else %>
  776. <div id="about_frame">
  777. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  778. <script language="JavaScript">
  779. var flashvars = {
  780. }
  781. var params = {
  782. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  783. base: "about_flashnifties/"
  784. }
  785. var attributes = {
  786. }
  787. swfobject.embedSWF("about_flashnifties/xmlGallery.swf", "about_flashcontent", "100%", "100%", "6", false, flashvars, params, attributes);
  788. </script>
  789. </div>
  790. <% end %>
  791. <% elseif model.nonCSS.about_galleryType == "flickr" then %>
  792. <% if mode == 'preview' then %>
  793. <div id="about_frame">
  794. <div id="about_flashcontent">
  795. <div id="flickr" style="padding:1em;font-size:11px;line-height:17px;">
  796. <p><strong>Flickr Setup</strong></p>
  797. <p>Input your Flickr username and the ID number of the Flickr Set you wish to display into the "Flickr Username" and "Flickr Set ID" fields, respectively.</p>
  798. <p>To get the Flickr Set ID, visit your set on Flickr. The URL for the set will look like this: http://www.flickr.com/photos/username/sets/<span style="color:#f00 !important;">#################</span>/.</p>
  799. <p>The number, shown here in red, is the set ID. Copy and paste that number into the "Flickr Set ID" field in the Appearance pane.</p>
  800. <p>TTG Stage will only display <strong>sets</strong>, not collections, nor photostreams. The gallery will not display here in the LR preview, but will appear in the exported gallery, or when previewed in a browser.</p>
  802. <p>The URL that will be displayed in your gallery is:</p>
  804. <p><a href="http://www.flickr.com/photos/<%=model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/">http://www.flickr.com/photos/<%=model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/</a></p>
  806. <p>Check that the URL is correct by clicking on it and verifying its destination.</p>
  807. </div>
  808. </div>
  809. </div>
  810. <% else %>
  811. <div id="about_frame">
  812. <div id="about_flashcontent">Flash is required to view this gallery. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  813. <script language="JavaScript">
  814. var flashvars = {
  815. offsite: "true",
  816. lang: "en-us",
  817. page_show_url: "/photos/<%= model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/show/",
  818. set_id: "<%= model.nonCSS.about_flickrSet %>",
  819. page_show_back_url: "/photos/<%= model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/",
  820. jump_to: ""
  821. }
  822. var params = {
  823. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  824. allowfullscreen: "true"
  825. }
  826. var attributes = {
  827. }
  828. swfobject.embedSWF("http://www.flickr.com/apps/slideshow/show.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  829. </script>
  830. </div>
  831. <% end %>
  832. <% elseif model.nonCSS.about_galleryType == "lightroomflashgallery" then %>
  833. <% if mode == 'preview' then %>
  834. <div id="about_frame">
  835. <div id="about_flashcontent">
  836. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  837. <p><strong>Setup Instructions</strong></p>
  838. <p>Export a gallery using the Lightroom Flash Gallery web engine. Name the export folder "about_lightroomflashgallery" and copy it into the exported TTG Pages folder.</p>
  839. </div>
  840. </div>
  841. </div>
  842. <% else %>
  843. <div id="about_frame">
  844. <div id="about_flashcontent">
  845. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  846. width="100%" height="100%"
  847. codebase="http://download.macromedia.com/pub/shockwave/
  848. cabs/flash/swflash.cab">
  849. <param name="movie" value="about_lightroomflashgallery/resources/gallery.swf"/>
  850. <param name="flashvars"
  851. value="livePreview=false
  852. &baseRefUrl=about_lightroomflashgallery/
  853. &groupxml=resources/mediaGroupData/group.xml
  854. &stylexml=resources/styles/style.xml
  855. &localText=resources/localization/localText.xml"/>
  856. <param name="id" value="gallery"/>
  857. <param name="quality" value="high"/>
  858. <param name="align" value="middle"/>
  859. <param name="name" value="gallery"/>
  860. <param name="bgcolor" value="#f7f7f7"/>
  861. <param name="allowScriptAccess" value="sameDomain"/>
  862. <param name="menu" value="true"/>
  863. <embed src="about_lightroomflashgallery/resources/gallery.swf"
  864. type="application/x-shockwave-flash"
  865. pluginspage="http://www.macromedia.com/go/getflashplayer"
  866. flashvars="livePreview=false
  867. &baseRefUrl=about_lightroomflashgallery/
  868. &groupxml=resources/mediaGroupData/group.xml
  869. &stylexml=resources/styles/style.xml
  870. &localText=resources/localization/localText.xml"
  871. width="100%" height="100%" quality="high" align="middle"
  872. allowScriptAccess="sameDomain">
  873. </embed>
  874. </object>
  875. </div>
  876. </div>
  877. <% end %>
  878. <% elseif model.nonCSS.about_galleryType == "monoslideshow" then %>
  879. <% if mode == 'preview' then %>
  880. <div id="about_frame">
  881. <div id="about_flashcontent">
  882. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  883. <p><strong>Setup Instructions</strong></p>
  884. <p>Export a gallery using the (discontinued) TTG MonoSlideshow web engine, or create a Monoslideshow gallery on your own. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  885. </div>
  886. </div>
  887. </div>
  888. <% else %>
  889. <div id="about_frame">
  890. <div id="about_flashcontent">
  891. <p><strong>Please install Flash® and turn on Javascript.</strong></p>
  892. </div>
  893. <script language="JavaScript">
  894. var flashvars = {
  895. showLogo: "false"
  896. }
  897. var params = {
  898. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  899. base: "about_monoslideshow/"
  900. }
  901. var attributes = {
  902. }
  903. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  904. </script>
  905. </div>
  907. <% end %>
  908. <% elseif model.nonCSS.about_galleryType == "monoslideshow2" then %>
  909. <% if mode == 'preview' then %>
  910. <div id="about_frame">
  911. <div id="about_flashcontent">
  912. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  913. <p><strong>Setup Instructions</strong></p>
  914. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-monoslideshow/">TTG MonoSlideshow</a> web engine. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  915. </div>
  916. </div>
  917. </div>
  918. <% else %>
  919. <div id="about_frame">
  920. <div id="about_flashcontent">
  921. <p>Please <a href="http://get.adobe.com/flashplayer/">install Flash®</a> and turn on Javascript.</p>
  922. </div>
  923. <script type="text/javascript">
  924. var flashvars = {showLogo: "false", showRegistration: "false"};
  925. var params = {allowScriptAccess: "sameDomain", allowfullscreen: "true", allowNetworking: "all", base: "about_monoslideshow/"};
  926. var attributes = {id: "monoslideshow", name: "monoslideshow", bgColor: "<%= model.nonCSS.about_stageBGC %>"};
  927. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "9", false, flashvars, params, attributes);
  928. </script>
  929. </div>
  931. <% end %>
  932. <% elseif model.nonCSS.about_galleryType == "polaroid" then %>
  933. <% if mode == 'preview' then %>
  934. <div id="about_frame">
  935. <div id="about_flashcontent">
  936. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  937. <p><strong>Setup Instructions</strong></p>
  938. <p>Export a gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-polaroid-gallery/">TTG Polaroid Gallery</a> web engine. Name the export folder "about_polaroid" and copy it into the exported TTG Pages folder.</p>
  939. </div>
  940. </div>
  941. </div>
  942. <% else %>
  943. <div id="about_frame">
  944. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  945. <script language="JavaScript">
  946. var flashvars = {
  947. xmlURL: "photos.xml"
  948. }
  949. var params = {
  950. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  951. base: "about_polaroid/"
  952. }
  953. var attributes = {
  954. }
  955. swfobject.embedSWF("about_polaroid/polaroid.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  956. </script>
  957. </div>
  958. <% end %>
  959. <% elseif model.nonCSS.about_galleryType == "postcardviewer" then %>
  960. <% if mode == 'preview' then %>
  961. <div id="about_frame">
  962. <div id="about_flashcontent">
  963. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  964. <p><strong>Setup Instructions</strong></p>
  965. <p>Export a PostcardViewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-postcardviewer/">TTG PostcardViewer</a> or Airtight PostcardViewer web engine. Name the export folder "about_postcardviewer" and copy it into the exported TTG Pages folder.</p>
  966. </div>
  967. </div>
  968. </div>
  969. <% else %>
  970. <div id="about_frame">
  971. <div id="about_flashcontent">PostcardViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
  972. <script language="JavaScript">
  973. var flashvars = {
  974. // langOpenImage: "Open Image in New Window",
  975. // langAbout: "About",
  976. xmlURL: "gallery.xml"
  977. }
  978. var params = {
  979. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  980. base: "about_postcardviewer/"
  981. }
  982. var attributes = {
  983. }
  984. swfobject.embedSWF("about_postcardviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  985. </script>
  986. </div>
  987. <% end %>
  988. <% elseif model.nonCSS.about_galleryType == "simpleviewer" then %>
  989. <% if mode == 'preview' then %>
  990. <div id="about_frame">
  991. <div id="about_flashcontent">
  992. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  993. <p><strong>Setup Instructions</strong></p>
  994. <p>Export a Simpleviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer</a> or Airtight Simpleviewer web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Pages folder.</p>
  995. </div>
  996. </div>
  997. </div>
  998. <% else %>
  999. <div id="about_frame">
  1000. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1001. <script language="JavaScript">
  1002. var flashvars = {
  1003. // langOpenImage: "Open Image in New Window",
  1004. // langAbout: "About",
  1005. preloaderColor: "0xffffff",
  1006. xmlDataPath: "gallery.xml"
  1007. }
  1008. var params = {
  1009. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1010. base: "about_simpleviewer/"
  1011. }
  1012. var attributes = {
  1013. }
  1014. swfobject.embedSWF("about_simpleviewer/viewer.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1015. </script>
  1016. </div>
  1017. <% end %>
  1018. <% elseif model.nonCSS.about_galleryType == "simpleviewer2" then %>
  1019. <% if mode == 'preview' then %>
  1020. <div id="about_frame">
  1021. <div id="about_flashcontent">
  1022. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1023. <p><strong>Setup Instructions</strong></p>
  1024. <p>Export a Simpleviewer gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer-2</a> web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Stage folder.</p>
  1025. </div>
  1026. </div>
  1027. </div>
  1028. <% else %>
  1029. <div id="about_frame">
  1030. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1031. <script type="text/javascript">
  1032. var flashvars = {};
  1033. flashvars.baseURL="about_simpleviewer/";
  1034. flashvars.galleryURL = "gallery.xml";
  1035. var params = {};
  1036. params.allowfullscreen = true;
  1037. params.allowscriptaccess = "always";
  1038. params.bgcolor = "<%= model.nonCSS.about_stageBGC %>";
  1039. swfobject.embedSWF("about_simpleviewer/simpleviewer.swf", "about_flashcontent", "100%", "100%", "9.0.124", false, flashvars, params);
  1040. </script>
  1041. </div>
  1042. <% end %>
  1043. <% elseif model.nonCSS.about_galleryType == "slideshowpro" then %>
  1044. <% if mode == 'preview' then %>
  1045. <div id="about_frame">
  1046. <div id="about_flashcontent">
  1047. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1048. <p><strong>Setup Instructions</strong></p>
  1049. <p>Export a gallery using the <a href="http://www.slideshowpro.net">Slideshow Pro</a> web engine. Name the export folder "about_slideshowpro" and copy it into the exported TTG Pages folder.</p>
  1050. </div>
  1051. </div>
  1052. </div>
  1053. <% else %>
  1054. <div id="about_frame">
  1055. <div id="about_flashcontent">
  1056. This SlideShowPro photo gallery requires the Flash Player plugin and a web browser with JavaScript enabled.
  1057. </div>
  1059. <script language="JavaScript">
  1060. <!--
  1061. // Permalinks option
  1062. function flashPutHref(href) { location.href = href; }
  1064. // Expand browser option
  1065. var eB = false;
  1066. if (eB) {
  1067. window.moveTo(0,0);
  1068. window.resizeTo (screen.availWidth, screen.availHeight);
  1069. }
  1071. // swffit sizing
  1072. var swf_pad = 20;
  1073. function initSwffit(w,h) {
  1074. // If you change name of the DIV the SWF is written at,
  1075. // change 'flashcontent' to the name of your DIV.
  1076. swffit.fit('about_flashcontent',w+swf_pad,h+swf_pad);
  1077. }
  1079. // SWFObject embed
  1080. var flashvars = {
  1081. paramXMLPath: "param.xml",
  1082. initialURL: escape(document.location)
  1083. }
  1084. var params = {
  1085. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1086. allowfullscreen: "true",
  1087. base: "about_slideshowpro/"
  1088. }
  1089. var attributes = {}
  1090. swfobject.embedSWF("about_slideshowpro/loader.swf", "about_flashcontent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
  1091. /* below required for google chrome embed issue */
  1092. swffit.fit('about_flashcontent',0,0);
  1093. -->
  1094. </script>
  1095. </div> <!-- /frame -->
  1097. <% end %>
  1099. <% end %>
  1100. <% else %>
  1102. <img src="photos/<%= getImage(2).exportFilename %>.jpg" class="page_img" width="<%= getImage(2).renditions.photos.width %>" height="<%= getImage(2).renditions.photos.height %>" alt="<%= getImage(2).metadata.alt %>" style="float:right;" />
  1103. <% end %>
  1105. <% if model.nonCSS.about_stage then %>
  1106. <div class="copy" style="float:left; width: <%= math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - model.nonCSS.about_stage_width ) %>px;">
  1107. <% else %>
  1108. <div class="copy" style="float:left; width: <%= math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - ( ( model.nonCSS.imagePadding + model.nonCSS.imageBorderWidth ) * 2 ) - getImage(2).renditions.photos.width ) %>px;">
  1109. <% end %>
  1111. <% if model.nonCSS.includeAboutHeading1 then %><h2 id="metadata.aboutHeading1.value" class="first heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading1.value');"<% end %>>$model.metadata.aboutHeading1.value</h2><% end %>
  1112. <% if model.nonCSS.includeAboutParagraph1 then %><p id="nonCSS.aboutParagraph1.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph1.value');"<% end %>>$model.metadata.aboutParagraph1.value</p><% end %>
  1113. <% if model.nonCSS.includeAboutHeading2 then %><h2 id="metadata.aboutHeading2.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading2.value');"<% end %>>$model.metadata.aboutHeading2.value</h2><% end %>
  1114. <% if model.nonCSS.includeAboutParagraph2 then %><p id="nonCSS.aboutParagraph2.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph2.value');"<% end %>>$model.metadata.aboutParagraph2.value</p><% end %>
  1115. <% if model.nonCSS.includeAboutHeading3 then %><h2 id="metadata.aboutHeading3.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading3.value');"<% end %>>$model.metadata.aboutHeading3.value</h2><% end %>
  1116. <% if model.nonCSS.includeAboutParagraph3 then %><p id="nonCSS.aboutParagraph3.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph3.value');"<% end %>>$model.metadata.aboutParagraph3.value</p><% end %>
  1117. <% if model.nonCSS.includeAboutHeading4 then %><h2 id="metadata.aboutHeading4.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading4.value');"<% end %>>$model.metadata.aboutHeading4.value</h2><% end %>
  1118. <% if model.nonCSS.includeAboutParagraph4 then %><p id="nonCSS.aboutParagraph4.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph4.value');"<% end %>>$model.metadata.aboutParagraph4.value</p><% end %>
  1119. <% if model.nonCSS.includeAboutHeading5 then %><h2 id="metadata.aboutHeading5.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading5.value');"<% end %>>$model.metadata.aboutHeading5.value</h2><% end %>
  1120. <% if model.nonCSS.includeAboutParagraph5 then %><p id="nonCSS.aboutParagraph5.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph5.value');"<% end %>>$model.metadata.aboutParagraph5.value</p><% end %>
  1121. </div>
  1123. <div class="clear"></div>
  1124. </div> <!-- /page_content home -->
  1126. <% elseif model.nonCSS.aboutConfiguration == "imageupcopydown" then %>
  1127. <div id="page_content" class="about">
  1128. <% if model.nonCSS.about_stage then %>
  1129. <style type="text/css">
  1130. #about_frame { margin: 0 auto 2em !important; }
  1131. </style>
  1132. <% if model.nonCSS.about_galleryType == "none" then %>
  1133. <div id="about_frame">
  1134. <div id="about_flashcontent">
  1135. <p style="margin: 0 !important;">You have chosen to replace this image with a Flash gallery. Please select a Gallery Type from the Appearance pane so that we can properly prepare the stage for your gallery.</p>
  1136. </div>
  1137. </div>
  1138. <% elseif model.nonCSS.about_galleryType == "autoviewer" then %>
  1139. <% if mode == 'preview' then %>
  1140. <div id="about_frame">
  1141. <div id="about_flashcontent">
  1142. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1143. <p><strong>Setup Instructions</strong></p>
  1144. <p>Export an Autoviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-autoviewer/">TTG Autoviewer</a> or Airtight Autoviewer web engine. Name the export folder "about_autoviewer" and copy it into the exported TTG Pages folder.</p>
  1145. </div>
  1146. </div>
  1147. </div>
  1148. <% else %>
  1149. <div id="about_frame">
  1150. <div id="about_flashcontent"></div>
  1151. <script language="JavaScript">
  1152. var flashvars = {
  1153. // langOpenImage: "Open Image in New Window",
  1154. // langAbout: "About",
  1155. xmlURL: "gallery.xml"
  1156. }
  1157. var params = {
  1158. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1159. scale: "noscale",
  1160. base: "about_autoviewer/"
  1161. }
  1162. var attributes = {
  1163. }
  1164. swfobject.embedSWF("about_autoviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1165. </script>
  1166. </div>
  1167. <% end %>
  1168. <% elseif model.nonCSS.about_galleryType == "dimin" then %>
  1169. <% if mode == 'preview' then %>
  1170. <div id="about_frame">
  1171. <div id="about_flashcontent">
  1172. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1173. <p><strong>Setup Instructions</strong></p>
  1174. <p>Export a gallery using the <a href="http://dimin.m6.net/software/lightroom/">DIMIN Slideshow</a> web engine. Name the export folder "about_dimin" and copy it into the exported TTG Pages folder.</p>
  1175. </div>
  1176. </div>
  1177. </div>
  1178. <% else %>
  1179. <div id="about_frame">
  1180. <div id="about_flashcontent">DIMIN Slideshow requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
  1181. <script language="JavaScript">
  1182. var flashvars = {
  1183. width: "<%= model.nonCSS.about_gallery_width %>",
  1184. height: "<%= model.nonCSS.about_gallery_height %>",
  1185. file: "slideshow.xml"
  1186. }
  1187. var params = {
  1188. allowfullscreen: "true",
  1189. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1190. base: "about_dimin/"
  1191. }
  1192. var attributes = {
  1193. }
  1194. swfobject.embedSWF("about_dimin/imagerotator.swf", "about_flashcontent", "<%= model.nonCSS.about_gallery_width %>", "<%= model.nonCSS.about_gallery_height %>", "7", false, flashvars, params, attributes);
  1195. </script>
  1196. </div>
  1198. <% end %>
  1199. <% elseif model.nonCSS.about_galleryType == "flashnifties" then %>
  1200. <% if mode == 'preview' then %>
  1201. <div id="about_frame">
  1202. <div id="about_flashcontent">
  1203. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1204. <p><strong>Setup Instructions</strong></p>
  1205. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-flashnifties/">TTG Flashnifties</a> web engine. Name the export folder "about_flashnifties" and copy it into the exported TTG Pages folder.</p>
  1206. </div>
  1207. </div>
  1208. </div>
  1209. <% else %>
  1210. <div id="about_frame">
  1211. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1212. <script language="JavaScript">
  1213. var flashvars = {
  1214. }
  1215. var params = {
  1216. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1217. base: "about_flashnifties/"
  1218. }
  1219. var attributes = {
  1220. }
  1221. swfobject.embedSWF("about_flashnifties/xmlGallery.swf", "about_flashcontent", "100%", "100%", "6", false, flashvars, params, attributes);
  1222. </script>
  1223. </div>
  1224. <% end %>
  1225. <% elseif model.nonCSS.about_galleryType == "flickr" then %>
  1226. <% if mode == 'preview' then %>
  1227. <div id="about_frame">
  1228. <div id="about_flashcontent">
  1229. <div id="flickr" style="padding:1em;font-size:11px;line-height:17px;">
  1230. <p><strong>Flickr Setup</strong></p>
  1231. <p>Input your Flickr username and the ID number of the Flickr Set you wish to display into the "Flickr Username" and "Flickr Set ID" fields, respectively.</p>
  1232. <p>To get the Flickr Set ID, visit your set on Flickr. The URL for the set will look like this: http://www.flickr.com/photos/username/sets/<span style="color:#f00 !important;">#################</span>/.</p>
  1233. <p>The number, shown here in red, is the set ID. Copy and paste that number into the "Flickr Set ID" field in the Appearance pane.</p>
  1234. <p>TTG Stage will only display <strong>sets</strong>, not collections, nor photostreams. The gallery will not display here in the LR preview, but will appear in the exported gallery, or when previewed in a browser.</p>
  1236. <p>The URL that will be displayed in your gallery is:</p>
  1238. <p><a href="http://www.flickr.com/photos/<%=model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/">http://www.flickr.com/photos/<%=model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/</a></p>
  1240. <p>Check that the URL is correct by clicking on it and verifying its destination.</p>
  1241. </div>
  1242. </div>
  1243. </div>
  1244. <% else %>
  1245. <div id="about_frame">
  1246. <div id="about_flashcontent">Flash is required to view this gallery. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1247. <script language="JavaScript">
  1248. var flashvars = {
  1249. offsite: "true",
  1250. lang: "en-us",
  1251. page_show_url: "/photos/<%= model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/show/",
  1252. set_id: "<%= model.nonCSS.about_flickrSet %>",
  1253. page_show_back_url: "/photos/<%= model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/",
  1254. jump_to: ""
  1255. }
  1256. var params = {
  1257. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1258. allowfullscreen: "true"
  1259. }
  1260. var attributes = {
  1261. }
  1262. swfobject.embedSWF("http://www.flickr.com/apps/slideshow/show.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1263. </script>
  1264. </div>
  1265. <% end %>
  1266. <% elseif model.nonCSS.about_galleryType == "lightroomflashgallery" then %>
  1267. <% if mode == 'preview' then %>
  1268. <div id="about_frame">
  1269. <div id="about_flashcontent">
  1270. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1271. <p><strong>Setup Instructions</strong></p>
  1272. <p>Export a gallery using the Lightroom Flash Gallery web engine. Name the export folder "about_lightroomflashgallery" and copy it into the exported TTG Pages folder.</p>
  1273. </div>
  1274. </div>
  1275. </div>
  1276. <% else %>
  1277. <div id="about_frame">
  1278. <div id="about_flashcontent">
  1279. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  1280. width="100%" height="100%"
  1281. codebase="http://download.macromedia.com/pub/shockwave/
  1282. cabs/flash/swflash.cab">
  1283. <param name="movie" value="about_lightroomflashgallery/resources/gallery.swf"/>
  1284. <param name="flashvars"
  1285. value="livePreview=false
  1286. &baseRefUrl=about_lightroomflashgallery/
  1287. &groupxml=resources/mediaGroupData/group.xml
  1288. &stylexml=resources/styles/style.xml
  1289. &localText=resources/localization/localText.xml"/>
  1290. <param name="id" value="gallery"/>
  1291. <param name="quality" value="high"/>
  1292. <param name="align" value="middle"/>
  1293. <param name="name" value="gallery"/>
  1294. <param name="bgcolor" value="#f7f7f7"/>
  1295. <param name="allowScriptAccess" value="sameDomain"/>
  1296. <param name="menu" value="true"/>
  1297. <embed src="about_lightroomflashgallery/resources/gallery.swf"
  1298. type="application/x-shockwave-flash"
  1299. pluginspage="http://www.macromedia.com/go/getflashplayer"
  1300. flashvars="livePreview=false
  1301. &baseRefUrl=about_lightroomflashgallery/
  1302. &groupxml=resources/mediaGroupData/group.xml
  1303. &stylexml=resources/styles/style.xml
  1304. &localText=resources/localization/localText.xml"
  1305. width="100%" height="100%" quality="high" align="middle"
  1306. allowScriptAccess="sameDomain">
  1307. </embed>
  1308. </object>
  1309. </div>
  1310. </div>
  1311. <% end %>
  1312. <% elseif model.nonCSS.about_galleryType == "monoslideshow" then %>
  1313. <% if mode == 'preview' then %>
  1314. <div id="about_frame">
  1315. <div id="about_flashcontent">
  1316. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1317. <p><strong>Setup Instructions</strong></p>
  1318. <p>Export a gallery using the (discontinued) TTG MonoSlideshow web engine, or create a Monoslideshow gallery on your own. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  1319. </div>
  1320. </div>
  1321. </div>
  1322. <% else %>
  1323. <div id="about_frame">
  1324. <div id="about_flashcontent">
  1325. <p><strong>Please install Flash® and turn on Javascript.</strong></p>
  1326. </div>
  1327. <script language="JavaScript">
  1328. var flashvars = {
  1329. showLogo: "false"
  1330. }
  1331. var params = {
  1332. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1333. base: "about_monoslideshow/"
  1334. }
  1335. var attributes = {
  1336. }
  1337. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1338. </script>
  1339. </div>
  1341. <% end %>
  1342. <% elseif model.nonCSS.about_galleryType == "monoslideshow2" then %>
  1343. <% if mode == 'preview' then %>
  1344. <div id="about_frame">
  1345. <div id="about_flashcontent">
  1346. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1347. <p><strong>Setup Instructions</strong></p>
  1348. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-monoslideshow/">TTG MonoSlideshow</a> web engine. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  1349. </div>
  1350. </div>
  1351. </div>
  1352. <% else %>
  1353. <div id="about_frame">
  1354. <div id="about_flashcontent">
  1355. <p>Please <a href="http://get.adobe.com/flashplayer/">install Flash®</a> and turn on Javascript.</p>
  1356. </div>
  1357. <script type="text/javascript">
  1358. var flashvars = {showLogo: "false", showRegistration: "false"};
  1359. var params = {allowScriptAccess: "sameDomain", allowfullscreen: "true", allowNetworking: "all", base: "about_monoslideshow/"};
  1360. var attributes = {id: "monoslideshow", name: "monoslideshow", bgColor: "<%= model.nonCSS.about_stageBGC %>"};
  1361. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "9", false, flashvars, params, attributes);
  1362. </script>
  1363. </div>
  1365. <% end %>
  1366. <% elseif model.nonCSS.about_galleryType == "polaroid" then %>
  1367. <% if mode == 'preview' then %>
  1368. <div id="about_frame">
  1369. <div id="about_flashcontent">
  1370. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1371. <p><strong>Setup Instructions</strong></p>
  1372. <p>Export a gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-polaroid-gallery/">TTG Polaroid Gallery</a> web engine. Name the export folder "about_polaroid" and copy it into the exported TTG Pages folder.</p>
  1373. </div>
  1374. </div>
  1375. </div>
  1376. <% else %>
  1377. <div id="about_frame">
  1378. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1379. <script language="JavaScript">
  1380. var flashvars = {
  1381. xmlURL: "photos.xml"
  1382. }
  1383. var params = {
  1384. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1385. base: "about_polaroid/"
  1386. }
  1387. var attributes = {
  1388. }
  1389. swfobject.embedSWF("about_polaroid/polaroid.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1390. </script>
  1391. </div>
  1392. <% end %>
  1393. <% elseif model.nonCSS.about_galleryType == "postcardviewer" then %>
  1394. <% if mode == 'preview' then %>
  1395. <div id="about_frame">
  1396. <div id="about_flashcontent">
  1397. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1398. <p><strong>Setup Instructions</strong></p>
  1399. <p>Export a PostcardViewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-postcardviewer/">TTG PostcardViewer</a> or Airtight PostcardViewer web engine. Name the export folder "about_postcardviewer" and copy it into the exported TTG Pages folder.</p>
  1400. </div>
  1401. </div>
  1402. </div>
  1403. <% else %>
  1404. <div id="about_frame">
  1405. <div id="about_flashcontent">PostcardViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
  1406. <script language="JavaScript">
  1407. var flashvars = {
  1408. // langOpenImage: "Open Image in New Window",
  1409. // langAbout: "About",
  1410. xmlURL: "gallery.xml"
  1411. }
  1412. var params = {
  1413. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1414. base: "about_postcardviewer/"
  1415. }
  1416. var attributes = {
  1417. }
  1418. swfobject.embedSWF("about_postcardviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1419. </script>
  1420. </div>
  1421. <% end %>
  1422. <% elseif model.nonCSS.about_galleryType == "simpleviewer" then %>
  1423. <% if mode == 'preview' then %>
  1424. <div id="about_frame">
  1425. <div id="about_flashcontent">
  1426. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1427. <p><strong>Setup Instructions</strong></p>
  1428. <p>Export a Simpleviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer</a> or Airtight Simpleviewer web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Pages folder.</p>
  1429. </div>
  1430. </div>
  1431. </div>
  1432. <% else %>
  1433. <div id="about_frame">
  1434. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1435. <script language="JavaScript">
  1436. var flashvars = {
  1437. // langOpenImage: "Open Image in New Window",
  1438. // langAbout: "About",
  1439. preloaderColor: "0xffffff",
  1440. xmlDataPath: "gallery.xml"
  1441. }
  1442. var params = {
  1443. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1444. base: "about_simpleviewer/"
  1445. }
  1446. var attributes = {
  1447. }
  1448. swfobject.embedSWF("about_simpleviewer/viewer.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1449. </script>
  1450. </div>
  1451. <% end %>
  1452. <% elseif model.nonCSS.about_galleryType == "simpleviewer2" then %>
  1453. <% if mode == 'preview' then %>
  1454. <div id="about_frame">
  1455. <div id="about_flashcontent">
  1456. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1457. <p><strong>Setup Instructions</strong></p>
  1458. <p>Export a Simpleviewer gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer-2</a> web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Stage folder.</p>
  1459. </div>
  1460. </div>
  1461. </div>
  1462. <% else %>
  1463. <div id="about_frame">
  1464. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1465. <script type="text/javascript">
  1466. var flashvars = {};
  1467. flashvars.baseURL="about_simpleviewer/";
  1468. flashvars.galleryURL = "gallery.xml";
  1469. var params = {};
  1470. params.allowfullscreen = true;
  1471. params.allowscriptaccess = "always";
  1472. params.bgcolor = "<%= model.nonCSS.about_stageBGC %>";
  1473. swfobject.embedSWF("about_simpleviewer/simpleviewer.swf", "about_flashcontent", "100%", "100%", "9.0.124", false, flashvars, params);
  1474. </script>
  1475. </div>
  1476. <% end %>
  1477. <% elseif model.nonCSS.about_galleryType == "slideshowpro" then %>
  1478. <% if mode == 'preview' then %>
  1479. <div id="about_frame">
  1480. <div id="about_flashcontent">
  1481. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1482. <p><strong>Setup Instructions</strong></p>
  1483. <p>Export a gallery using the <a href="http://www.slideshowpro.net">Slideshow Pro</a> web engine. Name the export folder "about_slideshowpro" and copy it into the exported TTG Pages folder.</p>
  1484. </div>
  1485. </div>
  1486. </div>
  1487. <% else %>
  1488. <div id="about_frame">
  1489. <div id="about_flashcontent">
  1490. This SlideShowPro photo gallery requires the Flash Player plugin and a web browser with JavaScript enabled.
  1491. </div>
  1493. <script language="JavaScript">
  1494. <!--
  1495. // Permalinks option
  1496. function flashPutHref(href) { location.href = href; }
  1498. // Expand browser option
  1499. var eB = false;
  1500. if (eB) {
  1501. window.moveTo(0,0);
  1502. window.resizeTo (screen.availWidth, screen.availHeight);
  1503. }
  1505. // swffit sizing
  1506. var swf_pad = 20;
  1507. function initSwffit(w,h) {
  1508. // If you change name of the DIV the SWF is written at,
  1509. // change 'flashcontent' to the name of your DIV.
  1510. swffit.fit('about_flashcontent',w+swf_pad,h+swf_pad);
  1511. }
  1513. // SWFObject embed
  1514. var flashvars = {
  1515. paramXMLPath: "param.xml",
  1516. initialURL: escape(document.location)
  1517. }
  1518. var params = {
  1519. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1520. allowfullscreen: "true",
  1521. base: "about_slideshowpro/"
  1522. }
  1523. var attributes = {}
  1524. swfobject.embedSWF("about_slideshowpro/loader.swf", "about_flashcontent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
  1525. /* below required for google chrome embed issue */
  1526. swffit.fit('about_flashcontent',0,0);
  1527. -->
  1528. </script>
  1529. </div> <!-- /frame -->
  1531. <% end %>
  1533. <% end %>
  1534. <% else %>
  1536. <img src="photos/<%= getImage(2).exportFilename %>.jpg" class="page_img" width="<%= getImage(2).renditions.photos.width %>" height="<%= getImage(2).renditions.photos.height %>" alt="<%= getImage(2).metadata.alt %>" style="margin: 0 0 20px 0 !important;" />
  1537. <% end %>
  1539. <div class="copy" style="width: <%= math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) %>px;">
  1541. <% if model.nonCSS.includeAboutHeading1 then %><h2 id="metadata.aboutHeading1.value" class="first heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading1.value');"<% end %>>$model.metadata.aboutHeading1.value</h2><% end %>
  1542. <% if model.nonCSS.includeAboutParagraph1 then %><p id="nonCSS.aboutParagraph1.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph1.value');"<% end %>>$model.metadata.aboutParagraph1.value</p><% end %>
  1543. <% if model.nonCSS.includeAboutHeading2 then %><h2 id="metadata.aboutHeading2.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading2.value');"<% end %>>$model.metadata.aboutHeading2.value</h2><% end %>
  1544. <% if model.nonCSS.includeAboutParagraph2 then %><p id="nonCSS.aboutParagraph2.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph2.value');"<% end %>>$model.metadata.aboutParagraph2.value</p><% end %>
  1545. <% if model.nonCSS.includeAboutHeading3 then %><h2 id="metadata.aboutHeading3.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading3.value');"<% end %>>$model.metadata.aboutHeading3.value</h2><% end %>
  1546. <% if model.nonCSS.includeAboutParagraph3 then %><p id="nonCSS.aboutParagraph3.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph3.value');"<% end %>>$model.metadata.aboutParagraph3.value</p><% end %>
  1547. <% if model.nonCSS.includeAboutHeading4 then %><h2 id="metadata.aboutHeading4.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading4.value');"<% end %>>$model.metadata.aboutHeading4.value</h2><% end %>
  1548. <% if model.nonCSS.includeAboutParagraph4 then %><p id="nonCSS.aboutParagraph4.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph4.value');"<% end %>>$model.metadata.aboutParagraph4.value</p><% end %>
  1549. <% if model.nonCSS.includeAboutHeading5 then %><h2 id="metadata.aboutHeading5.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading5.value');"<% end %>>$model.metadata.aboutHeading5.value</h2><% end %>
  1550. <% if model.nonCSS.includeAboutParagraph5 then %><p id="nonCSS.aboutParagraph5.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph5.value');"<% end %>>$model.metadata.aboutParagraph5.value</p><% end %>
  1551. </div>
  1553. <div class="clear"></div>
  1554. </div> <!-- /page_content home -->
  1556. <% elseif model.nonCSS.aboutConfiguration == "copyupimagedown" then %>
  1557. <div id="page_content" class="about">
  1559. <div class="copy" style="width: <%= math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) %>px;">
  1561. <% if model.nonCSS.includeAboutHeading1 then %><h2 id="metadata.aboutHeading1.value" class="first heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading1.value');"<% end %>>$model.metadata.aboutHeading1.value</h2><% end %>
  1562. <% if model.nonCSS.includeAboutParagraph1 then %><p id="nonCSS.aboutParagraph1.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph1.value');"<% end %>>$model.metadata.aboutParagraph1.value</p><% end %>
  1563. <% if model.nonCSS.includeAboutHeading2 then %><h2 id="metadata.aboutHeading2.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading2.value');"<% end %>>$model.metadata.aboutHeading2.value</h2><% end %>
  1564. <% if model.nonCSS.includeAboutParagraph2 then %><p id="nonCSS.aboutParagraph2.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph2.value');"<% end %>>$model.metadata.aboutParagraph2.value</p><% end %>
  1565. <% if model.nonCSS.includeAboutHeading3 then %><h2 id="metadata.aboutHeading3.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading3.value');"<% end %>>$model.metadata.aboutHeading3.value</h2><% end %>
  1566. <% if model.nonCSS.includeAboutParagraph3 then %><p id="nonCSS.aboutParagraph3.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph3.value');"<% end %>>$model.metadata.aboutParagraph3.value</p><% end %>
  1567. <% if model.nonCSS.includeAboutHeading4 then %><h2 id="metadata.aboutHeading4.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading4.value');"<% end %>>$model.metadata.aboutHeading4.value</h2><% end %>
  1568. <% if model.nonCSS.includeAboutParagraph4 then %><p id="nonCSS.aboutParagraph4.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph4.value');"<% end %>>$model.metadata.aboutParagraph4.value</p><% end %>
  1569. <% if model.nonCSS.includeAboutHeading5 then %><h2 id="metadata.aboutHeading5.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading5.value');"<% end %>>$model.metadata.aboutHeading5.value</h2><% end %>
  1570. <% if model.nonCSS.includeAboutParagraph5 then %><p id="nonCSS.aboutParagraph5.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph5.value');"<% end %>>$model.metadata.aboutParagraph5.value</p><% end %>
  1571. </div>
  1573. <% if model.nonCSS.home_stage then %>
  1574. <style type="text/css">
  1575. #home_frame { margin: 2em auto 0 !important; }
  1576. </style>
  1577. <% if model.nonCSS.about_galleryType == "none" then %>
  1578. <div id="about_frame">
  1579. <div id="about_flashcontent">
  1580. <p style="margin: 0 !important;">You have chosen to replace this image with a Flash gallery. Please select a Gallery Type from the Appearance pane so that we can properly prepare the stage for your gallery.</p>
  1581. </div>
  1582. </div>
  1583. <% elseif model.nonCSS.about_galleryType == "autoviewer" then %>
  1584. <% if mode == 'preview' then %>
  1585. <div id="about_frame">
  1586. <div id="about_flashcontent">
  1587. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1588. <p><strong>Setup Instructions</strong></p>
  1589. <p>Export an Autoviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-autoviewer/">TTG Autoviewer</a> or Airtight Autoviewer web engine. Name the export folder "about_autoviewer" and copy it into the exported TTG Pages folder.</p>
  1590. </div>
  1591. </div>
  1592. </div>
  1593. <% else %>
  1594. <div id="about_frame">
  1595. <div id="about_flashcontent"></div>
  1596. <script language="JavaScript">
  1597. var flashvars = {
  1598. // langOpenImage: "Open Image in New Window",
  1599. // langAbout: "About",
  1600. xmlURL: "gallery.xml"
  1601. }
  1602. var params = {
  1603. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1604. scale: "noscale",
  1605. base: "about_autoviewer/"
  1606. }
  1607. var attributes = {
  1608. }
  1609. swfobject.embedSWF("about_autoviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1610. </script>
  1611. </div>
  1612. <% end %>
  1613. <% elseif model.nonCSS.about_galleryType == "dimin" then %>
  1614. <% if mode == 'preview' then %>
  1615. <div id="about_frame">
  1616. <div id="about_flashcontent">
  1617. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1618. <p><strong>Setup Instructions</strong></p>
  1619. <p>Export a gallery using the <a href="http://dimin.m6.net/software/lightroom/">DIMIN Slideshow</a> web engine. Name the export folder "about_dimin" and copy it into the exported TTG Pages folder.</p>
  1620. </div>
  1621. </div>
  1622. </div>
  1623. <% else %>
  1624. <div id="about_frame">
  1625. <div id="about_flashcontent">DIMIN Slideshow requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
  1626. <script language="JavaScript">
  1627. var flashvars = {
  1628. width: "<%= model.nonCSS.about_gallery_width %>",
  1629. height: "<%= model.nonCSS.about_gallery_height %>",
  1630. file: "slideshow.xml"
  1631. }
  1632. var params = {
  1633. allowfullscreen: "true",
  1634. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1635. base: "about_dimin/"
  1636. }
  1637. var attributes = {
  1638. }
  1639. swfobject.embedSWF("about_dimin/imagerotator.swf", "about_flashcontent", "<%= model.nonCSS.about_gallery_width %>", "<%= model.nonCSS.about_gallery_height %>", "7", false, flashvars, params, attributes);
  1640. </script>
  1641. </div>
  1643. <% end %>
  1644. <% elseif model.nonCSS.about_galleryType == "flashnifties" then %>
  1645. <% if mode == 'preview' then %>
  1646. <div id="about_frame">
  1647. <div id="about_flashcontent">
  1648. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1649. <p><strong>Setup Instructions</strong></p>
  1650. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-flashnifties/">TTG Flashnifties</a> web engine. Name the export folder "about_flashnifties" and copy it into the exported TTG Pages folder.</p>
  1651. </div>
  1652. </div>
  1653. </div>
  1654. <% else %>
  1655. <div id="about_frame">
  1656. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1657. <script language="JavaScript">
  1658. var flashvars = {
  1659. }
  1660. var params = {
  1661. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1662. base: "about_flashnifties/"
  1663. }
  1664. var attributes = {
  1665. }
  1666. swfobject.embedSWF("about_flashnifties/xmlGallery.swf", "about_flashcontent", "100%", "100%", "6", false, flashvars, params, attributes);
  1667. </script>
  1668. </div>
  1669. <% end %>
  1670. <% elseif model.nonCSS.about_galleryType == "flickr" then %>
  1671. <% if mode == 'preview' then %>
  1672. <div id="about_frame">
  1673. <div id="about_flashcontent">
  1674. <div id="flickr" style="padding:1em;font-size:11px;line-height:17px;">
  1675. <p><strong>Flickr Setup</strong></p>
  1676. <p>Input your Flickr username and the ID number of the Flickr Set you wish to display into the "Flickr Username" and "Flickr Set ID" fields, respectively.</p>
  1677. <p>To get the Flickr Set ID, visit your set on Flickr. The URL for the set will look like this: http://www.flickr.com/photos/username/sets/<span style="color:#f00 !important;">#################</span>/.</p>
  1678. <p>The number, shown here in red, is the set ID. Copy and paste that number into the "Flickr Set ID" field in the Appearance pane.</p>
  1679. <p>TTG Stage will only display <strong>sets</strong>, not collections, nor photostreams. The gallery will not display here in the LR preview, but will appear in the exported gallery, or when previewed in a browser.</p>
  1681. <p>The URL that will be displayed in your gallery is:</p>
  1683. <p><a href="http://www.flickr.com/photos/<%=model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/">http://www.flickr.com/photos/<%=model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/</a></p>
  1685. <p>Check that the URL is correct by clicking on it and verifying its destination.</p>
  1686. </div>
  1687. </div>
  1688. </div>
  1689. <% else %>
  1690. <div id="about_frame">
  1691. <div id="about_flashcontent">Flash is required to view this gallery. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1692. <script language="JavaScript">
  1693. var flashvars = {
  1694. offsite: "true",
  1695. lang: "en-us",
  1696. page_show_url: "/photos/<%= model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/show/",
  1697. set_id: "<%= model.nonCSS.about_flickrSet %>",
  1698. page_show_back_url: "/photos/<%= model.nonCSS.about_flickrUser %>/sets/<%= model.nonCSS.about_flickrSet %>/",
  1699. jump_to: ""
  1700. }
  1701. var params = {
  1702. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1703. allowfullscreen: "true"
  1704. }
  1705. var attributes = {
  1706. }
  1707. swfobject.embedSWF("http://www.flickr.com/apps/slideshow/show.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1708. </script>
  1709. </div>
  1710. <% end %>
  1711. <% elseif model.nonCSS.about_galleryType == "lightroomflashgallery" then %>
  1712. <% if mode == 'preview' then %>
  1713. <div id="about_frame">
  1714. <div id="about_flashcontent">
  1715. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1716. <p><strong>Setup Instructions</strong></p>
  1717. <p>Export a gallery using the Lightroom Flash Gallery web engine. Name the export folder "about_lightroomflashgallery" and copy it into the exported TTG Pages folder.</p>
  1718. </div>
  1719. </div>
  1720. </div>
  1721. <% else %>
  1722. <div id="about_frame">
  1723. <div id="about_flashcontent">
  1724. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  1725. width="100%" height="100%"
  1726. codebase="http://download.macromedia.com/pub/shockwave/
  1727. cabs/flash/swflash.cab">
  1728. <param name="movie" value="about_lightroomflashgallery/resources/gallery.swf"/>
  1729. <param name="flashvars"
  1730. value="livePreview=false
  1731. &baseRefUrl=about_lightroomflashgallery/
  1732. &groupxml=resources/mediaGroupData/group.xml
  1733. &stylexml=resources/styles/style.xml
  1734. &localText=resources/localization/localText.xml"/>
  1735. <param name="id" value="gallery"/>
  1736. <param name="quality" value="high"/>
  1737. <param name="align" value="middle"/>
  1738. <param name="name" value="gallery"/>
  1739. <param name="bgcolor" value="#f7f7f7"/>
  1740. <param name="allowScriptAccess" value="sameDomain"/>
  1741. <param name="menu" value="true"/>
  1742. <embed src="about_lightroomflashgallery/resources/gallery.swf"
  1743. type="application/x-shockwave-flash"
  1744. pluginspage="http://www.macromedia.com/go/getflashplayer"
  1745. flashvars="livePreview=false
  1746. &baseRefUrl=about_lightroomflashgallery/
  1747. &groupxml=resources/mediaGroupData/group.xml
  1748. &stylexml=resources/styles/style.xml
  1749. &localText=resources/localization/localText.xml"
  1750. width="100%" height="100%" quality="high" align="middle"
  1751. allowScriptAccess="sameDomain">
  1752. </embed>
  1753. </object>
  1754. </div>
  1755. </div>
  1756. <% end %>
  1757. <% elseif model.nonCSS.about_galleryType == "monoslideshow" then %>
  1758. <% if mode == 'preview' then %>
  1759. <div id="about_frame">
  1760. <div id="about_flashcontent">
  1761. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1762. <p><strong>Setup Instructions</strong></p>
  1763. <p>Export a gallery using the (discontinued) TTG MonoSlideshow web engine, or create a Monoslideshow gallery on your own. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  1764. </div>
  1765. </div>
  1766. </div>
  1767. <% else %>
  1768. <div id="about_frame">
  1769. <div id="about_flashcontent">
  1770. <p><strong>Please install Flash® and turn on Javascript.</strong></p>
  1771. </div>
  1772. <script language="JavaScript">
  1773. var flashvars = {
  1774. showLogo: "false"
  1775. }
  1776. var params = {
  1777. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1778. base: "about_monoslideshow/"
  1779. }
  1780. var attributes = {
  1781. }
  1782. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1783. </script>
  1784. </div>
  1786. <% end %>
  1787. <% elseif model.nonCSS.about_galleryType == "monoslideshow2" then %>
  1788. <% if mode == 'preview' then %>
  1789. <div id="about_frame">
  1790. <div id="about_flashcontent">
  1791. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1792. <p><strong>Setup Instructions</strong></p>
  1793. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-monoslideshow/">TTG MonoSlideshow</a> web engine. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  1794. </div>
  1795. </div>
  1796. </div>
  1797. <% else %>
  1798. <div id="about_frame">
  1799. <div id="about_flashcontent">
  1800. <p>Please <a href="http://get.adobe.com/flashplayer/">install Flash®</a> and turn on Javascript.</p>
  1801. </div>
  1802. <script type="text/javascript">
  1803. var flashvars = {showLogo: "false", showRegistration: "false"};
  1804. var params = {allowScriptAccess: "sameDomain", allowfullscreen: "true", allowNetworking: "all", base: "about_monoslideshow/"};
  1805. var attributes = {id: "monoslideshow", name: "monoslideshow", bgColor: "<%= model.nonCSS.about_stageBGC %>"};
  1806. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "9", false, flashvars, params, attributes);
  1807. </script>
  1808. </div>
  1810. <% end %>
  1811. <% elseif model.nonCSS.about_galleryType == "polaroid" then %>
  1812. <% if mode == 'preview' then %>
  1813. <div id="about_frame">
  1814. <div id="about_flashcontent">
  1815. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1816. <p><strong>Setup Instructions</strong></p>
  1817. <p>Export a gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-polaroid-gallery/">TTG Polaroid Gallery</a> web engine. Name the export folder "about_polaroid" and copy it into the exported TTG Pages folder.</p>
  1818. </div>
  1819. </div>
  1820. </div>
  1821. <% else %>
  1822. <div id="about_frame">
  1823. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1824. <script language="JavaScript">
  1825. var flashvars = {
  1826. xmlURL: "photos.xml"
  1827. }
  1828. var params = {
  1829. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1830. base: "about_polaroid/"
  1831. }
  1832. var attributes = {
  1833. }
  1834. swfobject.embedSWF("about_polaroid/polaroid.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1835. </script>
  1836. </div>
  1837. <% end %>
  1838. <% elseif model.nonCSS.about_galleryType == "postcardviewer" then %>
  1839. <% if mode == 'preview' then %>
  1840. <div id="about_frame">
  1841. <div id="about_flashcontent">
  1842. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1843. <p><strong>Setup Instructions</strong></p>
  1844. <p>Export a PostcardViewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-postcardviewer/">TTG PostcardViewer</a> or Airtight PostcardViewer web engine. Name the export folder "about_postcardviewer" and copy it into the exported TTG Pages folder.</p>
  1845. </div>
  1846. </div>
  1847. </div>
  1848. <% else %>
  1849. <div id="about_frame">
  1850. <div id="about_flashcontent">PostcardViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
  1851. <script language="JavaScript">
  1852. var flashvars = {
  1853. // langOpenImage: "Open Image in New Window",
  1854. // langAbout: "About",
  1855. xmlURL: "gallery.xml"
  1856. }
  1857. var params = {
  1858. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1859. base: "about_postcardviewer/"
  1860. }
  1861. var attributes = {
  1862. }
  1863. swfobject.embedSWF("about_postcardviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1864. </script>
  1865. </div>
  1866. <% end %>
  1867. <% elseif model.nonCSS.about_galleryType == "simpleviewer" then %>
  1868. <% if mode == 'preview' then %>
  1869. <div id="about_frame">
  1870. <div id="about_flashcontent">
  1871. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1872. <p><strong>Setup Instructions</strong></p>
  1873. <p>Export a Simpleviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer</a> or Airtight Simpleviewer web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Pages folder.</p>
  1874. </div>
  1875. </div>
  1876. </div>
  1877. <% else %>
  1878. <div id="about_frame">
  1879. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1880. <script language="JavaScript">
  1881. var flashvars = {
  1882. // langOpenImage: "Open Image in New Window",
  1883. // langAbout: "About",
  1884. preloaderColor: "0xffffff",
  1885. xmlDataPath: "gallery.xml"
  1886. }
  1887. var params = {
  1888. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1889. base: "about_simpleviewer/"
  1890. }
  1891. var attributes = {
  1892. }
  1893. swfobject.embedSWF("about_simpleviewer/viewer.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1894. </script>
  1895. </div>
  1896. <% end %>
  1897. <% elseif model.nonCSS.about_galleryType == "simpleviewer2" then %>
  1898. <% if mode == 'preview' then %>
  1899. <div id="about_frame">
  1900. <div id="about_flashcontent">
  1901. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1902. <p><strong>Setup Instructions</strong></p>
  1903. <p>Export a Simpleviewer gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer-2</a> web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Stage folder.</p>
  1904. </div>
  1905. </div>
  1906. </div>
  1907. <% else %>
  1908. <div id="about_frame">
  1909. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1910. <script type="text/javascript">
  1911. var flashvars = {};
  1912. flashvars.baseURL="about_simpleviewer/";
  1913. flashvars.galleryURL = "gallery.xml";
  1914. var params = {};
  1915. params.allowfullscreen = true;
  1916. params.allowscriptaccess = "always";
  1917. params.bgcolor = "<%= model.nonCSS.about_stageBGC %>";
  1918. swfobject.embedSWF("about_simpleviewer/simpleviewer.swf", "about_flashcontent", "100%", "100%", "9.0.124", false, flashvars, params);
  1919. </script>
  1920. </div>
  1921. <% end %>
  1922. <% elseif model.nonCSS.about_galleryType == "slideshowpro" then %>
  1923. <% if mode == 'preview' then %>
  1924. <div id="about_frame">
  1925. <div id="about_flashcontent">
  1926. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1927. <p><strong>Setup Instructions</strong></p>
  1928. <p>Export a gallery using the <a href="http://www.slideshowpro.net">Slideshow Pro</a> web engine. Name the export folder "about_slideshowpro" and copy it into the exported TTG Pages folder.</p>
  1929. </div>
  1930. </div>
  1931. </div>
  1932. <% else %>
  1933. <div id="about_frame">
  1934. <div id="about_flashcontent">
  1935. This SlideShowPro photo gallery requires the Flash Player plugin and a web browser with JavaScript enabled.
  1936. </div>
  1938. <script language="JavaScript">
  1939. <!--
  1940. // Permalinks option
  1941. function flashPutHref(href) { location.href = href; }
  1943. // Expand browser option
  1944. var eB = false;
  1945. if (eB) {
  1946. window.moveTo(0,0);
  1947. window.resizeTo (screen.availWidth, screen.availHeight);
  1948. }
  1950. // swffit sizing
  1951. var swf_pad = 20;
  1952. function initSwffit(w,h) {
  1953. // If you change name of the DIV the SWF is written at,
  1954. // change 'flashcontent' to the name of your DIV.
  1955. swffit.fit('about_flashcontent',w+swf_pad,h+swf_pad);
  1956. }
  1958. // SWFObject embed
  1959. var flashvars = {
  1960. paramXMLPath: "param.xml",
  1961. initialURL: escape(document.location)
  1962. }
  1963. var params = {
  1964. bgcolor: "<%= model.nonCSS.about_stageBGC %>",
  1965. allowfullscreen: "true",
  1966. base: "about_slideshowpro/"
  1967. }
  1968. var attributes = {}
  1969. swfobject.embedSWF("about_slideshowpro/loader.swf", "about_flashcontent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
  1970. /* below required for google chrome embed issue */
  1971. swffit.fit('about_flashcontent',0,0);
  1972. -->
  1973. </script>
  1974. </div> <!-- /frame -->
  1976. <% end %>
  1978. <% end %>
  1979. <% else %>
  1981. <img src="photos/<%= getImage(2).exportFilename %>.jpg" class="page_img" width="<%= getImage(2).renditions.photos.width %>" height="<%= getImage(2).renditions.photos.height %>" alt="<%= getImage(2).metadata.alt %>" />
  1982. <% end %>
  1984. <div class="clear"></div>
  1985. </div> <!-- /page_content home -->
  1987. <% elseif model.nonCSS.aboutConfiguration == "noimagecopycenter" then %>
  1988. <div id="page_content" class="about">
  1990. <div class="copy" style="width: <%= math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) %>px;">
  1992. <% if model.nonCSS.includeAboutHeading1 then %><h2 id="metadata.aboutHeading1.value" class="first heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading1.value');"<% end %>>$model.metadata.aboutHeading1.value</h2><% end %>
  1993. <% if model.nonCSS.includeAboutParagraph1 then %><p id="nonCSS.aboutParagraph1.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph1.value');"<% end %>>$model.metadata.aboutParagraph1.value</p><% end %>
  1994. <% if model.nonCSS.includeAboutHeading2 then %><h2 id="metadata.aboutHeading2.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading2.value');"<% end %>>$model.metadata.aboutHeading2.value</h2><% end %>
  1995. <% if model.nonCSS.includeAboutParagraph2 then %><p id="nonCSS.aboutParagraph2.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph2.value');"<% end %>>$model.metadata.aboutParagraph2.value</p><% end %>
  1996. <% if model.nonCSS.includeAboutHeading3 then %><h2 id="metadata.aboutHeading3.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading3.value');"<% end %>>$model.metadata.aboutHeading3.value</h2><% end %>
  1997. <% if model.nonCSS.includeAboutParagraph3 then %><p id="nonCSS.aboutParagraph3.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph3.value');"<% end %>>$model.metadata.aboutParagraph3.value</p><% end %>
  1998. <% if model.nonCSS.includeAboutHeading4 then %><h2 id="metadata.aboutHeading4.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading4.value');"<% end %>>$model.metadata.aboutHeading4.value</h2><% end %>
  1999. <% if model.nonCSS.includeAboutParagraph4 then %><p id="nonCSS.aboutParagraph4.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph4.value');"<% end %>>$model.metadata.aboutParagraph4.value</p><% end %>
  2000. <% if model.nonCSS.includeAboutHeading5 then %><h2 id="metadata.aboutHeading5.value" class="subsequent heading heading_about"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutHeading5.value');"<% end %>>$model.metadata.aboutHeading5.value</h2><% end %>
  2001. <% if model.nonCSS.includeAboutParagraph5 then %><p id="nonCSS.aboutParagraph5.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.aboutParagraph5.value');"<% end %>>$model.metadata.aboutParagraph5.value</p><% end %>
  2002. </div>
  2004. <div class="clear"></div>
  2005. </div> <!-- /page_content home -->
  2007. <% end %>
  2009. </div> <!-- /gallery -->
  2011. <% --[[ Include the page footer ]] %>
  2012. <% if model.nonCSS.includeFooter then %>
  2013. <div id="footer"<% if model.nonCSS.transparentBackground then %> style="background-color: transparent !important;"<% end %>>
  2014. <div id="footer_content">
  2015. <% if model.nonCSS.footerNav then %><p class="footer_text footer_nav" style="margin-bottom: 1em !important;"><% if model.nonCSS.menuItem1 then %><a href="$model.metadata.menuItem1.link" id="metadata.menuItem1.value" style="padding-left: 0 !important;">$model.metadata.menuItem1.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem2 then %><a href="$model.metadata.menuItem2.link" id="metadata.menuItem2.value">$model.metadata.menuItem2.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem3 then %><a href="$model.metadata.menuItem3.link" id="metadata.menuItem3.value">$model.metadata.menuItem3.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem4 then %><a href="$model.metadata.menuItem4.link" id="metadata.menuItem4.value">$model.metadata.menuItem4.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem5 then %><a href="$model.metadata.menuItem5.link" id="metadata.menuItem5.value">$model.metadata.menuItem5.value</a> <%= model.metadata.menuDivider.value %> <% end %><%= model.metadata.customMenu.value %><% if model.nonCSS.contactLink then %><a href="$model.metadata.contact.link" id="metadata.contact.value" style="padding-right: 0 !important;">$model.metadata.contact.value</a><% end %></p><% end %>
  2016. <p<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.footer.text');"<% end %> class="footer_text">$model.metadata.footer.text
  2017. <% if model.nonCSS.ttgCredit then %><br />Powered by <a href="http://lr.theturninggate.net" onclick="window.open(this.href); return false;">The Turning Gate (TTG)</a>.<% end %>
  2018. </p>
  2019. </div>
  2020. </div>
  2021. <% end %>
  2022. </div> <!-- /wrapper -->
  2023. <% if mode == 'publish' then %>
  2024. <%= model.metadata.script.footer %>
  2026. <% if model.nonCSS.googleAnalytics then %>
  2027. <script type="text/javascript">
  2028. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  2029. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  2030. </script>
  2031. <script type="text/javascript">
  2032. try {
  2033. var pageTracker = _gat._getTracker("<%= model.metadata.googleAnalytics.id %>");
  2034. pageTracker._trackPageview();
  2035. } catch(err) {}</script>
  2036. <% end %>
  2037. <% end %>
  2038. </body>
  2039. </html>
  1. --[[ Include the page head]] write( [[
  2. ]] )
  3. --[[ Define some variables to make locating other resources easier
  4. firstPage was defined in our manifest.]]
  5. local theRoot = "."
  6. write( [[
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="]] )write( model.metadata.html.dir )write( [[">
  9. <head>
  10. <meta http-equiv="content-type" content="text/html; charset=]] )write( model.nonCSS.charset )write( [[" />
  11. ]] ) if model.nonCSS.metaTags then write( [[<meta name="author" content="]] )write( model.metadata.metaAuthor.value )write( [[" />
  12. <meta name="description" content="]] )write( model.metadata.metaDescription.value )write( [[" />
  13. <meta name="keywords" content="]] )write( model.metadata.metaKeywords.value )write( [[" />
  14. <meta name="generator" content="Adobe Photoshop Lightroom, TTG LR Pages" />]] ) end write( [[
  15. <title>]] )write( model.metadata.htmlTitle.value )write( [[</title>
  16. <link rel="shortcut icon" type="image/ico" href="]] )write( theRoot )write( [[/resources/images/favicon.ico" />
  17. <link rel="stylesheet" type="text/css" media="screen" href="]] )write( theRoot )write( [[/resources/css/gallery.css" />
  18. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/swfobject.js"></script>
  19. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/livevalidation.js"></script>
  20. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/jquery-1.4.1.min.js"></script>
  21. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/jquery.jfade.1.0.min.js"></script>
  22. ]] ) if model.nonCSS.gridType == 'iconic' then if model.nonCSS.captifyAnimation == 'never' then else write( [[<script type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/captify.tiny.js"></script>]] ) end end write( [[
  24. ]] ) if model.nonCSS.indexAction == 'shadowbox' then write( [[
  25. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/shadowbox/shadowbox.js"></script>
  26. <script type="text/javascript">
  28. var options = {
  29. overlayColor: ']] )write( model.nonCSS.shadowboxOverlayWebColor )write( [[',
  30. overlayOpacity: 0.]] )write( model.nonCSS.shadowboxOverlayOpacity )write( [[,
  31. players: ]] .. "[" .. [['img','swf','flv','qt','wmp','iframe','html']] .. "]" .. [[
  32. };
  33. Shadowbox.init(options);
  34. </script>
  35. <link rel="stylesheet" type="text/css" media="screen" href="]] )write( theRoot )write( [[/resources/shadowbox/shadowbox.css" />
  36. <style type="text/css">
  37. #sb-nav-close { background-image:url(]] )write( theRoot )write( [[/resources/images/]] )write( model.nonCSS.shadowbox_controls )write( [[.png) !important; background-position: -64px 0; }
  38. #sb-nav-next { background-image:url(]] )write( theRoot )write( [[/resources/images/]] )write( model.nonCSS.shadowbox_controls )write( [[.png) !important; background-position: -32px 0; }
  39. #sb-nav-previous { background-image:url(]] )write( theRoot )write( [[/resources/images/]] )write( model.nonCSS.shadowbox_controls )write( [[.png) !important; background-position: -48px 0; }
  40. #sb-nav-play { background-image:url(]] )write( theRoot )write( [[/resources/images/]] )write( model.nonCSS.shadowbox_controls )write( [[.png) !important; background-position: -16px 0; }
  41. #sb-nav-pause { background-image:url(]] )write( theRoot )write( [[/resources/images/]] )write( model.nonCSS.shadowbox_controls )write( [[.png) !important; background-position: 0 0; }
  42. </style>
  43. ]] ) end write( [[
  44. <script type="text/javascript">
  45. $(function(){
  47. $(".albumBox").jFade({
  48. trigger: "mouseover",
  49. property: 'background',
  50. start: ']] )write( model.nonCSS.albumBox_color_ag )write( [[',
  51. end: ']] )write( model.nonCSS.albumBox_color_onhover_ag )write( [[',
  52. steps: 20,
  53. duration: 15
  54. }).jFade({
  55. trigger: "mouseout",
  56. property: 'background',
  57. start: ']] )write( model.nonCSS.albumBox_color_onhover_ag )write( [[',
  58. end: ']] )write( model.nonCSS.albumBox_color_ag )write( [[',
  59. steps: 20,
  60. duration: 15
  61. });
  63. });
  64. </script>
  65. ]] ) if model.nonCSS.includeFooter then write( [[
  66. <script type="text/javascript">
  67. <!--
  69. function printViewportDimensions() {
  70. var viewportwidth = $(window).width();
  71. var viewportheight = window.innerHeight ? window.innerHeight : $(window).height();
  72. $('#wrapper').css('min-height', (viewportheight-]] )write( model.nonCSS.footerHeight )write( [[) + 'px');
  73. }
  75. printViewportDimensions();
  77. $(function() {
  78. printViewportDimensions();
  80. $(window).resize(function()
  81. {
  82. printViewportDimensions();
  83. });
  84. });
  86. //-->
  87. </script>
  88. ]] ) end write( [[
  90. ]] ) if model.nonCSS.gridType == 'iconic' then if model.nonCSS.captifyAnimation == 'never' then else write( [[
  91. <script type="text/javascript">
  92. <!--
  93. $(function(){
  94. $('img.captify').captify({
  95. speedOver: 'fast',
  96. speedOut: 'normal',
  97. hideDelay: 500,
  98. animation: ']] )write( model.nonCSS.captifyAnimation )write( [[',
  99. prefix: '',
  100. opacity: '0.7',
  101. className: 'caption-]] )write( model.nonCSS.captifyPosition )write( [[',
  102. position: ']] )write( model.nonCSS.captifyPosition )write( [[',
  103. spanWidth: '100%'
  104. });
  105. });
  106. //-->
  107. </script>
  108. ]] ) end end write( [[
  109. <style type="text/css">
  111. ]] ) if mode == "preview" then write( [[#wrapper { min-height: 100%; }]] ) end write( [[
  112. #page_content {
  113. -moz-border-radius: ]] )write( model.nonCSS.page_content_corners )write( [[px;
  114. -webkit-border-radius: ]] )write( model.nonCSS.page_content_corners )write( [[px;
  115. }
  117. .albumBox]] ) if model.nonCSS.gridType == 'iconic' then write( [[, .albumBoxContent]] ) end write( [[ {
  118. background-color: #]] )write( model.nonCSS.albumBox_color_ag )write( [[;
  119. -moz-border-radius: ]] )write( model.nonCSS.albumBoxCorners )write( [[px;
  120. -webkit-border-radius: ]] )write( model.nonCSS.albumBoxCorners )write( [[px;
  121. }
  123. #inputfields {
  124. -moz-border-radius: ]] )write( model.nonCSS.selectionInputCorners )write( [[px;
  125. -webkit-border-radius: ]] )write( model.nonCSS.selectionInputCorners )write( [[px;
  126. }
  127. ]] ) if model.nonCSS.gridType == 'iconic' then write( [[
  128. ]] ) if model.nonCSS.captifyAnimation == 'never' then write( [[
  129. .albumBoxContent, img.captify {
  130. width: ]] )write( math.floor( model.nonCSS.albumBoxWidth - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) )write( [[px;
  131. height: ]] )write( math.floor( model.nonCSS.albumBoxHeight - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) )write( [[px;
  132. }
  133. .albumBoxContent {
  134. padding: 0 !important;
  135. }
  136. img.captify {
  137. opacity: 0; filter:alpha(opacity=0);
  138. }
  139. ]] ) else write( [[
  140. .caption-top, .caption-bottom {
  141. color: ]] )write( model.nonCSS.albumTitleColor )write( [[;
  142. padding: 0.5em;
  143. font-weight: ]] )write( model.appearance.albumTitle[ 'font-weight' ] )write( [[;
  144. font-size: ]] )write( model.nonCSS.albumTitle_fontsize )write( [[px;
  145. font-family: ]] )write( model.appearance.albumTitle[ 'font-family' ] )write( [[;
  146. border: 0px solid ]] )write( model.nonCSS.albumTitleBorderColor )write( [[;
  147. background: ]] )write( model.nonCSS.albumTitleBGColor )write( [[;
  148. text-shadow: 1px 1px 0 ]] )write( model.nonCSS.albumTitleShadowColor )write( [[;
  149. }
  150. .caption-top {
  151. border-width: 0px 0px ]] )write( model.nonCSS.albumTitle_border )write( [[px 0px;
  152. }
  153. .caption-bottom {
  154. border-width: ]] )write( model.nonCSS.albumTitle_border )write( [[px 0px 0px 0px;
  155. }
  156. .caption a, .caption a {
  157. border: 0 none;
  158. text-decoration: none;
  159. background: #000000;
  160. padding: 0.3em;
  161. }
  162. .caption a:hover, .caption a:hover {
  163. background: #202020;
  164. }
  165. .albumBoxContent, img.captify {
  166. width: ]] )write( math.floor( model.nonCSS.albumBoxWidth - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) )write( [[px;
  167. height: ]] )write( math.floor( model.nonCSS.albumBoxHeight - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) )write( [[px;
  168. }
  169. .albumBoxContent {
  170. padding: 0 !important;
  171. }
  172. img.captify {
  173. opacity: 0; filter:alpha(opacity=0);
  174. }
  175. ]] ) end end write( [[
  176. </style>
  177. ]] ) if mode == 'publish' then write( [[
  178. <!-- compliance patch for microsoft browsers -->
  179. <!--]] .. "[" .. [[if lt IE 8]] .. "]" .. [[>
  180. <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
  181. <!]] .. "[" .. [[endif]] .. "]" .. [[-->
  182. ]] ) end write( [[
  184. ]] ) if mode == 'preview' then write( [[
  185. <script type="text/javascript">
  186. window.AgMode = "]] )write( mode )write( [[";
  187. window.AgOnLoad = function() {
  188. tellLightroomWhatImagesWeAreUsing();
  189. setActiveImageSize( "]] )write( mySize )write( [[" );
  190. ]] ) if image then write( [[
  191. callCallback( "showInPhotoBin", "]] )write( image.imageID )write( [[" );
  192. ]] ) end write( [[
  193. }
  194. </script>
  195. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources_preview/js/live_update.js"></script>
  196. ]] ) end write( [[
  197. ]] )write( model.metadata.style.head )write( [[
  198. ]] ) if mode == "publish" then write( [[
  199. ]] )write( model.metadata.script.head )write( [[
  200. ]] ) end write( [[
  202. </head>
  203. <body id="about">
  204. ]] ) --[[ Include the page header]] write( [[
  205. ]] )
  206. --[[ Define some variables to make locating other resources easier
  207. firstPage was defined in our manifest.]]
  208. local theRoot = "."
  209. write( [[
  210. <div id="wrapper">
  211. ]] ) if model.nonCSS.idplateLocation == "header" then write( [[
  212. <div id="header_container">
  213. <div id="header"]] ) if model.nonCSS.fixHeaderWidth then write( [[ style="width: ]] )write( model.nonCSS.fixedHeaderWidth )write( [[px !important;"]] ) end write( [[>
  215. <h1]] ) if model.nonCSS.idplate then write( [[ style="background-image: url(]] ) if model.nonCSS.shareResources then write( model.nonCSS.pathToResources )write( [[images/idplate.png]] ) else write( theRoot )write( [[/resources/images/idplate.png]] ) end write( [[); background-repeat: no-repeat; background-position: ]] )write( model.nonCSS.idplate_X )write( [[% ]] )write( model.nonCSS.idplate_Y )write( [[%;"]] ) end write( [[><a href="]] )write( model.metadata.headerlink.value )write( [["><span>]] )write( model.metadata.htmlTitle.value )write( [[</span></a></h1>
  217. </div> <!-- /header -->
  218. </div>
  219. <div id="menu">
  220. <div id="menuContent"]] ) if model.nonCSS.fixHeaderWidth then write( [[ style="width: ]] )write( model.nonCSS.fixedHeaderWidth )write( [[px !important;"]] ) end write( [[>
  221. <p style="margin-left: ]] )write( model.nonCSS.menuPaddingLeft )write( [[px !important; margin-right: ]] )write( model.nonCSS.menuPaddingRight )write( [[px !important;">]] ) if model.nonCSS.menuItem1 then write( [[<a href="]] )write( model.metadata.menuItem1.link )write( [[" id="metadata.menuItem1.value" style="padding-left: 0 !important;">]] )write( model.metadata.menuItem1.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem2 then write( [[<a href="]] ) if mode == 'preview' then write( [[galleryindex.html]] ) else write( [[galleryindex.php]] ) end write( [[" id="metadata.menuItem2.value">]] )write( model.metadata.menuItem2.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem3 then write( [[<a href="]] )write( model.metadata.menuItem3.link )write( [[" id="metadata.menuItem3.value">]] )write( model.metadata.menuItem3.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem4 then write( [[<a href="]] )write( model.metadata.menuItem4.link )write( [[" id="metadata.menuItem4.value">]] )write( model.metadata.menuItem4.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem5 then write( [[<a href="]] )write( model.metadata.menuItem5.link )write( [[" id="metadata.menuItem5.value">]] )write( model.metadata.menuItem5.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end write( model.metadata.customMenu.value )write( [[<a href="]] )write( model.metadata.contact.link )write( [[" id="metadata.contact.value" style="padding-right: 0 !important;">]] )write( model.metadata.contact.value )write( [[</a></p>
  223. </div>
  224. </div> <!-- /menu -->
  225. ]] ) elseif model.nonCSS.idplateLocation == "menu" then write( [[
  226. <div id="header_container">
  227. <div id="header"]] ) if model.nonCSS.fixHeaderWidth then write( [[ style="width: ]] )write( model.nonCSS.fixedHeaderWidth )write( [[px !important;"]] ) end write( [[>
  228. </div> <!-- /header -->
  229. </div>
  231. <div id="menu">
  232. <div id="menuContent" ]] ) if model.nonCSS.idplate then write( [[
  233. style="]] ) if model.nonCSS.fixHeaderWidth then write( [[width: ]] )write( model.nonCSS.fixedHeaderWidth )write( [[px !important; ]] ) end write( [[background-image: url(]] ) if model.nonCSS.shareResources then write( model.nonCSS.pathToResources )write( [[images/idplate.png]] ) else write( theRoot )write( [[/resources/images/idplate.png]] ) end write( [[); background-repeat: no-repeat; background-position: ]] )write( model.nonCSS.idplate_X )write( [[% ]] )write( model.nonCSS.idplate_Y )write( [[%;"]] ) end write( [[>
  234. <p style="margin-left: ]] )write( model.nonCSS.menuPaddingLeft )write( [[px !important; margin-right: ]] )write( model.nonCSS.menuPaddingRight )write( [[px !important;">]] ) if model.nonCSS.menuItem1 then write( [[<a href="]] )write( model.metadata.menuItem1.link )write( [[" id="metadata.menuItem1.value" style="padding-left: 0 !important;">]] )write( model.metadata.menuItem1.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem2 then write( [[<a href="]] ) if mode == 'preview' then write( [[galleryindex.html]] ) else write( [[galleryindex.php]] ) end write( [[" id="metadata.menuItem2.value">]] )write( model.metadata.menuItem2.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem3 then write( [[<a href="]] )write( model.metadata.menuItem3.link )write( [[" id="metadata.menuItem3.value">]] )write( model.metadata.menuItem3.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem4 then write( [[<a href="]] )write( model.metadata.menuItem4.link )write( [[" id="metadata.menuItem4.value">]] )write( model.metadata.menuItem4.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem5 then write( [[<a href="]] )write( model.metadata.menuItem5.link )write( [[" id="metadata.menuItem5.value">]] )write( model.metadata.menuItem5.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end write( model.metadata.customMenu.value )write( [[<a href="]] )write( model.metadata.contact.link )write( [[" id="metadata.contact.value" style="padding-right: 0 !important;">]] )write( model.metadata.contact.value )write( [[</a></p>
  236. </div>
  237. </div> <!-- /menu -->
  238. ]] ) elseif model.nonCSS.idplateLocation == "beneath" then write( [[
  240. <div id="menu" style="margin-bottom: 0 !important;">
  241. <div id="menuContent"]] ) if model.nonCSS.fixHeaderWidth then write( [[ style="width: ]] )write( model.nonCSS.fixedHeaderWidth )write( [[px !important;"]] ) end write( [[>
  242. <p style="margin-left: ]] )write( model.nonCSS.menuPaddingLeft )write( [[px !important; margin-right: ]] )write( model.nonCSS.menuPaddingRight )write( [[px !important;">]] ) if model.nonCSS.menuItem1 then write( [[<a href="]] )write( model.metadata.menuItem1.link )write( [[" id="metadata.menuItem1.value" style="padding-left: 0 !important;">]] )write( model.metadata.menuItem1.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem2 then write( [[<a href="]] ) if mode == 'preview' then write( [[galleryindex.html]] ) else write( [[galleryindex.php]] ) end write( [[" id="metadata.menuItem2.value">]] )write( model.metadata.menuItem2.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem3 then write( [[<a href="]] )write( model.metadata.menuItem3.link )write( [[" id="metadata.menuItem3.value">]] )write( model.metadata.menuItem3.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem4 then write( [[<a href="]] )write( model.metadata.menuItem4.link )write( [[" id="metadata.menuItem4.value">]] )write( model.metadata.menuItem4.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem5 then write( [[<a href="]] )write( model.metadata.menuItem5.link )write( [[" id="metadata.menuItem5.value">]] )write( model.metadata.menuItem5.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end write( model.metadata.customMenu.value )write( [[<a href="]] )write( model.metadata.contact.link )write( [[" id="metadata.contact.value" style="padding-right: 0 !important;">]] )write( model.metadata.contact.value )write( [[</a></p>
  244. </div>
  245. </div> <!-- /menu -->
  246. <div id="header_container">
  247. <div id="header"]] ) if model.nonCSS.fixHeaderWidth then write( [[ style="width: ]] )write( model.nonCSS.fixedHeaderWidth )write( [[px !important;"]] ) end write( [[>
  249. <h1]] ) if model.nonCSS.idplate then write( [[ style="background-image: url(]] ) if model.nonCSS.shareResources then write( model.nonCSS.pathToResources )write( [[images/idplate.png]] ) else write( theRoot )write( [[/resources/images/idplate.png]] ) end write( [[); background-repeat: no-repeat; background-position: ]] )write( model.nonCSS.idplate_X )write( [[% ]] )write( model.nonCSS.idplate_Y )write( [[%;"]] ) end write( [[><a href="]] )write( model.metadata.headerlink.value )write( [["><span>]] )write( model.metadata.htmlTitle.value )write( [[</span></a></h1>
  251. </div> <!-- /header -->
  252. </div>
  253. ]] ) end write( [[
  254. <div id="gallery">
  255. ]] ) if model.nonCSS.aboutConfiguration == "imageleftcopyright" then write( [[
  257. <div id="page_content" class="about">
  259. ]] ) if model.nonCSS.about_stage then write( [[
  260. <style type="text/css">
  261. #about_frame { float: left; }
  262. </style>
  263. ]] ) if model.nonCSS.about_galleryType == "none" then write( [[
  264. <div id="about_frame">
  265. <div id="about_flashcontent">
  266. <p style="margin: 0 !important; padding: 10px !important;">You have chosen to replace this image with a Flash gallery. Please select a Gallery Type from the Appearance pane so that we can properly prepare the stage for your gallery.</p>
  267. </div>
  268. </div>
  269. ]] ) elseif model.nonCSS.about_galleryType == "autoviewer" then write( [[
  270. ]] ) if mode == 'preview' then write( [[
  271. <div id="about_frame">
  272. <div id="about_flashcontent">
  273. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  274. <p><strong>Setup Instructions</strong></p>
  275. <p>Export an Autoviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-autoviewer/">TTG Autoviewer</a> or Airtight Autoviewer web engine. Name the export folder "about_autoviewer" and copy it into the exported TTG Pages folder.</p>
  276. </div>
  277. </div>
  278. </div>
  279. ]] ) else write( [[
  280. <div id="about_frame">
  281. <div id="about_flashcontent"></div>
  282. <script language="JavaScript">
  283. var flashvars = {
  284. // langOpenImage: "Open Image in New Window",
  285. // langAbout: "About",
  286. xmlURL: "gallery.xml"
  287. }
  288. var params = {
  289. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  290. scale: "noscale",
  291. base: "about_autoviewer/"
  292. }
  293. var attributes = {
  294. }
  295. swfobject.embedSWF("about_autoviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  296. </script>
  297. </div>
  298. ]] ) end write( [[
  299. ]] ) elseif model.nonCSS.about_galleryType == "dimin" then write( [[
  300. ]] ) if mode == 'preview' then write( [[
  301. <div id="about_frame">
  302. <div id="about_flashcontent">
  303. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  304. <p><strong>Setup Instructions</strong></p>
  305. <p>Export a gallery using the <a href="http://dimin.m6.net/software/lightroom/">DIMIN Slideshow</a> web engine. Name the export folder "about_dimin" and copy it into the exported TTG Pages folder.</p>
  306. </div>
  307. </div>
  308. </div>
  309. ]] ) else write( [[
  310. <div id="about_frame">
  311. <div id="about_flashcontent">DIMIN Slideshow requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
  312. <script language="JavaScript">
  313. var flashvars = {
  314. width: "]] )write( model.nonCSS.about_gallery_width )write( [[",
  315. height: "]] )write( model.nonCSS.about_gallery_height )write( [[",
  316. file: "slideshow.xml"
  317. }
  318. var params = {
  319. allowfullscreen: "true",
  320. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  321. base: "about_dimin/"
  322. }
  323. var attributes = {
  324. }
  325. swfobject.embedSWF("about_dimin/imagerotator.swf", "about_flashcontent", "]] )write( model.nonCSS.about_gallery_width )write( [[", "]] )write( model.nonCSS.about_gallery_height )write( [[", "7", false, flashvars, params, attributes);
  326. </script>
  327. </div>
  329. ]] ) end write( [[
  330. ]] ) elseif model.nonCSS.about_galleryType == "flashnifties" then write( [[
  331. ]] ) if mode == 'preview' then write( [[
  332. <div id="about_frame">
  333. <div id="about_flashcontent">
  334. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  335. <p><strong>Setup Instructions</strong></p>
  336. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-flashnifties/">TTG Flashnifties</a> web engine. Name the export folder "about_flashnifties" and copy it into the exported TTG Pages folder.</p>
  337. </div>
  338. </div>
  339. </div>
  340. ]] ) else write( [[
  341. <div id="about_frame">
  342. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  343. <script language="JavaScript">
  344. var flashvars = {
  345. }
  346. var params = {
  347. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  348. base: "about_flashnifties/"
  349. }
  350. var attributes = {
  351. }
  352. swfobject.embedSWF("about_flashnifties/xmlGallery.swf", "about_flashcontent", "100%", "100%", "6", false, flashvars, params, attributes);
  353. </script>
  354. </div>
  355. ]] ) end write( [[
  356. ]] ) elseif model.nonCSS.about_galleryType == "flickr" then write( [[
  357. ]] ) if mode == 'preview' then write( [[
  358. <div id="about_frame">
  359. <div id="about_flashcontent">
  360. <div id="flickr" style="padding:1em;font-size:11px;line-height:17px;">
  361. <p><strong>Flickr Setup</strong></p>
  362. <p>Input your Flickr username and the ID number of the Flickr Set you wish to display into the "Flickr Username" and "Flickr Set ID" fields, respectively.</p>
  363. <p>To get the Flickr Set ID, visit your set on Flickr. The URL for the set will look like this: http://www.flickr.com/photos/username/sets/<span style="color:#f00 !important;">#################</span>/.</p>
  364. <p>The number, shown here in red, is the set ID. Copy and paste that number into the "Flickr Set ID" field in the Appearance pane.</p>
  365. <p>TTG Stage will only display <strong>sets</strong>, not collections, nor photostreams. The gallery will not display here in the LR preview, but will appear in the exported gallery, or when previewed in a browser.</p>
  367. <p>The URL that will be displayed in your gallery is:</p>
  369. <p><a href="http://www.flickr.com/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/">http://www.flickr.com/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/</a></p>
  371. <p>Check that the URL is correct by clicking on it and verifying its destination.</p>
  372. </div>
  373. </div>
  374. </div>
  375. ]] ) else write( [[
  376. <div id="about_frame">
  377. <div id="about_flashcontent">Flash is required to view this gallery. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  378. <script language="JavaScript">
  379. var flashvars = {
  380. offsite: "true",
  381. lang: "en-us",
  382. page_show_url: "/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/show/",
  383. set_id: "]] )write( model.nonCSS.about_flickrSet )write( [[",
  384. page_show_back_url: "/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/",
  385. jump_to: ""
  386. }
  387. var params = {
  388. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  389. allowfullscreen: "true"
  390. }
  391. var attributes = {
  392. }
  393. swfobject.embedSWF("http://www.flickr.com/apps/slideshow/show.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  394. </script>
  395. </div>
  396. ]] ) end write( [[
  397. ]] ) elseif model.nonCSS.about_galleryType == "lightroomflashgallery" then write( [[
  398. ]] ) if mode == 'preview' then write( [[
  399. <div id="about_frame">
  400. <div id="about_flashcontent">
  401. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  402. <p><strong>Setup Instructions</strong></p>
  403. <p>Export a gallery using the Lightroom Flash Gallery web engine. Name the export folder "about_lightroomflashgallery" and copy it into the exported TTG Pages folder.</p>
  404. </div>
  405. </div>
  406. </div>
  407. ]] ) else write( [[
  408. <div id="about_frame">
  409. <div id="about_flashcontent">
  410. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  411. width="100%" height="100%"
  412. codebase="http://download.macromedia.com/pub/shockwave/
  413. cabs/flash/swflash.cab">
  414. <param name="movie" value="about_lightroomflashgallery/resources/gallery.swf"/>
  415. <param name="flashvars"
  416. value="livePreview=false
  417. &baseRefUrl=about_lightroomflashgallery/
  418. &groupxml=resources/mediaGroupData/group.xml
  419. &stylexml=resources/styles/style.xml
  420. &localText=resources/localization/localText.xml"/>
  421. <param name="id" value="gallery"/>
  422. <param name="quality" value="high"/>
  423. <param name="align" value="middle"/>
  424. <param name="name" value="gallery"/>
  425. <param name="bgcolor" value="#f7f7f7"/>
  426. <param name="allowScriptAccess" value="sameDomain"/>
  427. <param name="menu" value="true"/>
  428. <embed src="about_lightroomflashgallery/resources/gallery.swf"
  429. type="application/x-shockwave-flash"
  430. pluginspage="http://www.macromedia.com/go/getflashplayer"
  431. flashvars="livePreview=false
  432. &baseRefUrl=about_lightroomflashgallery/
  433. &groupxml=resources/mediaGroupData/group.xml
  434. &stylexml=resources/styles/style.xml
  435. &localText=resources/localization/localText.xml"
  436. width="100%" height="100%" quality="high" align="middle"
  437. allowScriptAccess="sameDomain">
  438. </embed>
  439. </object>
  440. </div>
  441. </div>
  442. ]] ) end write( [[
  443. ]] ) elseif model.nonCSS.about_galleryType == "monoslideshow" then write( [[
  444. ]] ) if mode == 'preview' then write( [[
  445. <div id="about_frame">
  446. <div id="about_flashcontent">
  447. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  448. <p><strong>Setup Instructions</strong></p>
  449. <p>Export a gallery using the (discontinued) TTG MonoSlideshow web engine, or create a Monoslideshow gallery on your own. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  450. </div>
  451. </div>
  452. </div>
  453. ]] ) else write( [[
  454. <div id="about_frame">
  455. <div id="about_flashcontent">
  456. <p><strong>Please install Flash® and turn on Javascript.</strong></p>
  457. </div>
  458. <script language="JavaScript">
  459. var flashvars = {
  460. showLogo: "false"
  461. }
  462. var params = {
  463. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  464. base: "about_monoslideshow/"
  465. }
  466. var attributes = {
  467. }
  468. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  469. </script>
  470. </div>
  472. ]] ) end write( [[
  473. ]] ) elseif model.nonCSS.about_galleryType == "monoslideshow2" then write( [[
  474. ]] ) if mode == 'preview' then write( [[
  475. <div id="about_frame">
  476. <div id="about_flashcontent">
  477. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  478. <p><strong>Setup Instructions</strong></p>
  479. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-monoslideshow/">TTG MonoSlideshow</a> web engine. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  480. </div>
  481. </div>
  482. </div>
  483. ]] ) else write( [[
  484. <div id="about_frame">
  485. <div id="about_flashcontent">
  486. <p>Please <a href="http://get.adobe.com/flashplayer/">install Flash®</a> and turn on Javascript.</p>
  487. </div>
  488. <script type="text/javascript">
  489. var flashvars = {showLogo: "false", showRegistration: "false"};
  490. var params = {allowScriptAccess: "sameDomain", allowfullscreen: "true", allowNetworking: "all", base: "about_monoslideshow/"};
  491. var attributes = {id: "monoslideshow", name: "monoslideshow", bgColor: "]] )write( model.nonCSS.about_stageBGC )write( [["};
  492. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "9", false, flashvars, params, attributes);
  493. </script>
  494. </div>
  496. ]] ) end write( [[
  497. ]] ) elseif model.nonCSS.about_galleryType == "polaroid" then write( [[
  498. ]] ) if mode == 'preview' then write( [[
  499. <div id="about_frame">
  500. <div id="about_flashcontent">
  501. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  502. <p><strong>Setup Instructions</strong></p>
  503. <p>Export a gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-polaroid-gallery/">TTG Polaroid Gallery</a> web engine. Name the export folder "about_polaroid" and copy it into the exported TTG Pages folder.</p>
  504. </div>
  505. </div>
  506. </div>
  507. ]] ) else write( [[
  508. <div id="about_frame">
  509. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  510. <script language="JavaScript">
  511. var flashvars = {
  512. xmlURL: "photos.xml"
  513. }
  514. var params = {
  515. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  516. base: "about_polaroid/"
  517. }
  518. var attributes = {
  519. }
  520. swfobject.embedSWF("about_polaroid/polaroid.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  521. </script>
  522. </div>
  523. ]] ) end write( [[
  524. ]] ) elseif model.nonCSS.about_galleryType == "postcardviewer" then write( [[
  525. ]] ) if mode == 'preview' then write( [[
  526. <div id="about_frame">
  527. <div id="about_flashcontent">
  528. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  529. <p><strong>Setup Instructions</strong></p>
  530. <p>Export a PostcardViewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-postcardviewer/">TTG PostcardViewer</a> or Airtight PostcardViewer web engine. Name the export folder "about_postcardviewer" and copy it into the exported TTG Pages folder.</p>
  531. </div>
  532. </div>
  533. </div>
  534. ]] ) else write( [[
  535. <div id="about_frame">
  536. <div id="about_flashcontent">PostcardViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
  537. <script language="JavaScript">
  538. var flashvars = {
  539. // langOpenImage: "Open Image in New Window",
  540. // langAbout: "About",
  541. xmlURL: "gallery.xml"
  542. }
  543. var params = {
  544. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  545. base: "about_postcardviewer/"
  546. }
  547. var attributes = {
  548. }
  549. swfobject.embedSWF("about_postcardviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  550. </script>
  551. </div>
  552. ]] ) end write( [[
  553. ]] ) elseif model.nonCSS.about_galleryType == "simpleviewer" then write( [[
  554. ]] ) if mode == 'preview' then write( [[
  555. <div id="about_frame">
  556. <div id="about_flashcontent">
  557. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  558. <p><strong>Setup Instructions</strong></p>
  559. <p>Export a Simpleviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer</a> or Airtight Simpleviewer web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Pages folder.</p>
  560. </div>
  561. </div>
  562. </div>
  563. ]] ) else write( [[
  564. <div id="about_frame">
  565. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  566. <script language="JavaScript">
  567. var flashvars = {
  568. // langOpenImage: "Open Image in New Window",
  569. // langAbout: "About",
  570. preloaderColor: "0xffffff",
  571. xmlDataPath: "gallery.xml"
  572. }
  573. var params = {
  574. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  575. base: "about_simpleviewer/"
  576. }
  577. var attributes = {
  578. }
  579. swfobject.embedSWF("about_simpleviewer/viewer.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  580. </script>
  581. </div>
  582. ]] ) end write( [[
  583. ]] ) elseif model.nonCSS.about_galleryType == "simpleviewer2" then write( [[
  584. ]] ) if mode == 'preview' then write( [[
  585. <div id="about_frame">
  586. <div id="about_flashcontent">
  587. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  588. <p><strong>Setup Instructions</strong></p>
  589. <p>Export a Simpleviewer gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer-2</a> web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Stage folder.</p>
  590. </div>
  591. </div>
  592. </div>
  593. ]] ) else write( [[
  594. <div id="about_frame">
  595. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  596. <script type="text/javascript">
  597. var flashvars = {};
  598. flashvars.baseURL="about_simpleviewer/";
  599. flashvars.galleryURL = "gallery.xml";
  600. var params = {};
  601. params.allowfullscreen = true;
  602. params.allowscriptaccess = "always";
  603. params.bgcolor = "]] )write( model.nonCSS.about_stageBGC )write( [[";
  604. swfobject.embedSWF("about_simpleviewer/simpleviewer.swf", "about_flashcontent", "100%", "100%", "9.0.124", false, flashvars, params);
  605. </script>
  606. </div>
  607. ]] ) end write( [[
  608. ]] ) elseif model.nonCSS.about_galleryType == "slideshowpro" then write( [[
  609. ]] ) if mode == 'preview' then write( [[
  610. <div id="about_frame">
  611. <div id="about_flashcontent">
  612. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  613. <p><strong>Setup Instructions</strong></p>
  614. <p>Export a gallery using the <a href="http://www.slideshowpro.net">Slideshow Pro</a> web engine. Name the export folder "about_slideshowpro" and copy it into the exported TTG Pages folder.</p>
  615. </div>
  616. </div>
  617. </div>
  618. ]] ) else write( [[
  619. <div id="about_frame">
  620. <div id="about_flashcontent">
  621. This SlideShowPro photo gallery requires the Flash Player plugin and a web browser with JavaScript enabled.
  622. </div>
  624. <script language="JavaScript">
  625. <!--
  626. // Permalinks option
  627. function flashPutHref(href) { location.href = href; }
  629. // Expand browser option
  630. var eB = false;
  631. if (eB) {
  632. window.moveTo(0,0);
  633. window.resizeTo (screen.availWidth, screen.availHeight);
  634. }
  636. // swffit sizing
  637. var swf_pad = 20;
  638. function initSwffit(w,h) {
  639. // If you change name of the DIV the SWF is written at,
  640. // change 'flashcontent' to the name of your DIV.
  641. swffit.fit('about_flashcontent',w+swf_pad,h+swf_pad);
  642. }
  644. // SWFObject embed
  645. var flashvars = {
  646. paramXMLPath: "param.xml",
  647. initialURL: escape(document.location)
  648. }
  649. var params = {
  650. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  651. allowfullscreen: "true",
  652. base: "about_slideshowpro/"
  653. }
  654. var attributes = {}
  655. swfobject.embedSWF("about_slideshowpro/loader.swf", "about_flashcontent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
  656. /* below required for google chrome embed issue */
  657. swffit.fit('about_flashcontent',0,0);
  658. -->
  659. </script>
  660. </div> <!-- /frame -->
  662. ]] ) end write( [[
  664. ]] ) end write( [[
  665. ]] ) else write( [[
  667. <img src="photos/]] )write( getImage(2).exportFilename )write( [[.jpg" class="page_img" width="]] )write( getImage(2).renditions.photos.width )write( [[" height="]] )write( getImage(2).renditions.photos.height )write( [[" alt="]] )write( getImage(2).metadata.alt )write( [[" style="float:left;" />
  668. ]] ) end write( [[
  670. ]] ) if model.nonCSS.about_stage then write( [[
  671. <div class="copy" style="float:right; width: ]] )write( math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - model.nonCSS.about_stage_width ) )write( [[px;">
  672. ]] ) else write( [[
  673. <div class="copy" style="float:right; width: ]] )write( math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - ( ( model.nonCSS.imagePadding + model.nonCSS.imageBorderWidth ) * 2 ) - getImage(2).renditions.photos.width ) )write( [[px;">
  674. ]] ) end write( [[
  676. ]] ) if model.nonCSS.includeAboutHeading1 then write( [[<h2 id="metadata.aboutHeading1.value" class="first heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading1.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading1.value )write( [[</h2>]] ) end write( [[
  677. ]] ) if model.nonCSS.includeAboutParagraph1 then write( [[<p id="nonCSS.aboutParagraph1.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph1.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph1.value )write( [[</p>]] ) end write( [[
  678. ]] ) if model.nonCSS.includeAboutHeading2 then write( [[<h2 id="metadata.aboutHeading2.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading2.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading2.value )write( [[</h2>]] ) end write( [[
  679. ]] ) if model.nonCSS.includeAboutParagraph2 then write( [[<p id="nonCSS.aboutParagraph2.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph2.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph2.value )write( [[</p>]] ) end write( [[
  680. ]] ) if model.nonCSS.includeAboutHeading3 then write( [[<h2 id="metadata.aboutHeading3.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading3.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading3.value )write( [[</h2>]] ) end write( [[
  681. ]] ) if model.nonCSS.includeAboutParagraph3 then write( [[<p id="nonCSS.aboutParagraph3.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph3.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph3.value )write( [[</p>]] ) end write( [[
  682. ]] ) if model.nonCSS.includeAboutHeading4 then write( [[<h2 id="metadata.aboutHeading4.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading4.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading4.value )write( [[</h2>]] ) end write( [[
  683. ]] ) if model.nonCSS.includeAboutParagraph4 then write( [[<p id="nonCSS.aboutParagraph4.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph4.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph4.value )write( [[</p>]] ) end write( [[
  684. ]] ) if model.nonCSS.includeAboutHeading5 then write( [[<h2 id="metadata.aboutHeading5.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading5.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading5.value )write( [[</h2>]] ) end write( [[
  685. ]] ) if model.nonCSS.includeAboutParagraph5 then write( [[<p id="nonCSS.aboutParagraph5.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph5.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph5.value )write( [[</p>]] ) end write( [[
  686. </div>
  688. <div class="clear"></div>
  689. </div> <!-- /page_content home -->
  690. ]] ) elseif model.nonCSS.aboutConfiguration == "copyleftimageright" then write( [[
  692. <div id="page_content" class="about">
  694. ]] ) if model.nonCSS.about_stage then write( [[
  695. <style type="text/css">
  696. #about_frame { float: right; }
  697. </style>
  698. ]] ) if model.nonCSS.about_galleryType == "none" then write( [[
  699. <div id="about_frame">
  700. <div id="about_flashcontent">
  701. <p style="margin: 0 !important;">You have chosen to replace this image with a Flash gallery. Please select a Gallery Type from the Appearance pane so that we can properly prepare the stage for your gallery.</p>
  702. </div>
  703. </div>
  704. ]] ) elseif model.nonCSS.about_galleryType == "autoviewer" then write( [[
  705. ]] ) if mode == 'preview' then write( [[
  706. <div id="about_frame">
  707. <div id="about_flashcontent">
  708. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  709. <p><strong>Setup Instructions</strong></p>
  710. <p>Export an Autoviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-autoviewer/">TTG Autoviewer</a> or Airtight Autoviewer web engine. Name the export folder "about_autoviewer" and copy it into the exported TTG Pages folder.</p>
  711. </div>
  712. </div>
  713. </div>
  714. ]] ) else write( [[
  715. <div id="about_frame">
  716. <div id="about_flashcontent"></div>
  717. <script language="JavaScript">
  718. var flashvars = {
  719. // langOpenImage: "Open Image in New Window",
  720. // langAbout: "About",
  721. xmlURL: "gallery.xml"
  722. }
  723. var params = {
  724. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  725. scale: "noscale",
  726. base: "about_autoviewer/"
  727. }
  728. var attributes = {
  729. }
  730. swfobject.embedSWF("about_autoviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  731. </script>
  732. </div>
  733. ]] ) end write( [[
  734. ]] ) elseif model.nonCSS.about_galleryType == "dimin" then write( [[
  735. ]] ) if mode == 'preview' then write( [[
  736. <div id="about_frame">
  737. <div id="about_flashcontent">
  738. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  739. <p><strong>Setup Instructions</strong></p>
  740. <p>Export a gallery using the <a href="http://dimin.m6.net/software/lightroom/">DIMIN Slideshow</a> web engine. Name the export folder "about_dimin" and copy it into the exported TTG Pages folder.</p>
  741. </div>
  742. </div>
  743. </div>
  744. ]] ) else write( [[
  745. <div id="about_frame">
  746. <div id="about_flashcontent">DIMIN Slideshow requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
  747. <script language="JavaScript">
  748. var flashvars = {
  749. width: "]] )write( model.nonCSS.about_gallery_width )write( [[",
  750. height: "]] )write( model.nonCSS.about_gallery_height )write( [[",
  751. file: "slideshow.xml"
  752. }
  753. var params = {
  754. allowfullscreen: "true",
  755. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  756. base: "about_dimin/"
  757. }
  758. var attributes = {
  759. }
  760. swfobject.embedSWF("about_dimin/imagerotator.swf", "about_flashcontent", "]] )write( model.nonCSS.about_gallery_width )write( [[", "]] )write( model.nonCSS.about_gallery_height )write( [[", "7", false, flashvars, params, attributes);
  761. </script>
  762. </div>
  764. ]] ) end write( [[
  765. ]] ) elseif model.nonCSS.about_galleryType == "flashnifties" then write( [[
  766. ]] ) if mode == 'preview' then write( [[
  767. <div id="about_frame">
  768. <div id="about_flashcontent">
  769. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  770. <p><strong>Setup Instructions</strong></p>
  771. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-flashnifties/">TTG Flashnifties</a> web engine. Name the export folder "about_flashnifties" and copy it into the exported TTG Pages folder.</p>
  772. </div>
  773. </div>
  774. </div>
  775. ]] ) else write( [[
  776. <div id="about_frame">
  777. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  778. <script language="JavaScript">
  779. var flashvars = {
  780. }
  781. var params = {
  782. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  783. base: "about_flashnifties/"
  784. }
  785. var attributes = {
  786. }
  787. swfobject.embedSWF("about_flashnifties/xmlGallery.swf", "about_flashcontent", "100%", "100%", "6", false, flashvars, params, attributes);
  788. </script>
  789. </div>
  790. ]] ) end write( [[
  791. ]] ) elseif model.nonCSS.about_galleryType == "flickr" then write( [[
  792. ]] ) if mode == 'preview' then write( [[
  793. <div id="about_frame">
  794. <div id="about_flashcontent">
  795. <div id="flickr" style="padding:1em;font-size:11px;line-height:17px;">
  796. <p><strong>Flickr Setup</strong></p>
  797. <p>Input your Flickr username and the ID number of the Flickr Set you wish to display into the "Flickr Username" and "Flickr Set ID" fields, respectively.</p>
  798. <p>To get the Flickr Set ID, visit your set on Flickr. The URL for the set will look like this: http://www.flickr.com/photos/username/sets/<span style="color:#f00 !important;">#################</span>/.</p>
  799. <p>The number, shown here in red, is the set ID. Copy and paste that number into the "Flickr Set ID" field in the Appearance pane.</p>
  800. <p>TTG Stage will only display <strong>sets</strong>, not collections, nor photostreams. The gallery will not display here in the LR preview, but will appear in the exported gallery, or when previewed in a browser.</p>
  802. <p>The URL that will be displayed in your gallery is:</p>
  804. <p><a href="http://www.flickr.com/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/">http://www.flickr.com/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/</a></p>
  806. <p>Check that the URL is correct by clicking on it and verifying its destination.</p>
  807. </div>
  808. </div>
  809. </div>
  810. ]] ) else write( [[
  811. <div id="about_frame">
  812. <div id="about_flashcontent">Flash is required to view this gallery. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  813. <script language="JavaScript">
  814. var flashvars = {
  815. offsite: "true",
  816. lang: "en-us",
  817. page_show_url: "/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/show/",
  818. set_id: "]] )write( model.nonCSS.about_flickrSet )write( [[",
  819. page_show_back_url: "/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/",
  820. jump_to: ""
  821. }
  822. var params = {
  823. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  824. allowfullscreen: "true"
  825. }
  826. var attributes = {
  827. }
  828. swfobject.embedSWF("http://www.flickr.com/apps/slideshow/show.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  829. </script>
  830. </div>
  831. ]] ) end write( [[
  832. ]] ) elseif model.nonCSS.about_galleryType == "lightroomflashgallery" then write( [[
  833. ]] ) if mode == 'preview' then write( [[
  834. <div id="about_frame">
  835. <div id="about_flashcontent">
  836. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  837. <p><strong>Setup Instructions</strong></p>
  838. <p>Export a gallery using the Lightroom Flash Gallery web engine. Name the export folder "about_lightroomflashgallery" and copy it into the exported TTG Pages folder.</p>
  839. </div>
  840. </div>
  841. </div>
  842. ]] ) else write( [[
  843. <div id="about_frame">
  844. <div id="about_flashcontent">
  845. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  846. width="100%" height="100%"
  847. codebase="http://download.macromedia.com/pub/shockwave/
  848. cabs/flash/swflash.cab">
  849. <param name="movie" value="about_lightroomflashgallery/resources/gallery.swf"/>
  850. <param name="flashvars"
  851. value="livePreview=false
  852. &baseRefUrl=about_lightroomflashgallery/
  853. &groupxml=resources/mediaGroupData/group.xml
  854. &stylexml=resources/styles/style.xml
  855. &localText=resources/localization/localText.xml"/>
  856. <param name="id" value="gallery"/>
  857. <param name="quality" value="high"/>
  858. <param name="align" value="middle"/>
  859. <param name="name" value="gallery"/>
  860. <param name="bgcolor" value="#f7f7f7"/>
  861. <param name="allowScriptAccess" value="sameDomain"/>
  862. <param name="menu" value="true"/>
  863. <embed src="about_lightroomflashgallery/resources/gallery.swf"
  864. type="application/x-shockwave-flash"
  865. pluginspage="http://www.macromedia.com/go/getflashplayer"
  866. flashvars="livePreview=false
  867. &baseRefUrl=about_lightroomflashgallery/
  868. &groupxml=resources/mediaGroupData/group.xml
  869. &stylexml=resources/styles/style.xml
  870. &localText=resources/localization/localText.xml"
  871. width="100%" height="100%" quality="high" align="middle"
  872. allowScriptAccess="sameDomain">
  873. </embed>
  874. </object>
  875. </div>
  876. </div>
  877. ]] ) end write( [[
  878. ]] ) elseif model.nonCSS.about_galleryType == "monoslideshow" then write( [[
  879. ]] ) if mode == 'preview' then write( [[
  880. <div id="about_frame">
  881. <div id="about_flashcontent">
  882. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  883. <p><strong>Setup Instructions</strong></p>
  884. <p>Export a gallery using the (discontinued) TTG MonoSlideshow web engine, or create a Monoslideshow gallery on your own. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  885. </div>
  886. </div>
  887. </div>
  888. ]] ) else write( [[
  889. <div id="about_frame">
  890. <div id="about_flashcontent">
  891. <p><strong>Please install Flash® and turn on Javascript.</strong></p>
  892. </div>
  893. <script language="JavaScript">
  894. var flashvars = {
  895. showLogo: "false"
  896. }
  897. var params = {
  898. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  899. base: "about_monoslideshow/"
  900. }
  901. var attributes = {
  902. }
  903. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  904. </script>
  905. </div>
  907. ]] ) end write( [[
  908. ]] ) elseif model.nonCSS.about_galleryType == "monoslideshow2" then write( [[
  909. ]] ) if mode == 'preview' then write( [[
  910. <div id="about_frame">
  911. <div id="about_flashcontent">
  912. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  913. <p><strong>Setup Instructions</strong></p>
  914. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-monoslideshow/">TTG MonoSlideshow</a> web engine. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  915. </div>
  916. </div>
  917. </div>
  918. ]] ) else write( [[
  919. <div id="about_frame">
  920. <div id="about_flashcontent">
  921. <p>Please <a href="http://get.adobe.com/flashplayer/">install Flash®</a> and turn on Javascript.</p>
  922. </div>
  923. <script type="text/javascript">
  924. var flashvars = {showLogo: "false", showRegistration: "false"};
  925. var params = {allowScriptAccess: "sameDomain", allowfullscreen: "true", allowNetworking: "all", base: "about_monoslideshow/"};
  926. var attributes = {id: "monoslideshow", name: "monoslideshow", bgColor: "]] )write( model.nonCSS.about_stageBGC )write( [["};
  927. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "9", false, flashvars, params, attributes);
  928. </script>
  929. </div>
  931. ]] ) end write( [[
  932. ]] ) elseif model.nonCSS.about_galleryType == "polaroid" then write( [[
  933. ]] ) if mode == 'preview' then write( [[
  934. <div id="about_frame">
  935. <div id="about_flashcontent">
  936. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  937. <p><strong>Setup Instructions</strong></p>
  938. <p>Export a gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-polaroid-gallery/">TTG Polaroid Gallery</a> web engine. Name the export folder "about_polaroid" and copy it into the exported TTG Pages folder.</p>
  939. </div>
  940. </div>
  941. </div>
  942. ]] ) else write( [[
  943. <div id="about_frame">
  944. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  945. <script language="JavaScript">
  946. var flashvars = {
  947. xmlURL: "photos.xml"
  948. }
  949. var params = {
  950. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  951. base: "about_polaroid/"
  952. }
  953. var attributes = {
  954. }
  955. swfobject.embedSWF("about_polaroid/polaroid.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  956. </script>
  957. </div>
  958. ]] ) end write( [[
  959. ]] ) elseif model.nonCSS.about_galleryType == "postcardviewer" then write( [[
  960. ]] ) if mode == 'preview' then write( [[
  961. <div id="about_frame">
  962. <div id="about_flashcontent">
  963. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  964. <p><strong>Setup Instructions</strong></p>
  965. <p>Export a PostcardViewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-postcardviewer/">TTG PostcardViewer</a> or Airtight PostcardViewer web engine. Name the export folder "about_postcardviewer" and copy it into the exported TTG Pages folder.</p>
  966. </div>
  967. </div>
  968. </div>
  969. ]] ) else write( [[
  970. <div id="about_frame">
  971. <div id="about_flashcontent">PostcardViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
  972. <script language="JavaScript">
  973. var flashvars = {
  974. // langOpenImage: "Open Image in New Window",
  975. // langAbout: "About",
  976. xmlURL: "gallery.xml"
  977. }
  978. var params = {
  979. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  980. base: "about_postcardviewer/"
  981. }
  982. var attributes = {
  983. }
  984. swfobject.embedSWF("about_postcardviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  985. </script>
  986. </div>
  987. ]] ) end write( [[
  988. ]] ) elseif model.nonCSS.about_galleryType == "simpleviewer" then write( [[
  989. ]] ) if mode == 'preview' then write( [[
  990. <div id="about_frame">
  991. <div id="about_flashcontent">
  992. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  993. <p><strong>Setup Instructions</strong></p>
  994. <p>Export a Simpleviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer</a> or Airtight Simpleviewer web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Pages folder.</p>
  995. </div>
  996. </div>
  997. </div>
  998. ]] ) else write( [[
  999. <div id="about_frame">
  1000. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1001. <script language="JavaScript">
  1002. var flashvars = {
  1003. // langOpenImage: "Open Image in New Window",
  1004. // langAbout: "About",
  1005. preloaderColor: "0xffffff",
  1006. xmlDataPath: "gallery.xml"
  1007. }
  1008. var params = {
  1009. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1010. base: "about_simpleviewer/"
  1011. }
  1012. var attributes = {
  1013. }
  1014. swfobject.embedSWF("about_simpleviewer/viewer.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1015. </script>
  1016. </div>
  1017. ]] ) end write( [[
  1018. ]] ) elseif model.nonCSS.about_galleryType == "simpleviewer2" then write( [[
  1019. ]] ) if mode == 'preview' then write( [[
  1020. <div id="about_frame">
  1021. <div id="about_flashcontent">
  1022. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1023. <p><strong>Setup Instructions</strong></p>
  1024. <p>Export a Simpleviewer gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer-2</a> web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Stage folder.</p>
  1025. </div>
  1026. </div>
  1027. </div>
  1028. ]] ) else write( [[
  1029. <div id="about_frame">
  1030. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1031. <script type="text/javascript">
  1032. var flashvars = {};
  1033. flashvars.baseURL="about_simpleviewer/";
  1034. flashvars.galleryURL = "gallery.xml";
  1035. var params = {};
  1036. params.allowfullscreen = true;
  1037. params.allowscriptaccess = "always";
  1038. params.bgcolor = "]] )write( model.nonCSS.about_stageBGC )write( [[";
  1039. swfobject.embedSWF("about_simpleviewer/simpleviewer.swf", "about_flashcontent", "100%", "100%", "9.0.124", false, flashvars, params);
  1040. </script>
  1041. </div>
  1042. ]] ) end write( [[
  1043. ]] ) elseif model.nonCSS.about_galleryType == "slideshowpro" then write( [[
  1044. ]] ) if mode == 'preview' then write( [[
  1045. <div id="about_frame">
  1046. <div id="about_flashcontent">
  1047. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1048. <p><strong>Setup Instructions</strong></p>
  1049. <p>Export a gallery using the <a href="http://www.slideshowpro.net">Slideshow Pro</a> web engine. Name the export folder "about_slideshowpro" and copy it into the exported TTG Pages folder.</p>
  1050. </div>
  1051. </div>
  1052. </div>
  1053. ]] ) else write( [[
  1054. <div id="about_frame">
  1055. <div id="about_flashcontent">
  1056. This SlideShowPro photo gallery requires the Flash Player plugin and a web browser with JavaScript enabled.
  1057. </div>
  1059. <script language="JavaScript">
  1060. <!--
  1061. // Permalinks option
  1062. function flashPutHref(href) { location.href = href; }
  1064. // Expand browser option
  1065. var eB = false;
  1066. if (eB) {
  1067. window.moveTo(0,0);
  1068. window.resizeTo (screen.availWidth, screen.availHeight);
  1069. }
  1071. // swffit sizing
  1072. var swf_pad = 20;
  1073. function initSwffit(w,h) {
  1074. // If you change name of the DIV the SWF is written at,
  1075. // change 'flashcontent' to the name of your DIV.
  1076. swffit.fit('about_flashcontent',w+swf_pad,h+swf_pad);
  1077. }
  1079. // SWFObject embed
  1080. var flashvars = {
  1081. paramXMLPath: "param.xml",
  1082. initialURL: escape(document.location)
  1083. }
  1084. var params = {
  1085. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1086. allowfullscreen: "true",
  1087. base: "about_slideshowpro/"
  1088. }
  1089. var attributes = {}
  1090. swfobject.embedSWF("about_slideshowpro/loader.swf", "about_flashcontent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
  1091. /* below required for google chrome embed issue */
  1092. swffit.fit('about_flashcontent',0,0);
  1093. -->
  1094. </script>
  1095. </div> <!-- /frame -->
  1097. ]] ) end write( [[
  1099. ]] ) end write( [[
  1100. ]] ) else write( [[
  1102. <img src="photos/]] )write( getImage(2).exportFilename )write( [[.jpg" class="page_img" width="]] )write( getImage(2).renditions.photos.width )write( [[" height="]] )write( getImage(2).renditions.photos.height )write( [[" alt="]] )write( getImage(2).metadata.alt )write( [[" style="float:right;" />
  1103. ]] ) end write( [[
  1105. ]] ) if model.nonCSS.about_stage then write( [[
  1106. <div class="copy" style="float:left; width: ]] )write( math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - model.nonCSS.about_stage_width ) )write( [[px;">
  1107. ]] ) else write( [[
  1108. <div class="copy" style="float:left; width: ]] )write( math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - ( ( model.nonCSS.imagePadding + model.nonCSS.imageBorderWidth ) * 2 ) - getImage(2).renditions.photos.width ) )write( [[px;">
  1109. ]] ) end write( [[
  1111. ]] ) if model.nonCSS.includeAboutHeading1 then write( [[<h2 id="metadata.aboutHeading1.value" class="first heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading1.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading1.value )write( [[</h2>]] ) end write( [[
  1112. ]] ) if model.nonCSS.includeAboutParagraph1 then write( [[<p id="nonCSS.aboutParagraph1.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph1.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph1.value )write( [[</p>]] ) end write( [[
  1113. ]] ) if model.nonCSS.includeAboutHeading2 then write( [[<h2 id="metadata.aboutHeading2.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading2.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading2.value )write( [[</h2>]] ) end write( [[
  1114. ]] ) if model.nonCSS.includeAboutParagraph2 then write( [[<p id="nonCSS.aboutParagraph2.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph2.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph2.value )write( [[</p>]] ) end write( [[
  1115. ]] ) if model.nonCSS.includeAboutHeading3 then write( [[<h2 id="metadata.aboutHeading3.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading3.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading3.value )write( [[</h2>]] ) end write( [[
  1116. ]] ) if model.nonCSS.includeAboutParagraph3 then write( [[<p id="nonCSS.aboutParagraph3.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph3.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph3.value )write( [[</p>]] ) end write( [[
  1117. ]] ) if model.nonCSS.includeAboutHeading4 then write( [[<h2 id="metadata.aboutHeading4.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading4.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading4.value )write( [[</h2>]] ) end write( [[
  1118. ]] ) if model.nonCSS.includeAboutParagraph4 then write( [[<p id="nonCSS.aboutParagraph4.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph4.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph4.value )write( [[</p>]] ) end write( [[
  1119. ]] ) if model.nonCSS.includeAboutHeading5 then write( [[<h2 id="metadata.aboutHeading5.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading5.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading5.value )write( [[</h2>]] ) end write( [[
  1120. ]] ) if model.nonCSS.includeAboutParagraph5 then write( [[<p id="nonCSS.aboutParagraph5.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph5.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph5.value )write( [[</p>]] ) end write( [[
  1121. </div>
  1123. <div class="clear"></div>
  1124. </div> <!-- /page_content home -->
  1126. ]] ) elseif model.nonCSS.aboutConfiguration == "imageupcopydown" then write( [[
  1127. <div id="page_content" class="about">
  1128. ]] ) if model.nonCSS.about_stage then write( [[
  1129. <style type="text/css">
  1130. #about_frame { margin: 0 auto 2em !important; }
  1131. </style>
  1132. ]] ) if model.nonCSS.about_galleryType == "none" then write( [[
  1133. <div id="about_frame">
  1134. <div id="about_flashcontent">
  1135. <p style="margin: 0 !important;">You have chosen to replace this image with a Flash gallery. Please select a Gallery Type from the Appearance pane so that we can properly prepare the stage for your gallery.</p>
  1136. </div>
  1137. </div>
  1138. ]] ) elseif model.nonCSS.about_galleryType == "autoviewer" then write( [[
  1139. ]] ) if mode == 'preview' then write( [[
  1140. <div id="about_frame">
  1141. <div id="about_flashcontent">
  1142. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1143. <p><strong>Setup Instructions</strong></p>
  1144. <p>Export an Autoviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-autoviewer/">TTG Autoviewer</a> or Airtight Autoviewer web engine. Name the export folder "about_autoviewer" and copy it into the exported TTG Pages folder.</p>
  1145. </div>
  1146. </div>
  1147. </div>
  1148. ]] ) else write( [[
  1149. <div id="about_frame">
  1150. <div id="about_flashcontent"></div>
  1151. <script language="JavaScript">
  1152. var flashvars = {
  1153. // langOpenImage: "Open Image in New Window",
  1154. // langAbout: "About",
  1155. xmlURL: "gallery.xml"
  1156. }
  1157. var params = {
  1158. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1159. scale: "noscale",
  1160. base: "about_autoviewer/"
  1161. }
  1162. var attributes = {
  1163. }
  1164. swfobject.embedSWF("about_autoviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1165. </script>
  1166. </div>
  1167. ]] ) end write( [[
  1168. ]] ) elseif model.nonCSS.about_galleryType == "dimin" then write( [[
  1169. ]] ) if mode == 'preview' then write( [[
  1170. <div id="about_frame">
  1171. <div id="about_flashcontent">
  1172. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1173. <p><strong>Setup Instructions</strong></p>
  1174. <p>Export a gallery using the <a href="http://dimin.m6.net/software/lightroom/">DIMIN Slideshow</a> web engine. Name the export folder "about_dimin" and copy it into the exported TTG Pages folder.</p>
  1175. </div>
  1176. </div>
  1177. </div>
  1178. ]] ) else write( [[
  1179. <div id="about_frame">
  1180. <div id="about_flashcontent">DIMIN Slideshow requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
  1181. <script language="JavaScript">
  1182. var flashvars = {
  1183. width: "]] )write( model.nonCSS.about_gallery_width )write( [[",
  1184. height: "]] )write( model.nonCSS.about_gallery_height )write( [[",
  1185. file: "slideshow.xml"
  1186. }
  1187. var params = {
  1188. allowfullscreen: "true",
  1189. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1190. base: "about_dimin/"
  1191. }
  1192. var attributes = {
  1193. }
  1194. swfobject.embedSWF("about_dimin/imagerotator.swf", "about_flashcontent", "]] )write( model.nonCSS.about_gallery_width )write( [[", "]] )write( model.nonCSS.about_gallery_height )write( [[", "7", false, flashvars, params, attributes);
  1195. </script>
  1196. </div>
  1198. ]] ) end write( [[
  1199. ]] ) elseif model.nonCSS.about_galleryType == "flashnifties" then write( [[
  1200. ]] ) if mode == 'preview' then write( [[
  1201. <div id="about_frame">
  1202. <div id="about_flashcontent">
  1203. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1204. <p><strong>Setup Instructions</strong></p>
  1205. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-flashnifties/">TTG Flashnifties</a> web engine. Name the export folder "about_flashnifties" and copy it into the exported TTG Pages folder.</p>
  1206. </div>
  1207. </div>
  1208. </div>
  1209. ]] ) else write( [[
  1210. <div id="about_frame">
  1211. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1212. <script language="JavaScript">
  1213. var flashvars = {
  1214. }
  1215. var params = {
  1216. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1217. base: "about_flashnifties/"
  1218. }
  1219. var attributes = {
  1220. }
  1221. swfobject.embedSWF("about_flashnifties/xmlGallery.swf", "about_flashcontent", "100%", "100%", "6", false, flashvars, params, attributes);
  1222. </script>
  1223. </div>
  1224. ]] ) end write( [[
  1225. ]] ) elseif model.nonCSS.about_galleryType == "flickr" then write( [[
  1226. ]] ) if mode == 'preview' then write( [[
  1227. <div id="about_frame">
  1228. <div id="about_flashcontent">
  1229. <div id="flickr" style="padding:1em;font-size:11px;line-height:17px;">
  1230. <p><strong>Flickr Setup</strong></p>
  1231. <p>Input your Flickr username and the ID number of the Flickr Set you wish to display into the "Flickr Username" and "Flickr Set ID" fields, respectively.</p>
  1232. <p>To get the Flickr Set ID, visit your set on Flickr. The URL for the set will look like this: http://www.flickr.com/photos/username/sets/<span style="color:#f00 !important;">#################</span>/.</p>
  1233. <p>The number, shown here in red, is the set ID. Copy and paste that number into the "Flickr Set ID" field in the Appearance pane.</p>
  1234. <p>TTG Stage will only display <strong>sets</strong>, not collections, nor photostreams. The gallery will not display here in the LR preview, but will appear in the exported gallery, or when previewed in a browser.</p>
  1236. <p>The URL that will be displayed in your gallery is:</p>
  1238. <p><a href="http://www.flickr.com/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/">http://www.flickr.com/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/</a></p>
  1240. <p>Check that the URL is correct by clicking on it and verifying its destination.</p>
  1241. </div>
  1242. </div>
  1243. </div>
  1244. ]] ) else write( [[
  1245. <div id="about_frame">
  1246. <div id="about_flashcontent">Flash is required to view this gallery. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1247. <script language="JavaScript">
  1248. var flashvars = {
  1249. offsite: "true",
  1250. lang: "en-us",
  1251. page_show_url: "/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/show/",
  1252. set_id: "]] )write( model.nonCSS.about_flickrSet )write( [[",
  1253. page_show_back_url: "/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/",
  1254. jump_to: ""
  1255. }
  1256. var params = {
  1257. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1258. allowfullscreen: "true"
  1259. }
  1260. var attributes = {
  1261. }
  1262. swfobject.embedSWF("http://www.flickr.com/apps/slideshow/show.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1263. </script>
  1264. </div>
  1265. ]] ) end write( [[
  1266. ]] ) elseif model.nonCSS.about_galleryType == "lightroomflashgallery" then write( [[
  1267. ]] ) if mode == 'preview' then write( [[
  1268. <div id="about_frame">
  1269. <div id="about_flashcontent">
  1270. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1271. <p><strong>Setup Instructions</strong></p>
  1272. <p>Export a gallery using the Lightroom Flash Gallery web engine. Name the export folder "about_lightroomflashgallery" and copy it into the exported TTG Pages folder.</p>
  1273. </div>
  1274. </div>
  1275. </div>
  1276. ]] ) else write( [[
  1277. <div id="about_frame">
  1278. <div id="about_flashcontent">
  1279. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  1280. width="100%" height="100%"
  1281. codebase="http://download.macromedia.com/pub/shockwave/
  1282. cabs/flash/swflash.cab">
  1283. <param name="movie" value="about_lightroomflashgallery/resources/gallery.swf"/>
  1284. <param name="flashvars"
  1285. value="livePreview=false
  1286. &baseRefUrl=about_lightroomflashgallery/
  1287. &groupxml=resources/mediaGroupData/group.xml
  1288. &stylexml=resources/styles/style.xml
  1289. &localText=resources/localization/localText.xml"/>
  1290. <param name="id" value="gallery"/>
  1291. <param name="quality" value="high"/>
  1292. <param name="align" value="middle"/>
  1293. <param name="name" value="gallery"/>
  1294. <param name="bgcolor" value="#f7f7f7"/>
  1295. <param name="allowScriptAccess" value="sameDomain"/>
  1296. <param name="menu" value="true"/>
  1297. <embed src="about_lightroomflashgallery/resources/gallery.swf"
  1298. type="application/x-shockwave-flash"
  1299. pluginspage="http://www.macromedia.com/go/getflashplayer"
  1300. flashvars="livePreview=false
  1301. &baseRefUrl=about_lightroomflashgallery/
  1302. &groupxml=resources/mediaGroupData/group.xml
  1303. &stylexml=resources/styles/style.xml
  1304. &localText=resources/localization/localText.xml"
  1305. width="100%" height="100%" quality="high" align="middle"
  1306. allowScriptAccess="sameDomain">
  1307. </embed>
  1308. </object>
  1309. </div>
  1310. </div>
  1311. ]] ) end write( [[
  1312. ]] ) elseif model.nonCSS.about_galleryType == "monoslideshow" then write( [[
  1313. ]] ) if mode == 'preview' then write( [[
  1314. <div id="about_frame">
  1315. <div id="about_flashcontent">
  1316. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1317. <p><strong>Setup Instructions</strong></p>
  1318. <p>Export a gallery using the (discontinued) TTG MonoSlideshow web engine, or create a Monoslideshow gallery on your own. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  1319. </div>
  1320. </div>
  1321. </div>
  1322. ]] ) else write( [[
  1323. <div id="about_frame">
  1324. <div id="about_flashcontent">
  1325. <p><strong>Please install Flash® and turn on Javascript.</strong></p>
  1326. </div>
  1327. <script language="JavaScript">
  1328. var flashvars = {
  1329. showLogo: "false"
  1330. }
  1331. var params = {
  1332. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1333. base: "about_monoslideshow/"
  1334. }
  1335. var attributes = {
  1336. }
  1337. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1338. </script>
  1339. </div>
  1341. ]] ) end write( [[
  1342. ]] ) elseif model.nonCSS.about_galleryType == "monoslideshow2" then write( [[
  1343. ]] ) if mode == 'preview' then write( [[
  1344. <div id="about_frame">
  1345. <div id="about_flashcontent">
  1346. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1347. <p><strong>Setup Instructions</strong></p>
  1348. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-monoslideshow/">TTG MonoSlideshow</a> web engine. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  1349. </div>
  1350. </div>
  1351. </div>
  1352. ]] ) else write( [[
  1353. <div id="about_frame">
  1354. <div id="about_flashcontent">
  1355. <p>Please <a href="http://get.adobe.com/flashplayer/">install Flash®</a> and turn on Javascript.</p>
  1356. </div>
  1357. <script type="text/javascript">
  1358. var flashvars = {showLogo: "false", showRegistration: "false"};
  1359. var params = {allowScriptAccess: "sameDomain", allowfullscreen: "true", allowNetworking: "all", base: "about_monoslideshow/"};
  1360. var attributes = {id: "monoslideshow", name: "monoslideshow", bgColor: "]] )write( model.nonCSS.about_stageBGC )write( [["};
  1361. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "9", false, flashvars, params, attributes);
  1362. </script>
  1363. </div>
  1365. ]] ) end write( [[
  1366. ]] ) elseif model.nonCSS.about_galleryType == "polaroid" then write( [[
  1367. ]] ) if mode == 'preview' then write( [[
  1368. <div id="about_frame">
  1369. <div id="about_flashcontent">
  1370. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1371. <p><strong>Setup Instructions</strong></p>
  1372. <p>Export a gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-polaroid-gallery/">TTG Polaroid Gallery</a> web engine. Name the export folder "about_polaroid" and copy it into the exported TTG Pages folder.</p>
  1373. </div>
  1374. </div>
  1375. </div>
  1376. ]] ) else write( [[
  1377. <div id="about_frame">
  1378. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1379. <script language="JavaScript">
  1380. var flashvars = {
  1381. xmlURL: "photos.xml"
  1382. }
  1383. var params = {
  1384. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1385. base: "about_polaroid/"
  1386. }
  1387. var attributes = {
  1388. }
  1389. swfobject.embedSWF("about_polaroid/polaroid.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1390. </script>
  1391. </div>
  1392. ]] ) end write( [[
  1393. ]] ) elseif model.nonCSS.about_galleryType == "postcardviewer" then write( [[
  1394. ]] ) if mode == 'preview' then write( [[
  1395. <div id="about_frame">
  1396. <div id="about_flashcontent">
  1397. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1398. <p><strong>Setup Instructions</strong></p>
  1399. <p>Export a PostcardViewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-postcardviewer/">TTG PostcardViewer</a> or Airtight PostcardViewer web engine. Name the export folder "about_postcardviewer" and copy it into the exported TTG Pages folder.</p>
  1400. </div>
  1401. </div>
  1402. </div>
  1403. ]] ) else write( [[
  1404. <div id="about_frame">
  1405. <div id="about_flashcontent">PostcardViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
  1406. <script language="JavaScript">
  1407. var flashvars = {
  1408. // langOpenImage: "Open Image in New Window",
  1409. // langAbout: "About",
  1410. xmlURL: "gallery.xml"
  1411. }
  1412. var params = {
  1413. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1414. base: "about_postcardviewer/"
  1415. }
  1416. var attributes = {
  1417. }
  1418. swfobject.embedSWF("about_postcardviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1419. </script>
  1420. </div>
  1421. ]] ) end write( [[
  1422. ]] ) elseif model.nonCSS.about_galleryType == "simpleviewer" then write( [[
  1423. ]] ) if mode == 'preview' then write( [[
  1424. <div id="about_frame">
  1425. <div id="about_flashcontent">
  1426. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1427. <p><strong>Setup Instructions</strong></p>
  1428. <p>Export a Simpleviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer</a> or Airtight Simpleviewer web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Pages folder.</p>
  1429. </div>
  1430. </div>
  1431. </div>
  1432. ]] ) else write( [[
  1433. <div id="about_frame">
  1434. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1435. <script language="JavaScript">
  1436. var flashvars = {
  1437. // langOpenImage: "Open Image in New Window",
  1438. // langAbout: "About",
  1439. preloaderColor: "0xffffff",
  1440. xmlDataPath: "gallery.xml"
  1441. }
  1442. var params = {
  1443. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1444. base: "about_simpleviewer/"
  1445. }
  1446. var attributes = {
  1447. }
  1448. swfobject.embedSWF("about_simpleviewer/viewer.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1449. </script>
  1450. </div>
  1451. ]] ) end write( [[
  1452. ]] ) elseif model.nonCSS.about_galleryType == "simpleviewer2" then write( [[
  1453. ]] ) if mode == 'preview' then write( [[
  1454. <div id="about_frame">
  1455. <div id="about_flashcontent">
  1456. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1457. <p><strong>Setup Instructions</strong></p>
  1458. <p>Export a Simpleviewer gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer-2</a> web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Stage folder.</p>
  1459. </div>
  1460. </div>
  1461. </div>
  1462. ]] ) else write( [[
  1463. <div id="about_frame">
  1464. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1465. <script type="text/javascript">
  1466. var flashvars = {};
  1467. flashvars.baseURL="about_simpleviewer/";
  1468. flashvars.galleryURL = "gallery.xml";
  1469. var params = {};
  1470. params.allowfullscreen = true;
  1471. params.allowscriptaccess = "always";
  1472. params.bgcolor = "]] )write( model.nonCSS.about_stageBGC )write( [[";
  1473. swfobject.embedSWF("about_simpleviewer/simpleviewer.swf", "about_flashcontent", "100%", "100%", "9.0.124", false, flashvars, params);
  1474. </script>
  1475. </div>
  1476. ]] ) end write( [[
  1477. ]] ) elseif model.nonCSS.about_galleryType == "slideshowpro" then write( [[
  1478. ]] ) if mode == 'preview' then write( [[
  1479. <div id="about_frame">
  1480. <div id="about_flashcontent">
  1481. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1482. <p><strong>Setup Instructions</strong></p>
  1483. <p>Export a gallery using the <a href="http://www.slideshowpro.net">Slideshow Pro</a> web engine. Name the export folder "about_slideshowpro" and copy it into the exported TTG Pages folder.</p>
  1484. </div>
  1485. </div>
  1486. </div>
  1487. ]] ) else write( [[
  1488. <div id="about_frame">
  1489. <div id="about_flashcontent">
  1490. This SlideShowPro photo gallery requires the Flash Player plugin and a web browser with JavaScript enabled.
  1491. </div>
  1493. <script language="JavaScript">
  1494. <!--
  1495. // Permalinks option
  1496. function flashPutHref(href) { location.href = href; }
  1498. // Expand browser option
  1499. var eB = false;
  1500. if (eB) {
  1501. window.moveTo(0,0);
  1502. window.resizeTo (screen.availWidth, screen.availHeight);
  1503. }
  1505. // swffit sizing
  1506. var swf_pad = 20;
  1507. function initSwffit(w,h) {
  1508. // If you change name of the DIV the SWF is written at,
  1509. // change 'flashcontent' to the name of your DIV.
  1510. swffit.fit('about_flashcontent',w+swf_pad,h+swf_pad);
  1511. }
  1513. // SWFObject embed
  1514. var flashvars = {
  1515. paramXMLPath: "param.xml",
  1516. initialURL: escape(document.location)
  1517. }
  1518. var params = {
  1519. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1520. allowfullscreen: "true",
  1521. base: "about_slideshowpro/"
  1522. }
  1523. var attributes = {}
  1524. swfobject.embedSWF("about_slideshowpro/loader.swf", "about_flashcontent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
  1525. /* below required for google chrome embed issue */
  1526. swffit.fit('about_flashcontent',0,0);
  1527. -->
  1528. </script>
  1529. </div> <!-- /frame -->
  1531. ]] ) end write( [[
  1533. ]] ) end write( [[
  1534. ]] ) else write( [[
  1536. <img src="photos/]] )write( getImage(2).exportFilename )write( [[.jpg" class="page_img" width="]] )write( getImage(2).renditions.photos.width )write( [[" height="]] )write( getImage(2).renditions.photos.height )write( [[" alt="]] )write( getImage(2).metadata.alt )write( [[" style="margin: 0 0 20px 0 !important;" />
  1537. ]] ) end write( [[
  1539. <div class="copy" style="width: ]] )write( math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) )write( [[px;">
  1541. ]] ) if model.nonCSS.includeAboutHeading1 then write( [[<h2 id="metadata.aboutHeading1.value" class="first heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading1.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading1.value )write( [[</h2>]] ) end write( [[
  1542. ]] ) if model.nonCSS.includeAboutParagraph1 then write( [[<p id="nonCSS.aboutParagraph1.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph1.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph1.value )write( [[</p>]] ) end write( [[
  1543. ]] ) if model.nonCSS.includeAboutHeading2 then write( [[<h2 id="metadata.aboutHeading2.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading2.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading2.value )write( [[</h2>]] ) end write( [[
  1544. ]] ) if model.nonCSS.includeAboutParagraph2 then write( [[<p id="nonCSS.aboutParagraph2.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph2.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph2.value )write( [[</p>]] ) end write( [[
  1545. ]] ) if model.nonCSS.includeAboutHeading3 then write( [[<h2 id="metadata.aboutHeading3.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading3.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading3.value )write( [[</h2>]] ) end write( [[
  1546. ]] ) if model.nonCSS.includeAboutParagraph3 then write( [[<p id="nonCSS.aboutParagraph3.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph3.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph3.value )write( [[</p>]] ) end write( [[
  1547. ]] ) if model.nonCSS.includeAboutHeading4 then write( [[<h2 id="metadata.aboutHeading4.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading4.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading4.value )write( [[</h2>]] ) end write( [[
  1548. ]] ) if model.nonCSS.includeAboutParagraph4 then write( [[<p id="nonCSS.aboutParagraph4.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph4.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph4.value )write( [[</p>]] ) end write( [[
  1549. ]] ) if model.nonCSS.includeAboutHeading5 then write( [[<h2 id="metadata.aboutHeading5.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading5.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading5.value )write( [[</h2>]] ) end write( [[
  1550. ]] ) if model.nonCSS.includeAboutParagraph5 then write( [[<p id="nonCSS.aboutParagraph5.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph5.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph5.value )write( [[</p>]] ) end write( [[
  1551. </div>
  1553. <div class="clear"></div>
  1554. </div> <!-- /page_content home -->
  1556. ]] ) elseif model.nonCSS.aboutConfiguration == "copyupimagedown" then write( [[
  1557. <div id="page_content" class="about">
  1559. <div class="copy" style="width: ]] )write( math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) )write( [[px;">
  1561. ]] ) if model.nonCSS.includeAboutHeading1 then write( [[<h2 id="metadata.aboutHeading1.value" class="first heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading1.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading1.value )write( [[</h2>]] ) end write( [[
  1562. ]] ) if model.nonCSS.includeAboutParagraph1 then write( [[<p id="nonCSS.aboutParagraph1.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph1.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph1.value )write( [[</p>]] ) end write( [[
  1563. ]] ) if model.nonCSS.includeAboutHeading2 then write( [[<h2 id="metadata.aboutHeading2.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading2.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading2.value )write( [[</h2>]] ) end write( [[
  1564. ]] ) if model.nonCSS.includeAboutParagraph2 then write( [[<p id="nonCSS.aboutParagraph2.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph2.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph2.value )write( [[</p>]] ) end write( [[
  1565. ]] ) if model.nonCSS.includeAboutHeading3 then write( [[<h2 id="metadata.aboutHeading3.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading3.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading3.value )write( [[</h2>]] ) end write( [[
  1566. ]] ) if model.nonCSS.includeAboutParagraph3 then write( [[<p id="nonCSS.aboutParagraph3.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph3.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph3.value )write( [[</p>]] ) end write( [[
  1567. ]] ) if model.nonCSS.includeAboutHeading4 then write( [[<h2 id="metadata.aboutHeading4.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading4.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading4.value )write( [[</h2>]] ) end write( [[
  1568. ]] ) if model.nonCSS.includeAboutParagraph4 then write( [[<p id="nonCSS.aboutParagraph4.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph4.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph4.value )write( [[</p>]] ) end write( [[
  1569. ]] ) if model.nonCSS.includeAboutHeading5 then write( [[<h2 id="metadata.aboutHeading5.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading5.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading5.value )write( [[</h2>]] ) end write( [[
  1570. ]] ) if model.nonCSS.includeAboutParagraph5 then write( [[<p id="nonCSS.aboutParagraph5.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph5.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph5.value )write( [[</p>]] ) end write( [[
  1571. </div>
  1573. ]] ) if model.nonCSS.home_stage then write( [[
  1574. <style type="text/css">
  1575. #home_frame { margin: 2em auto 0 !important; }
  1576. </style>
  1577. ]] ) if model.nonCSS.about_galleryType == "none" then write( [[
  1578. <div id="about_frame">
  1579. <div id="about_flashcontent">
  1580. <p style="margin: 0 !important;">You have chosen to replace this image with a Flash gallery. Please select a Gallery Type from the Appearance pane so that we can properly prepare the stage for your gallery.</p>
  1581. </div>
  1582. </div>
  1583. ]] ) elseif model.nonCSS.about_galleryType == "autoviewer" then write( [[
  1584. ]] ) if mode == 'preview' then write( [[
  1585. <div id="about_frame">
  1586. <div id="about_flashcontent">
  1587. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1588. <p><strong>Setup Instructions</strong></p>
  1589. <p>Export an Autoviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-autoviewer/">TTG Autoviewer</a> or Airtight Autoviewer web engine. Name the export folder "about_autoviewer" and copy it into the exported TTG Pages folder.</p>
  1590. </div>
  1591. </div>
  1592. </div>
  1593. ]] ) else write( [[
  1594. <div id="about_frame">
  1595. <div id="about_flashcontent"></div>
  1596. <script language="JavaScript">
  1597. var flashvars = {
  1598. // langOpenImage: "Open Image in New Window",
  1599. // langAbout: "About",
  1600. xmlURL: "gallery.xml"
  1601. }
  1602. var params = {
  1603. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1604. scale: "noscale",
  1605. base: "about_autoviewer/"
  1606. }
  1607. var attributes = {
  1608. }
  1609. swfobject.embedSWF("about_autoviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1610. </script>
  1611. </div>
  1612. ]] ) end write( [[
  1613. ]] ) elseif model.nonCSS.about_galleryType == "dimin" then write( [[
  1614. ]] ) if mode == 'preview' then write( [[
  1615. <div id="about_frame">
  1616. <div id="about_flashcontent">
  1617. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1618. <p><strong>Setup Instructions</strong></p>
  1619. <p>Export a gallery using the <a href="http://dimin.m6.net/software/lightroom/">DIMIN Slideshow</a> web engine. Name the export folder "about_dimin" and copy it into the exported TTG Pages folder.</p>
  1620. </div>
  1621. </div>
  1622. </div>
  1623. ]] ) else write( [[
  1624. <div id="about_frame">
  1625. <div id="about_flashcontent">DIMIN Slideshow requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
  1626. <script language="JavaScript">
  1627. var flashvars = {
  1628. width: "]] )write( model.nonCSS.about_gallery_width )write( [[",
  1629. height: "]] )write( model.nonCSS.about_gallery_height )write( [[",
  1630. file: "slideshow.xml"
  1631. }
  1632. var params = {
  1633. allowfullscreen: "true",
  1634. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1635. base: "about_dimin/"
  1636. }
  1637. var attributes = {
  1638. }
  1639. swfobject.embedSWF("about_dimin/imagerotator.swf", "about_flashcontent", "]] )write( model.nonCSS.about_gallery_width )write( [[", "]] )write( model.nonCSS.about_gallery_height )write( [[", "7", false, flashvars, params, attributes);
  1640. </script>
  1641. </div>
  1643. ]] ) end write( [[
  1644. ]] ) elseif model.nonCSS.about_galleryType == "flashnifties" then write( [[
  1645. ]] ) if mode == 'preview' then write( [[
  1646. <div id="about_frame">
  1647. <div id="about_flashcontent">
  1648. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1649. <p><strong>Setup Instructions</strong></p>
  1650. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-flashnifties/">TTG Flashnifties</a> web engine. Name the export folder "about_flashnifties" and copy it into the exported TTG Pages folder.</p>
  1651. </div>
  1652. </div>
  1653. </div>
  1654. ]] ) else write( [[
  1655. <div id="about_frame">
  1656. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1657. <script language="JavaScript">
  1658. var flashvars = {
  1659. }
  1660. var params = {
  1661. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1662. base: "about_flashnifties/"
  1663. }
  1664. var attributes = {
  1665. }
  1666. swfobject.embedSWF("about_flashnifties/xmlGallery.swf", "about_flashcontent", "100%", "100%", "6", false, flashvars, params, attributes);
  1667. </script>
  1668. </div>
  1669. ]] ) end write( [[
  1670. ]] ) elseif model.nonCSS.about_galleryType == "flickr" then write( [[
  1671. ]] ) if mode == 'preview' then write( [[
  1672. <div id="about_frame">
  1673. <div id="about_flashcontent">
  1674. <div id="flickr" style="padding:1em;font-size:11px;line-height:17px;">
  1675. <p><strong>Flickr Setup</strong></p>
  1676. <p>Input your Flickr username and the ID number of the Flickr Set you wish to display into the "Flickr Username" and "Flickr Set ID" fields, respectively.</p>
  1677. <p>To get the Flickr Set ID, visit your set on Flickr. The URL for the set will look like this: http://www.flickr.com/photos/username/sets/<span style="color:#f00 !important;">#################</span>/.</p>
  1678. <p>The number, shown here in red, is the set ID. Copy and paste that number into the "Flickr Set ID" field in the Appearance pane.</p>
  1679. <p>TTG Stage will only display <strong>sets</strong>, not collections, nor photostreams. The gallery will not display here in the LR preview, but will appear in the exported gallery, or when previewed in a browser.</p>
  1681. <p>The URL that will be displayed in your gallery is:</p>
  1683. <p><a href="http://www.flickr.com/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/">http://www.flickr.com/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/</a></p>
  1685. <p>Check that the URL is correct by clicking on it and verifying its destination.</p>
  1686. </div>
  1687. </div>
  1688. </div>
  1689. ]] ) else write( [[
  1690. <div id="about_frame">
  1691. <div id="about_flashcontent">Flash is required to view this gallery. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1692. <script language="JavaScript">
  1693. var flashvars = {
  1694. offsite: "true",
  1695. lang: "en-us",
  1696. page_show_url: "/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/show/",
  1697. set_id: "]] )write( model.nonCSS.about_flickrSet )write( [[",
  1698. page_show_back_url: "/photos/]] )write( model.nonCSS.about_flickrUser )write( [[/sets/]] )write( model.nonCSS.about_flickrSet )write( [[/",
  1699. jump_to: ""
  1700. }
  1701. var params = {
  1702. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1703. allowfullscreen: "true"
  1704. }
  1705. var attributes = {
  1706. }
  1707. swfobject.embedSWF("http://www.flickr.com/apps/slideshow/show.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1708. </script>
  1709. </div>
  1710. ]] ) end write( [[
  1711. ]] ) elseif model.nonCSS.about_galleryType == "lightroomflashgallery" then write( [[
  1712. ]] ) if mode == 'preview' then write( [[
  1713. <div id="about_frame">
  1714. <div id="about_flashcontent">
  1715. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1716. <p><strong>Setup Instructions</strong></p>
  1717. <p>Export a gallery using the Lightroom Flash Gallery web engine. Name the export folder "about_lightroomflashgallery" and copy it into the exported TTG Pages folder.</p>
  1718. </div>
  1719. </div>
  1720. </div>
  1721. ]] ) else write( [[
  1722. <div id="about_frame">
  1723. <div id="about_flashcontent">
  1724. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  1725. width="100%" height="100%"
  1726. codebase="http://download.macromedia.com/pub/shockwave/
  1727. cabs/flash/swflash.cab">
  1728. <param name="movie" value="about_lightroomflashgallery/resources/gallery.swf"/>
  1729. <param name="flashvars"
  1730. value="livePreview=false
  1731. &baseRefUrl=about_lightroomflashgallery/
  1732. &groupxml=resources/mediaGroupData/group.xml
  1733. &stylexml=resources/styles/style.xml
  1734. &localText=resources/localization/localText.xml"/>
  1735. <param name="id" value="gallery"/>
  1736. <param name="quality" value="high"/>
  1737. <param name="align" value="middle"/>
  1738. <param name="name" value="gallery"/>
  1739. <param name="bgcolor" value="#f7f7f7"/>
  1740. <param name="allowScriptAccess" value="sameDomain"/>
  1741. <param name="menu" value="true"/>
  1742. <embed src="about_lightroomflashgallery/resources/gallery.swf"
  1743. type="application/x-shockwave-flash"
  1744. pluginspage="http://www.macromedia.com/go/getflashplayer"
  1745. flashvars="livePreview=false
  1746. &baseRefUrl=about_lightroomflashgallery/
  1747. &groupxml=resources/mediaGroupData/group.xml
  1748. &stylexml=resources/styles/style.xml
  1749. &localText=resources/localization/localText.xml"
  1750. width="100%" height="100%" quality="high" align="middle"
  1751. allowScriptAccess="sameDomain">
  1752. </embed>
  1753. </object>
  1754. </div>
  1755. </div>
  1756. ]] ) end write( [[
  1757. ]] ) elseif model.nonCSS.about_galleryType == "monoslideshow" then write( [[
  1758. ]] ) if mode == 'preview' then write( [[
  1759. <div id="about_frame">
  1760. <div id="about_flashcontent">
  1761. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1762. <p><strong>Setup Instructions</strong></p>
  1763. <p>Export a gallery using the (discontinued) TTG MonoSlideshow web engine, or create a Monoslideshow gallery on your own. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  1764. </div>
  1765. </div>
  1766. </div>
  1767. ]] ) else write( [[
  1768. <div id="about_frame">
  1769. <div id="about_flashcontent">
  1770. <p><strong>Please install Flash® and turn on Javascript.</strong></p>
  1771. </div>
  1772. <script language="JavaScript">
  1773. var flashvars = {
  1774. showLogo: "false"
  1775. }
  1776. var params = {
  1777. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1778. base: "about_monoslideshow/"
  1779. }
  1780. var attributes = {
  1781. }
  1782. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1783. </script>
  1784. </div>
  1786. ]] ) end write( [[
  1787. ]] ) elseif model.nonCSS.about_galleryType == "monoslideshow2" then write( [[
  1788. ]] ) if mode == 'preview' then write( [[
  1789. <div id="about_frame">
  1790. <div id="about_flashcontent">
  1791. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1792. <p><strong>Setup Instructions</strong></p>
  1793. <p>Export a gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-monoslideshow/">TTG MonoSlideshow</a> web engine. Name the export folder "about_monoslideshow" and copy it into the exported TTG Pages folder.</p>
  1794. </div>
  1795. </div>
  1796. </div>
  1797. ]] ) else write( [[
  1798. <div id="about_frame">
  1799. <div id="about_flashcontent">
  1800. <p>Please <a href="http://get.adobe.com/flashplayer/">install Flash®</a> and turn on Javascript.</p>
  1801. </div>
  1802. <script type="text/javascript">
  1803. var flashvars = {showLogo: "false", showRegistration: "false"};
  1804. var params = {allowScriptAccess: "sameDomain", allowfullscreen: "true", allowNetworking: "all", base: "about_monoslideshow/"};
  1805. var attributes = {id: "monoslideshow", name: "monoslideshow", bgColor: "]] )write( model.nonCSS.about_stageBGC )write( [["};
  1806. swfobject.embedSWF("about_monoslideshow/monoslideshow.swf", "about_flashcontent", "100%", "100%", "9", false, flashvars, params, attributes);
  1807. </script>
  1808. </div>
  1810. ]] ) end write( [[
  1811. ]] ) elseif model.nonCSS.about_galleryType == "polaroid" then write( [[
  1812. ]] ) if mode == 'preview' then write( [[
  1813. <div id="about_frame">
  1814. <div id="about_flashcontent">
  1815. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1816. <p><strong>Setup Instructions</strong></p>
  1817. <p>Export a gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-polaroid-gallery/">TTG Polaroid Gallery</a> web engine. Name the export folder "about_polaroid" and copy it into the exported TTG Pages folder.</p>
  1818. </div>
  1819. </div>
  1820. </div>
  1821. ]] ) else write( [[
  1822. <div id="about_frame">
  1823. <div id="about_flashcontent">This gallery requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1824. <script language="JavaScript">
  1825. var flashvars = {
  1826. xmlURL: "photos.xml"
  1827. }
  1828. var params = {
  1829. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1830. base: "about_polaroid/"
  1831. }
  1832. var attributes = {
  1833. }
  1834. swfobject.embedSWF("about_polaroid/polaroid.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1835. </script>
  1836. </div>
  1837. ]] ) end write( [[
  1838. ]] ) elseif model.nonCSS.about_galleryType == "postcardviewer" then write( [[
  1839. ]] ) if mode == 'preview' then write( [[
  1840. <div id="about_frame">
  1841. <div id="about_flashcontent">
  1842. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1843. <p><strong>Setup Instructions</strong></p>
  1844. <p>Export a PostcardViewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-postcardviewer/">TTG PostcardViewer</a> or Airtight PostcardViewer web engine. Name the export folder "about_postcardviewer" and copy it into the exported TTG Pages folder.</p>
  1845. </div>
  1846. </div>
  1847. </div>
  1848. ]] ) else write( [[
  1849. <div id="about_frame">
  1850. <div id="about_flashcontent">PostcardViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
  1851. <script language="JavaScript">
  1852. var flashvars = {
  1853. // langOpenImage: "Open Image in New Window",
  1854. // langAbout: "About",
  1855. xmlURL: "gallery.xml"
  1856. }
  1857. var params = {
  1858. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1859. base: "about_postcardviewer/"
  1860. }
  1861. var attributes = {
  1862. }
  1863. swfobject.embedSWF("about_postcardviewer/viewer.swf", "about_flashcontent", "100%", "100%", "8", false, flashvars, params, attributes);
  1864. </script>
  1865. </div>
  1866. ]] ) end write( [[
  1867. ]] ) elseif model.nonCSS.about_galleryType == "simpleviewer" then write( [[
  1868. ]] ) if mode == 'preview' then write( [[
  1869. <div id="about_frame">
  1870. <div id="about_flashcontent">
  1871. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1872. <p><strong>Setup Instructions</strong></p>
  1873. <p>Export a Simpleviewer gallery using the <a href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer</a> or Airtight Simpleviewer web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Pages folder.</p>
  1874. </div>
  1875. </div>
  1876. </div>
  1877. ]] ) else write( [[
  1878. <div id="about_frame">
  1879. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1880. <script language="JavaScript">
  1881. var flashvars = {
  1882. // langOpenImage: "Open Image in New Window",
  1883. // langAbout: "About",
  1884. preloaderColor: "0xffffff",
  1885. xmlDataPath: "gallery.xml"
  1886. }
  1887. var params = {
  1888. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1889. base: "about_simpleviewer/"
  1890. }
  1891. var attributes = {
  1892. }
  1893. swfobject.embedSWF("about_simpleviewer/viewer.swf", "about_flashcontent", "100%", "100%", "7", false, flashvars, params, attributes);
  1894. </script>
  1895. </div>
  1896. ]] ) end write( [[
  1897. ]] ) elseif model.nonCSS.about_galleryType == "simpleviewer2" then write( [[
  1898. ]] ) if mode == 'preview' then write( [[
  1899. <div id="about_frame">
  1900. <div id="about_flashcontent">
  1901. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1902. <p><strong>Setup Instructions</strong></p>
  1903. <p>Export a Simpleviewer gallery using the <a style="color:#e5a638 !important;" href="http://lightroom.theturninggate.net/flash-galleries/ttg-simpleviewer/">TTG Simpleviewer-2</a> web engine. Name the export folder "about_simpleviewer" and copy it into the exported TTG Stage folder.</p>
  1904. </div>
  1905. </div>
  1906. </div>
  1907. ]] ) else write( [[
  1908. <div id="about_frame">
  1909. <div id="about_flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
  1910. <script type="text/javascript">
  1911. var flashvars = {};
  1912. flashvars.baseURL="about_simpleviewer/";
  1913. flashvars.galleryURL = "gallery.xml";
  1914. var params = {};
  1915. params.allowfullscreen = true;
  1916. params.allowscriptaccess = "always";
  1917. params.bgcolor = "]] )write( model.nonCSS.about_stageBGC )write( [[";
  1918. swfobject.embedSWF("about_simpleviewer/simpleviewer.swf", "about_flashcontent", "100%", "100%", "9.0.124", false, flashvars, params);
  1919. </script>
  1920. </div>
  1921. ]] ) end write( [[
  1922. ]] ) elseif model.nonCSS.about_galleryType == "slideshowpro" then write( [[
  1923. ]] ) if mode == 'preview' then write( [[
  1924. <div id="about_frame">
  1925. <div id="about_flashcontent">
  1926. <div id="gallerystage" style="padding:1em;font-size:11px;line-height:17px;">
  1927. <p><strong>Setup Instructions</strong></p>
  1928. <p>Export a gallery using the <a href="http://www.slideshowpro.net">Slideshow Pro</a> web engine. Name the export folder "about_slideshowpro" and copy it into the exported TTG Pages folder.</p>
  1929. </div>
  1930. </div>
  1931. </div>
  1932. ]] ) else write( [[
  1933. <div id="about_frame">
  1934. <div id="about_flashcontent">
  1935. This SlideShowPro photo gallery requires the Flash Player plugin and a web browser with JavaScript enabled.
  1936. </div>
  1938. <script language="JavaScript">
  1939. <!--
  1940. // Permalinks option
  1941. function flashPutHref(href) { location.href = href; }
  1943. // Expand browser option
  1944. var eB = false;
  1945. if (eB) {
  1946. window.moveTo(0,0);
  1947. window.resizeTo (screen.availWidth, screen.availHeight);
  1948. }
  1950. // swffit sizing
  1951. var swf_pad = 20;
  1952. function initSwffit(w,h) {
  1953. // If you change name of the DIV the SWF is written at,
  1954. // change 'flashcontent' to the name of your DIV.
  1955. swffit.fit('about_flashcontent',w+swf_pad,h+swf_pad);
  1956. }
  1958. // SWFObject embed
  1959. var flashvars = {
  1960. paramXMLPath: "param.xml",
  1961. initialURL: escape(document.location)
  1962. }
  1963. var params = {
  1964. bgcolor: "]] )write( model.nonCSS.about_stageBGC )write( [[",
  1965. allowfullscreen: "true",
  1966. base: "about_slideshowpro/"
  1967. }
  1968. var attributes = {}
  1969. swfobject.embedSWF("about_slideshowpro/loader.swf", "about_flashcontent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
  1970. /* below required for google chrome embed issue */
  1971. swffit.fit('about_flashcontent',0,0);
  1972. -->
  1973. </script>
  1974. </div> <!-- /frame -->
  1976. ]] ) end write( [[
  1978. ]] ) end write( [[
  1979. ]] ) else write( [[
  1981. <img src="photos/]] )write( getImage(2).exportFilename )write( [[.jpg" class="page_img" width="]] )write( getImage(2).renditions.photos.width )write( [[" height="]] )write( getImage(2).renditions.photos.height )write( [[" alt="]] )write( getImage(2).metadata.alt )write( [[" />
  1982. ]] ) end write( [[
  1984. <div class="clear"></div>
  1985. </div> <!-- /page_content home -->
  1987. ]] ) elseif model.nonCSS.aboutConfiguration == "noimagecopycenter" then write( [[
  1988. <div id="page_content" class="about">
  1990. <div class="copy" style="width: ]] )write( math.floor( model.nonCSS.aboutWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) )write( [[px;">
  1992. ]] ) if model.nonCSS.includeAboutHeading1 then write( [[<h2 id="metadata.aboutHeading1.value" class="first heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading1.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading1.value )write( [[</h2>]] ) end write( [[
  1993. ]] ) if model.nonCSS.includeAboutParagraph1 then write( [[<p id="nonCSS.aboutParagraph1.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph1.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph1.value )write( [[</p>]] ) end write( [[
  1994. ]] ) if model.nonCSS.includeAboutHeading2 then write( [[<h2 id="metadata.aboutHeading2.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading2.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading2.value )write( [[</h2>]] ) end write( [[
  1995. ]] ) if model.nonCSS.includeAboutParagraph2 then write( [[<p id="nonCSS.aboutParagraph2.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph2.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph2.value )write( [[</p>]] ) end write( [[
  1996. ]] ) if model.nonCSS.includeAboutHeading3 then write( [[<h2 id="metadata.aboutHeading3.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading3.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading3.value )write( [[</h2>]] ) end write( [[
  1997. ]] ) if model.nonCSS.includeAboutParagraph3 then write( [[<p id="nonCSS.aboutParagraph3.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph3.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph3.value )write( [[</p>]] ) end write( [[
  1998. ]] ) if model.nonCSS.includeAboutHeading4 then write( [[<h2 id="metadata.aboutHeading4.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading4.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading4.value )write( [[</h2>]] ) end write( [[
  1999. ]] ) if model.nonCSS.includeAboutParagraph4 then write( [[<p id="nonCSS.aboutParagraph4.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph4.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph4.value )write( [[</p>]] ) end write( [[
  2000. ]] ) if model.nonCSS.includeAboutHeading5 then write( [[<h2 id="metadata.aboutHeading5.value" class="subsequent heading heading_about"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutHeading5.value');"]] ) end write( [[>]] )write( model.metadata.aboutHeading5.value )write( [[</h2>]] ) end write( [[
  2001. ]] ) if model.nonCSS.includeAboutParagraph5 then write( [[<p id="nonCSS.aboutParagraph5.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.aboutParagraph5.value');"]] ) end write( [[>]] )write( model.metadata.aboutParagraph5.value )write( [[</p>]] ) end write( [[
  2002. </div>
  2004. <div class="clear"></div>
  2005. </div> <!-- /page_content home -->
  2007. ]] ) end write( [[
  2009. </div> <!-- /gallery -->
  2011. ]] ) --[[ Include the page footer ]] write( [[
  2012. ]] ) if model.nonCSS.includeFooter then write( [[
  2013. <div id="footer"]] ) if model.nonCSS.transparentBackground then write( [[ style="background-color: transparent !important;"]] ) end write( [[>
  2014. <div id="footer_content">
  2015. ]] ) if model.nonCSS.footerNav then write( [[<p class="footer_text footer_nav" style="margin-bottom: 1em !important;">]] ) if model.nonCSS.menuItem1 then write( [[<a href="]] )write( model.metadata.menuItem1.link )write( [[" id="metadata.menuItem1.value" style="padding-left: 0 !important;">]] )write( model.metadata.menuItem1.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem2 then write( [[<a href="]] )write( model.metadata.menuItem2.link )write( [[" id="metadata.menuItem2.value">]] )write( model.metadata.menuItem2.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem3 then write( [[<a href="]] )write( model.metadata.menuItem3.link )write( [[" id="metadata.menuItem3.value">]] )write( model.metadata.menuItem3.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem4 then write( [[<a href="]] )write( model.metadata.menuItem4.link )write( [[" id="metadata.menuItem4.value">]] )write( model.metadata.menuItem4.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem5 then write( [[<a href="]] )write( model.metadata.menuItem5.link )write( [[" id="metadata.menuItem5.value">]] )write( model.metadata.menuItem5.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end write( model.metadata.customMenu.value ) if model.nonCSS.contactLink then write( [[<a href="]] )write( model.metadata.contact.link )write( [[" id="metadata.contact.value" style="padding-right: 0 !important;">]] )write( model.metadata.contact.value )write( [[</a>]] ) end write( [[</p>]] ) end write( [[
  2016. <p]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.footer.text');"]] ) end write( [[ class="footer_text">]] )write( model.metadata.footer.text )write( [[
  2017. ]] ) if model.nonCSS.ttgCredit then write( [[<br />Powered by <a href="http://lr.theturninggate.net" onclick="window.open(this.href); return false;">The Turning Gate (TTG)</a>.]] ) end write( [[
  2018. </p>
  2019. </div>
  2020. </div>
  2021. ]] ) end write( [[
  2022. </div> <!-- /wrapper -->
  2023. ]] ) if mode == 'publish' then write( [[
  2024. ]] )write( model.metadata.script.footer )write( [[
  2026. ]] ) if model.nonCSS.googleAnalytics then write( [[
  2027. <script type="text/javascript">
  2028. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  2029. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  2030. </script>
  2031. <script type="text/javascript">
  2032. try {
  2033. var pageTracker = _gat._getTracker("]] )write( model.metadata.googleAnalytics.id )write( [[");
  2034. pageTracker._trackPageview();
  2035. } catch(err) {}</script>
  2036. ]] ) end write( [[
  2037. ]] ) end write( [[
  2038. </body>
  2039. </html>]] )