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