Home Gallery Index About Contact

ERROR

ERROR

Switch View
  1. <% --[[ Include the page head]] %>
  2. <%
  3. --[[ Define some variables to make locating other resources easier
  4. firstPage was defined in our manifest.]]
  5. local theRoot = "."
  6. %>
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="<%= model.metadata.html.dir %>">
  9. <head>
  10. <meta http-equiv="content-type" content="text/html; charset=<%= model.nonCSS.charset %>" />
  11. <% if model.nonCSS.metaTags then %><meta name="author" content="<%= model.metadata.metaAuthor.value %>" />
  12. <meta name="description" content="<%= model.metadata.metaDescription.value %>" />
  13. <meta name="keywords" content="<%= model.metadata.metaKeywords.value %>" />
  14. <meta name="generator" content="Adobe Photoshop Lightroom, TTG LR Pages" /><% end %>
  15. <title>$model.metadata.htmlTitle.value</title>
  16. <link rel="shortcut icon" type="image/ico" href="$theRoot/resources/images/favicon.ico" />
  17. <link rel="stylesheet" type="text/css" media="screen" href="$theRoot/resources/css/gallery.css" />
  18. <script type="text/javascript" src="$theRoot/resources/js/swfobject.js"></script>
  19. <script type="text/javascript" src="$theRoot/resources/js/livevalidation.js"></script>
  20. <script type="text/javascript" src="$theRoot/resources/js/jquery-1.4.1.min.js"></script>
  21. <script type="text/javascript" src="$theRoot/resources/js/jquery.jfade.1.0.min.js"></script>
  22. <% if model.nonCSS.gridType == 'iconic' then %><% if model.nonCSS.captifyAnimation == 'never' then %><% else %><script type="text/javascript" src="$theRoot/resources/js/captify.tiny.js"></script><% end %><% end %>
  23. <% if model.nonCSS.indexAction == 'shadowbox' then %>
  24. <script type="text/javascript" src="$theRoot/resources/shadowbox/shadowbox.js"></script>
  25. <script type="text/javascript">
  26. var options = {
  27. overlayColor: '<%= model.nonCSS.shadowboxOverlayWebColor %>',
  28. overlayOpacity: 0.<%= model.nonCSS.shadowboxOverlayOpacity %>,
  29. players: ['img','swf','flv','qt','wmp','iframe','html']
  30. };
  31. Shadowbox.init(options);
  32. </script>
  33. <link rel="stylesheet" type="text/css" media="screen" href="$theRoot/resources/shadowbox/shadowbox.css" />
  34. <style type="text/css">
  35. #sb-nav-close { background-image:url($theRoot/resources/images/<%= model.nonCSS.shadowbox_controls %>.png) !important; background-position: -64px 0; }
  36. #sb-nav-next { background-image:url($theRoot/resources/images/<%= model.nonCSS.shadowbox_controls %>.png) !important; background-position: -32px 0; }
  37. #sb-nav-previous { background-image:url($theRoot/resources/images/<%= model.nonCSS.shadowbox_controls %>.png) !important; background-position: -48px 0; }
  38. #sb-nav-play { background-image:url($theRoot/resources/images/<%= model.nonCSS.shadowbox_controls %>.png) !important; background-position: -16px 0; }
  39. #sb-nav-pause { background-image:url($theRoot/resources/images/<%= model.nonCSS.shadowbox_controls %>.png) !important; background-position: 0 0; }
  40. </style>
  41. <% end %>
  42. <script type="text/javascript">
  43. $(function(){
  44. $(".albumBox").jFade({
  45. trigger: "mouseover",
  46. property: 'background',
  47. start: '<%= model.nonCSS.albumBox_color_ag %>',
  48. end: '<%= model.nonCSS.albumBox_color_onhover_ag %>',
  49. steps: 20,
  50. duration: 15
  51. }).jFade({
  52. trigger: "mouseout",
  53. property: 'background',
  54. start: '<%= model.nonCSS.albumBox_color_onhover_ag %>',
  55. end: '<%= model.nonCSS.albumBox_color_ag %>',
  56. steps: 20,
  57. duration: 15
  58. });
  59. });
  60. </script>
  61. <% if model.nonCSS.includeFooter then %>
  62. <script type="text/javascript">
  63. <!--
  64. function printViewportDimensions() {
  65. var viewportwidth = $(window).width();
  66. var viewportheight = window.innerHeight ? window.innerHeight : $(window).height();
  67. $('#wrapper').css('min-height', (viewportheight-<%= model.nonCSS.footerHeight %>) + 'px');
  68. }
  69. printViewportDimensions();
  70. $(function() {
  71. printViewportDimensions();
  72. $(window).resize(function()
  73. {
  74. printViewportDimensions();
  75. });
  76. });
  77. //-->
  78. </script>
  79. <% end %>
  80. <% if model.nonCSS.gridType == 'iconic' then %><% if model.nonCSS.captifyAnimation == 'never' then %><% else %>
  81. <script type="text/javascript">
  82. <!--
  83. $(function(){
  84. $('img.captify').captify({
  85. speedOver: 'fast',
  86. speedOut: 'normal',
  87. hideDelay: 500,
  88. animation: '<%= model.nonCSS.captifyAnimation %>',
  89. prefix: '',
  90. opacity: '0.7',
  91. className: 'caption-<%= model.nonCSS.captifyPosition %>',
  92. position: '<%= model.nonCSS.captifyPosition %>',
  93. spanWidth: '100%'
  94. });
  95. });
  96. //-->
  97. </script>
  98. <% end %><% end %>
  99. <style type="text/css">
  100. <% if mode == "preview" then %>#wrapper { min-height: 100%; }<% end %>
  101. #page_content {
  102. -moz-border-radius: <%= model.nonCSS.page_content_corners %>px;
  103. -webkit-border-radius: <%= model.nonCSS.page_content_corners %>px;
  104. }
  105. .albumBox<% if model.nonCSS.gridType == 'iconic' then %>, .albumBoxContent<% end %> {
  106. background-color: #<%= model.nonCSS.albumBox_color_ag %>;
  107. -moz-border-radius: <%= model.nonCSS.albumBoxCorners %>px;
  108. -webkit-border-radius: <%= model.nonCSS.albumBoxCorners %>px;
  109. }
  110. #inputfields {
  111. -moz-border-radius: <%= model.nonCSS.selectionInputCorners %>px;
  112. -webkit-border-radius: <%= model.nonCSS.selectionInputCorners %>px;
  113. }
  114. <% if model.nonCSS.gridType == 'iconic' then %>
  115. <% if model.nonCSS.captifyAnimation == 'never' then %>
  116. .albumBoxContent, img.captify {
  117. width: <%= math.floor( model.nonCSS.albumBoxWidth - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) %>px;
  118. height: <%= math.floor( model.nonCSS.albumBoxHeight - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) %>px;
  119. }
  120. .albumBoxContent {
  121. padding: 0 !important;
  122. }
  123. img.captify {
  124. opacity: 0; filter:alpha(opacity=0);
  125. }
  126. <% else %>
  127. .caption-top, .caption-bottom {
  128. color: <%= model.nonCSS.albumTitleColor %>;
  129. padding: 0.5em;
  130. font-weight: <%= model.appearance.albumTitle[ 'font-weight' ] %>;
  131. font-size: <%= model.nonCSS.albumTitle_fontsize %>px;
  132. font-family: <%= model.appearance.albumTitle[ 'font-family' ] %>;
  133. border: 0px solid <%= model.nonCSS.albumTitleBorderColor %>;
  134. background: <%= model.nonCSS.albumTitleBGColor %>;
  135. text-shadow: 1px 1px 0 <%= model.nonCSS.albumTitleShadowColor %>;
  136. }
  137. .caption-top {
  138. border-width: 0px 0px <%= model.nonCSS.albumTitle_border %>px 0px;
  139. }
  140. .caption-bottom {
  141. border-width: <%= model.nonCSS.albumTitle_border %>px 0px 0px 0px;
  142. }
  143. .caption a, .caption a {
  144. border: 0 none;
  145. text-decoration: none;
  146. background: #000000;
  147. padding: 0.3em;
  148. }
  149. .caption a:hover, .caption a:hover {
  150. background: #202020;
  151. }
  152. .albumBoxContent, img.captify {
  153. width: <%= math.floor( model.nonCSS.albumBoxWidth - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) %>px;
  154. height: <%= math.floor( model.nonCSS.albumBoxHeight - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) %>px;
  155. }
  156. .albumBoxContent {
  157. padding: 0 !important;
  158. }
  159. img.captify {
  160. opacity: 0; filter:alpha(opacity=0);
  161. }
  162. <% end %><% end %>
  163. </style>
  164. <% if mode == 'publish' then %>
  165. <!-- compliance patch for microsoft browsers -->
  166. <!--[if lt IE 8]>
  167. <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
  168. <![endif]-->
  169. <% end %>
  170. <% if mode == 'preview' then %>
  171. <script type="text/javascript">
  172. window.AgMode = "$mode";
  173. window.AgOnLoad = function() {
  174. tellLightroomWhatImagesWeAreUsing();
  175. setActiveImageSize( "<%= mySize %>" );
  176. <% if image then %>
  177. callCallback( "showInPhotoBin", "$image.imageID" );
  178. <% end %>
  179. }
  180. </script>
  181. <script type="text/javascript" src="$theRoot/resources_preview/js/live_update.js"></script>
  182. <% end %>
  183. <%= model.metadata.style.head %>
  184. <%if mode == "publish" then %>
  185. <%= model.metadata.script.head %>
  186. <% end %>
  187. </head>
  188. <body id="contact">
  189. <% --[[ Include the page header]] %>
  190. <%
  191. --[[ Define some variables to make locating other resources easier
  192. firstPage was defined in our manifest.]]
  193. local theRoot = "."
  194. %>
  195. <div id="wrapper">
  196. <% if model.nonCSS.idplateLocation == "header" then %>
  197. <div id="header_container">
  198. <div id="header"<% if model.nonCSS.fixHeaderWidth then %> style="width: <%= model.nonCSS.fixedHeaderWidth %>px !important;"<% end %>>
  199. <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>
  200. </div> <!-- /header -->
  201. </div>
  202. <div id="menu">
  203. <div id="menuContent"<% if model.nonCSS.fixHeaderWidth then %> style="width: <%= model.nonCSS.fixedHeaderWidth %>px !important;"<% end %>>
  204. <p style="margin-left: <%= model.nonCSS.menuPaddingLeft %>px !important; margin-right: <%= model.nonCSS.menuPaddingRight %>px !important;"><% if model.nonCSS.menuItem1 then %><a href="$model.metadata.menuItem1.link" id="metadata.menuItem1.value" style="padding-left: 0 !important;">$model.metadata.menuItem1.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem2 then %><a href="<% if mode == 'preview' then %>galleryindex.html<% else %>galleryindex.php<% end %>" id="metadata.menuItem2.value">$model.metadata.menuItem2.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem3 then %><a href="$model.metadata.menuItem3.link" id="metadata.menuItem3.value">$model.metadata.menuItem3.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem4 then %><a href="$model.metadata.menuItem4.link" id="metadata.menuItem4.value">$model.metadata.menuItem4.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem5 then %><a href="$model.metadata.menuItem5.link" id="metadata.menuItem5.value">$model.metadata.menuItem5.value</a> <%= model.metadata.menuDivider.value %> <% end %><%= model.metadata.customMenu.value %><a href="$model.metadata.contact.link" id="metadata.contact.value" style="padding-right: 0 !important;">$model.metadata.contact.value</a></p>
  205. </div>
  206. </div> <!-- /menu -->
  207. <% elseif model.nonCSS.idplateLocation == "menu" then %>
  208. <div id="header_container">
  209. <div id="header"<% if model.nonCSS.fixHeaderWidth then %> style="width: <%= model.nonCSS.fixedHeaderWidth %>px !important;"<% end %>>
  210. </div> <!-- /header -->
  211. </div>
  212. <div id="menu">
  213. <div id="menuContent" <% if model.nonCSS.idplate then %>
  214. 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 %>>
  215. <p style="margin-left: <%= model.nonCSS.menuPaddingLeft %>px !important; margin-right: <%= model.nonCSS.menuPaddingRight %>px !important;"><% if model.nonCSS.menuItem1 then %><a href="$model.metadata.menuItem1.link" id="metadata.menuItem1.value" style="padding-left: 0 !important;">$model.metadata.menuItem1.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem2 then %><a href="<% if mode == 'preview' then %>galleryindex.html<% else %>galleryindex.php<% end %>" id="metadata.menuItem2.value">$model.metadata.menuItem2.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem3 then %><a href="$model.metadata.menuItem3.link" id="metadata.menuItem3.value">$model.metadata.menuItem3.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem4 then %><a href="$model.metadata.menuItem4.link" id="metadata.menuItem4.value">$model.metadata.menuItem4.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem5 then %><a href="$model.metadata.menuItem5.link" id="metadata.menuItem5.value">$model.metadata.menuItem5.value</a> <%= model.metadata.menuDivider.value %> <% end %><%= model.metadata.customMenu.value %><a href="$model.metadata.contact.link" id="metadata.contact.value" style="padding-right: 0 !important;">$model.metadata.contact.value</a></p>
  216. </div>
  217. </div> <!-- /menu -->
  218. <% elseif model.nonCSS.idplateLocation == "beneath" then %>
  219. <div id="menu" style="margin-bottom: 0 !important;">
  220. <div id="menuContent"<% if model.nonCSS.fixHeaderWidth then %> style="width: <%= model.nonCSS.fixedHeaderWidth %>px !important;"<% end %>>
  221. <p style="margin-left: <%= model.nonCSS.menuPaddingLeft %>px !important; margin-right: <%= model.nonCSS.menuPaddingRight %>px !important;"><% if model.nonCSS.menuItem1 then %><a href="$model.metadata.menuItem1.link" id="metadata.menuItem1.value" style="padding-left: 0 !important;">$model.metadata.menuItem1.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem2 then %><a href="<% if mode == 'preview' then %>galleryindex.html<% else %>galleryindex.php<% end %>" id="metadata.menuItem2.value">$model.metadata.menuItem2.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem3 then %><a href="$model.metadata.menuItem3.link" id="metadata.menuItem3.value">$model.metadata.menuItem3.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem4 then %><a href="$model.metadata.menuItem4.link" id="metadata.menuItem4.value">$model.metadata.menuItem4.value</a> <%= model.metadata.menuDivider.value %> <% end %><% if model.nonCSS.menuItem5 then %><a href="$model.metadata.menuItem5.link" id="metadata.menuItem5.value">$model.metadata.menuItem5.value</a> <%= model.metadata.menuDivider.value %> <% end %><%= model.metadata.customMenu.value %><a href="$model.metadata.contact.link" id="metadata.contact.value" style="padding-right: 0 !important;">$model.metadata.contact.value</a></p>
  222. </div>
  223. </div> <!-- /menu -->
  224. <div id="header_container">
  225. <div id="header"<% if model.nonCSS.fixHeaderWidth then %> style="width: <%= model.nonCSS.fixedHeaderWidth %>px !important;"<% end %>>
  226. <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>
  227. </div> <!-- /header -->
  228. </div>
  229. <% end %>
  230. <div id="gallery">
  231. <% if model.nonCSS.contactConfiguration == "imageleftcopyright" then %>
  232. <div id="page_content" class="contact">
  233. <img src="photos/<%= getImage(3).exportFilename %>.jpg" class="page_img" width="<%= getImage(3).renditions.photos.width %>" height="<%= getImage(3).renditions.photos.height %>" alt="<%= getImage(3).metadata.alt %>" style="float:left;" />
  234. <div class="copy" style="float:right; width: <%= math.floor( model.nonCSS.contactWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - ( ( model.nonCSS.imagePadding + model.nonCSS.imageBorderWidth ) * 2 ) - getImage(3).renditions.photos.width ) %>px;">
  235. <% if model.nonCSS.includeContactHeading1 then %><h2 id="metadata.contactHeading1.value" class="first heading heading_contact"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactHeading1.value');"<% end %>>$model.metadata.contactHeading1.value</h2><% end %>
  236. <% if model.nonCSS.includeContactParagraph1 then %><p id="nonCSS.contactParagraph1.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactParagraph1.value');"<% end %>>$model.metadata.contactParagraph1.value</p><% end %>
  237. <% if model.nonCSS.includeContactHeading2 then %><h2 id="metadata.contactHeading2.value" class="subsequent heading heading_contact"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactHeading2.value');"<% end %>>$model.metadata.contactHeading2.value</h2><% end %>
  238. <% if model.nonCSS.includeContactParagraph2 then %><p id="nonCSS.contactParagraph2.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactParagraph2.value');"<% end %>>$model.metadata.contactParagraph2.value</p><% end %>
  239. <% if model.nonCSS.contactForm then %>
  240. <% if model.nonCSS.formtoemail_remote then %><form action="http://formtoemailremote.com/user_forms.php" method="post"><% else %><form action="$theRoot/resources/FormToEmail.php" method="post"><% end %>
  241. <div id="inputfields">
  242. <fieldset>
  243. <input name="galleryTitle" type="hidden" value="$model.metadata.htmlTitle.value" size="30" />
  244. <% if model.nonCSS.formtoemail_remote then %>
  245. <input type="hidden" name="user_id" value="<%= model.nonCSS.formtoemail_userid %>">
  246. <input type="hidden" name="form_id" value="<%= model.nonCSS.formtoemail_formid %>">
  247. <% end %>
  248. <p style="margin-top:0 !important;"><label for="field1"><%= model.nonCSS.selectionName %></label>
  249. <input id="field1" class="gather" name="name" type="text" size="30" tabindex="1" /></p>
  250. <p><label for="field2"><%= model.nonCSS.selectionEmail %></label>
  251. <input id="field2" class="gather" name="email" type="text" size="30" tabindex="2" /></p>
  252. <% if model.nonCSS.selectionTel_check then %>
  253. <p><label for="field3"><%= model.nonCSS.selectionTel %></label>
  254. <input id="field3" class="gather" name="<%= model.nonCSS.selectionTel %>" type="text" size="30" tabindex="3" /></p><% end %>
  255. <% if model.nonCSS.selectionURL_check then %>
  256. <p><label for="field4"><%= model.nonCSS.selectionURL %></label>
  257. <input id="field4" class="gather" name="<%= model.nonCSS.selectionURL %>" type="text" size="30" tabindex="4" /></p><% end %>
  258. <p><label><%= model.nonCSS.selectionComments %></label>
  259. <textarea name="<%= model.nonCSS.selectionComments %>" id="comments" tabindex="5" rows="1" cols="1"></textarea></p>
  260. <p class="submitbutton" style="margin-bottom:0 !important;"><input type="submit" class="submit" value="<%= model.nonCSS.selectionSubmit %>" /></p>
  261. </fieldset>
  262. </div>
  263. </form>
  264. <script type="text/javascript">
  265. var field1 = new LiveValidation( 'field1', {onlyOnSubmit: true } );
  266. field1.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );
  267. var field2 = new LiveValidation( 'field2', {onlyOnSubmit: true } );
  268. field2.add( Validate.Email, { failureMessage: "<%= model.nonCSS.emailWarning %>" } );
  269. field2.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );
  270. <% if model.nonCSS.selectionTel_check then %>
  271. var field3 = new LiveValidation( 'field3', {onlyOnSubmit: true } );
  272. field3.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );<% end %>
  273. </script>
  274. <% end %>
  275. </div>
  276. <div class="clear"></div>
  277. </div> <!-- /page_content home -->
  278. <% elseif model.nonCSS.contactConfiguration == "copyleftimageright" then %>
  279. <div id="page_content" class="contact">
  280. <img src="photos/<%= getImage(3).exportFilename %>.jpg" class="page_img" width="<%= getImage(3).renditions.photos.width %>" height="<%= getImage(3).renditions.photos.height %>" alt="<%= getImage(3).metadata.alt %>" style="float:right;" />
  281. <div class="copy" style="float:left; width: <%= math.floor( model.nonCSS.contactWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - ( ( model.nonCSS.imagePadding + model.nonCSS.imageBorderWidth ) * 2 ) - getImage(3).renditions.photos.width ) %>px;">
  282. <% if model.nonCSS.includeContactHeading1 then %><h2 id="metadata.contactHeading1.value" class="first heading heading_contact"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactHeading1.value');"<% end %>>$model.metadata.contactHeading1.value</h2><% end %>
  283. <% if model.nonCSS.includeContactParagraph1 then %><p id="nonCSS.contactParagraph1.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactParagraph1.value');"<% end %>>$model.metadata.contactParagraph1.value</p><% end %>
  284. <% if model.nonCSS.includeContactHeading2 then %><h2 id="metadata.contactHeading2.value" class="subsequent heading heading_contact"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactHeading2.value');"<% end %>>$model.metadata.contactHeading2.value</h2><% end %>
  285. <% if model.nonCSS.includeContactParagraph2 then %><p id="nonCSS.contactParagraph2.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactParagraph2.value');"<% end %>>$model.metadata.contactParagraph2.value</p><% end %>
  286. <% if model.nonCSS.contactForm then %>
  287. <% if model.nonCSS.formtoemail_remote then %><form action="http://formtoemailremote.com/user_forms.php" method="post"><% else %><form action="$theRoot/resources/FormToEmail.php" method="post"><% end %>
  288. <div id="inputfields">
  289. <fieldset>
  290. <input name="galleryTitle" type="hidden" value="$model.metadata.htmlTitle.value" size="30" />
  291. <% if model.nonCSS.formtoemail_remote then %>
  292. <input type="hidden" name="user_id" value="<%= model.nonCSS.formtoemail_userid %>">
  293. <input type="hidden" name="form_id" value="<%= model.nonCSS.formtoemail_formid %>">
  294. <% end %>
  295. <p style="margin-top:0 !important;"><label for="field1"><%= model.nonCSS.selectionName %></label>
  296. <input id="field1" class="gather" name="name" type="text" size="30" tabindex="1" /></p>
  297. <p><label for="field2"><%= model.nonCSS.selectionEmail %></label>
  298. <input id="field2" class="gather" name="email" type="text" size="30" tabindex="2" /></p>
  299. <% if model.nonCSS.selectionTel_check then %>
  300. <p><label for="field3"><%= model.nonCSS.selectionTel %></label>
  301. <input id="field3" class="gather" name="<%= model.nonCSS.selectionTel %>" type="text" size="30" tabindex="3" /></p><% end %>
  302. <% if model.nonCSS.selectionURL_check then %>
  303. <p><label for="field4"><%= model.nonCSS.selectionURL %></label>
  304. <input id="field4" class="gather" name="<%= model.nonCSS.selectionURL %>" type="text" size="30" tabindex="4" /></p><% end %>
  305. <p><label><%= model.nonCSS.selectionComments %></label>
  306. <textarea name="<%= model.nonCSS.selectionComments %>" id="comments" tabindex="5" rows="1" cols="1"></textarea></p>
  307. <p class="submitbutton" style="margin-bottom:0 !important;"><input type="submit" class="submit" value="<%= model.nonCSS.selectionSubmit %>" /></p>
  308. </fieldset>
  309. </div>
  310. </form>
  311. <script type="text/javascript">
  312. var field1 = new LiveValidation( 'field1', {onlyOnSubmit: true } );
  313. field1.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );
  314. var field2 = new LiveValidation( 'field2', {onlyOnSubmit: true } );
  315. field2.add( Validate.Email, { failureMessage: "<%= model.nonCSS.emailWarning %>" } );
  316. field2.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );
  317. <% if model.nonCSS.selectionTel_check then %>
  318. var field3 = new LiveValidation( 'field3', {onlyOnSubmit: true } );
  319. field3.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );<% end %>
  320. </script>
  321. <% end %>
  322. </div>
  323. <div class="clear"></div>
  324. </div> <!-- /page_content home -->
  325. <% elseif model.nonCSS.contactConfiguration == "imageupcopydown" then %>
  326. <div id="page_content" class="contact">
  327. <img src="photos/<%= getImage(3).exportFilename %>.jpg" class="page_img" width="<%= getImage(3).renditions.photos.width %>" height="<%= getImage(3).renditions.photos.height %>" alt="<%= getImage(3).metadata.alt %>" style="margin: 0 0 20px 0 !important;" />
  328. <div class="copy" style="width: <%= math.floor( model.nonCSS.contactWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) %>px;">
  329. <% if model.nonCSS.includeContactHeading1 then %><h2 id="metadata.contactHeading1.value" class="first heading heading_contact"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactHeading1.value');"<% end %>>$model.metadata.contactHeading1.value</h2><% end %>
  330. <% if model.nonCSS.includeContactParagraph1 then %><p id="nonCSS.contactParagraph1.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactParagraph1.value');"<% end %>>$model.metadata.contactParagraph1.value</p><% end %>
  331. <% if model.nonCSS.includeContactHeading2 then %><h2 id="metadata.contactHeading2.value" class="subsequent heading heading_contact"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactHeading2.value');"<% end %>>$model.metadata.contactHeading2.value</h2><% end %>
  332. <% if model.nonCSS.includeContactParagraph2 then %><p id="nonCSS.contactParagraph2.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactParagraph2.value');"<% end %>>$model.metadata.contactParagraph2.value</p><% end %>
  333. <% if model.nonCSS.contactForm then %>
  334. <% if model.nonCSS.formtoemail_remote then %><form action="http://formtoemailremote.com/user_forms.php" method="post"><% else %><form action="$theRoot/resources/FormToEmail.php" method="post"><% end %>
  335. <div id="inputfields">
  336. <fieldset>
  337. <input name="galleryTitle" type="hidden" value="$model.metadata.htmlTitle.value" size="30" />
  338. <% if model.nonCSS.formtoemail_remote then %>
  339. <input type="hidden" name="user_id" value="<%= model.nonCSS.formtoemail_userid %>">
  340. <input type="hidden" name="form_id" value="<%= model.nonCSS.formtoemail_formid %>">
  341. <% end %>
  342. <p style="margin-top:0 !important;"><label for="field1"><%= model.nonCSS.selectionName %></label>
  343. <input id="field1" class="gather" name="name" type="text" size="30" tabindex="1" /></p>
  344. <p><label for="field2"><%= model.nonCSS.selectionEmail %></label>
  345. <input id="field2" class="gather" name="email" type="text" size="30" tabindex="2" /></p>
  346. <% if model.nonCSS.selectionTel_check then %>
  347. <p><label for="field3"><%= model.nonCSS.selectionTel %></label>
  348. <input id="field3" class="gather" name="<%= model.nonCSS.selectionTel %>" type="text" size="30" tabindex="3" /></p><% end %>
  349. <% if model.nonCSS.selectionURL_check then %>
  350. <p><label for="field4"><%= model.nonCSS.selectionURL %></label>
  351. <input id="field4" class="gather" name="<%= model.nonCSS.selectionURL %>" type="text" size="30" tabindex="4" /></p><% end %>
  352. <p><label><%= model.nonCSS.selectionComments %></label>
  353. <textarea name="<%= model.nonCSS.selectionComments %>" id="comments" tabindex="5" rows="1" cols="1"></textarea></p>
  354. <p class="submitbutton" style="margin-bottom:0 !important;"><input type="submit" class="submit" value="<%= model.nonCSS.selectionSubmit %>" /></p>
  355. </fieldset>
  356. </div>
  357. </form>
  358. <script type="text/javascript">
  359. var field1 = new LiveValidation( 'field1', {onlyOnSubmit: true } );
  360. field1.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );
  361. var field2 = new LiveValidation( 'field2', {onlyOnSubmit: true } );
  362. field2.add( Validate.Email, { failureMessage: "<%= model.nonCSS.emailWarning %>" } );
  363. field2.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );
  364. <% if model.nonCSS.selectionTel_check then %>
  365. var field3 = new LiveValidation( 'field3', {onlyOnSubmit: true } );
  366. field3.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );<% end %>
  367. </script>
  368. <% end %>
  369. </div>
  370. <div class="clear"></div>
  371. </div> <!-- /page_content home -->
  372. <% elseif model.nonCSS.contactConfiguration == "copyupimagedown" then %>
  373. <div id="page_content" class="contact">
  374. <div class="copy" style="width: <%= math.floor( model.nonCSS.contactWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) %>px;">
  375. <% if model.nonCSS.includeContactHeading1 then %><h2 id="metadata.contactHeading1.value" class="first heading heading_contact"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactHeading1.value');"<% end %>>$model.metadata.contactHeading1.value</h2><% end %>
  376. <% if model.nonCSS.includeContactParagraph1 then %><p id="nonCSS.contactParagraph1.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactParagraph1.value');"<% end %>>$model.metadata.contactParagraph1.value</p><% end %>
  377. <% if model.nonCSS.includeContactHeading2 then %><h2 id="metadata.contactHeading2.value" class="subsequent heading heading_contact"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactHeading2.value');"<% end %>>$model.metadata.contactHeading2.value</h2><% end %>
  378. <% if model.nonCSS.includeContactParagraph2 then %><p id="nonCSS.contactParagraph2.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactParagraph2.value');"<% end %>>$model.metadata.contactParagraph2.value</p><% end %>
  379. <% if model.nonCSS.contactForm then %>
  380. <% if model.nonCSS.formtoemail_remote then %><form action="http://formtoemailremote.com/user_forms.php" method="post"><% else %><form action="$theRoot/resources/FormToEmail.php" method="post"><% end %>
  381. <div id="inputfields">
  382. <fieldset>
  383. <input name="galleryTitle" type="hidden" value="$model.metadata.htmlTitle.value" size="30" />
  384. <% if model.nonCSS.formtoemail_remote then %>
  385. <input type="hidden" name="user_id" value="<%= model.nonCSS.formtoemail_userid %>">
  386. <input type="hidden" name="form_id" value="<%= model.nonCSS.formtoemail_formid %>">
  387. <% end %>
  388. <p style="margin-top:0 !important;"><label for="field1"><%= model.nonCSS.selectionName %></label>
  389. <input id="field1" class="gather" name="name" type="text" size="30" tabindex="1" /></p>
  390. <p><label for="field2"><%= model.nonCSS.selectionEmail %></label>
  391. <input id="field2" class="gather" name="email" type="text" size="30" tabindex="2" /></p>
  392. <% if model.nonCSS.selectionTel_check then %>
  393. <p><label for="field3"><%= model.nonCSS.selectionTel %></label>
  394. <input id="field3" class="gather" name="<%= model.nonCSS.selectionTel %>" type="text" size="30" tabindex="3" /></p><% end %>
  395. <% if model.nonCSS.selectionURL_check then %>
  396. <p><label for="field4"><%= model.nonCSS.selectionURL %></label>
  397. <input id="field4" class="gather" name="<%= model.nonCSS.selectionURL %>" type="text" size="30" tabindex="4" /></p><% end %>
  398. <p><label><%= model.nonCSS.selectionComments %></label>
  399. <textarea name="<%= model.nonCSS.selectionComments %>" id="comments" tabindex="5" rows="1" cols="1"></textarea></p>
  400. <p class="submitbutton" style="margin-bottom:0 !important;"><input type="submit" class="submit" value="<%= model.nonCSS.selectionSubmit %>" /></p>
  401. </fieldset>
  402. </div>
  403. </form>
  404. <script type="text/javascript">
  405. var field1 = new LiveValidation( 'field1', {onlyOnSubmit: true } );
  406. field1.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );
  407. var field2 = new LiveValidation( 'field2', {onlyOnSubmit: true } );
  408. field2.add( Validate.Email, { failureMessage: "<%= model.nonCSS.emailWarning %>" } );
  409. field2.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );
  410. <% if model.nonCSS.selectionTel_check then %>
  411. var field3 = new LiveValidation( 'field3', {onlyOnSubmit: true } );
  412. field3.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );<% end %>
  413. </script>
  414. <% end %>
  415. </div>
  416. <img src="photos/<%= getImage(3).exportFilename %>.jpg" class="page_img" width="<%= getImage(3).renditions.photos.width %>" height="<%= getImage(3).renditions.photos.height %>" alt="<%= getImage(3).metadata.alt %>" />
  417. <div class="clear"></div>
  418. </div> <!-- /page_content home -->
  419. <% elseif model.nonCSS.contactConfiguration == "noimagecopycenter" then %>
  420. <div id="page_content" class="contact">
  421. <div class="copy" style="width: <%= math.floor( model.nonCSS.contactWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) %>px;">
  422. <% if model.nonCSS.includeContactHeading1 then %><h2 id="metadata.contactHeading1.value" class="first heading heading_contact"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactHeading1.value');"<% end %>>$model.metadata.contactHeading1.value</h2><% end %>
  423. <% if model.nonCSS.includeContactParagraph1 then %><p id="nonCSS.contactParagraph1.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactParagraph1.value');"<% end %>>$model.metadata.contactParagraph1.value</p><% end %>
  424. <% if model.nonCSS.includeContactHeading2 then %><h2 id="metadata.contactHeading2.value" class="subsequent heading heading_contact"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactHeading2.value');"<% end %>>$model.metadata.contactHeading2.value</h2><% end %>
  425. <% if model.nonCSS.includeContactParagraph2 then %><p id="nonCSS.contactParagraph2.value"<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.contactParagraph2.value');"<% end %>>$model.metadata.contactParagraph2.value</p><% end %>
  426. <% if model.nonCSS.contactForm then %>
  427. <% if model.nonCSS.formtoemail_remote then %><form action="http://formtoemailremote.com/user_forms.php" method="post"><% else %><form action="$theRoot/resources/FormToEmail.php" method="post"><% end %>
  428. <div id="inputfields">
  429. <fieldset>
  430. <input name="galleryTitle" type="hidden" value="$model.metadata.htmlTitle.value" size="30" />
  431. <% if model.nonCSS.formtoemail_remote then %>
  432. <input type="hidden" name="user_id" value="<%= model.nonCSS.formtoemail_userid %>">
  433. <input type="hidden" name="form_id" value="<%= model.nonCSS.formtoemail_formid %>">
  434. <% end %>
  435. <p style="margin-top:0 !important;"><label for="field1"><%= model.nonCSS.selectionName %></label>
  436. <input id="field1" class="gather" name="name" type="text" size="30" tabindex="1" /></p>
  437. <p><label for="field2"><%= model.nonCSS.selectionEmail %></label>
  438. <input id="field2" class="gather" name="email" type="text" size="30" tabindex="2" /></p>
  439. <% if model.nonCSS.selectionTel_check then %>
  440. <p><label for="field3"><%= model.nonCSS.selectionTel %></label>
  441. <input id="field3" class="gather" name="<%= model.nonCSS.selectionTel %>" type="text" size="30" tabindex="3" /></p><% end %>
  442. <% if model.nonCSS.selectionURL_check then %>
  443. <p><label for="field4"><%= model.nonCSS.selectionURL %></label>
  444. <input id="field4" class="gather" name="<%= model.nonCSS.selectionURL %>" type="text" size="30" tabindex="4" /></p><% end %>
  445. <p><label><%= model.nonCSS.selectionComments %></label>
  446. <textarea name="<%= model.nonCSS.selectionComments %>" id="comments" tabindex="5" rows="1" cols="1"></textarea></p>
  447. <p class="submitbutton" style="margin-bottom:0 !important;"><input type="submit" class="submit" value="<%= model.nonCSS.selectionSubmit %>" /></p>
  448. </fieldset>
  449. </div>
  450. </form>
  451. <script type="text/javascript">
  452. var field1 = new LiveValidation( 'field1', {onlyOnSubmit: true } );
  453. field1.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );
  454. var field2 = new LiveValidation( 'field2', {onlyOnSubmit: true } );
  455. field2.add( Validate.Email, { failureMessage: "<%= model.nonCSS.emailWarning %>" } );
  456. field2.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );
  457. <% if model.nonCSS.selectionTel_check then %>
  458. var field3 = new LiveValidation( 'field3', {onlyOnSubmit: true } );
  459. field3.add( Validate.Presence, { failureMessage: "<%= model.nonCSS.selectionWarning %>" } );<% end %>
  460. </script>
  461. <% end %>
  462. </div>
  463. <div class="clear"></div>
  464. </div> <!-- /page_content home -->
  465. <% end %>
  466. </div> <!-- /gallery -->
  467. <% --[[ Include the page footer ]] %>
  468. <% if model.nonCSS.includeFooter then %>
  469. <div id="footer"<% if model.nonCSS.transparentBackground then %> style="background-color: transparent !important;"<% end %>>
  470. <div id="footer_content">
  471. <% 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 %>
  472. <p<% if mode == "preview" then %> onclick="clickTarget (this, 'metadata.footer.text');"<% end %> class="footer_text">$model.metadata.footer.text
  473. <% 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 %>
  474. </p>
  475. </div>
  476. </div>
  477. <% end %>
  478. </div> <!-- /wrapper -->
  479. <% if mode == 'publish' then %>
  480. <%= model.metadata.script.footer %>
  481. <% if model.nonCSS.googleAnalytics then %>
  482. <script type="text/javascript">
  483. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  484. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  485. </script>
  486. <script type="text/javascript">
  487. try {
  488. var pageTracker = _gat._getTracker("<%= model.metadata.googleAnalytics.id %>");
  489. pageTracker._trackPageview();
  490. } catch(err) {}</script>
  491. <% end %>
  492. <% end %>
  493. <script src="$theRoot/resources/js/jquery.elastic-1.6.js" type="text/javascript" charset="utf-8"></script>
  494. <script type="text/javascript">
  495. $(document).ready(function(){
  496. $('textarea').elastic();
  497. });
  498. </script>
  499. </body>
  500. </html>
  1. --[[ Include the page head]] write( [[
  2. ]] )
  3. --[[ Define some variables to make locating other resources easier
  4. firstPage was defined in our manifest.]]
  5. local theRoot = "."
  6. write( [[
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="]] )write( model.metadata.html.dir )write( [[">
  9. <head>
  10. <meta http-equiv="content-type" content="text/html; charset=]] )write( model.nonCSS.charset )write( [[" />
  11. ]] ) if model.nonCSS.metaTags then write( [[<meta name="author" content="]] )write( model.metadata.metaAuthor.value )write( [[" />
  12. <meta name="description" content="]] )write( model.metadata.metaDescription.value )write( [[" />
  13. <meta name="keywords" content="]] )write( model.metadata.metaKeywords.value )write( [[" />
  14. <meta name="generator" content="Adobe Photoshop Lightroom, TTG LR Pages" />]] ) end write( [[
  15. <title>]] )write( model.metadata.htmlTitle.value )write( [[</title>
  16. <link rel="shortcut icon" type="image/ico" href="]] )write( theRoot )write( [[/resources/images/favicon.ico" />
  17. <link rel="stylesheet" type="text/css" media="screen" href="]] )write( theRoot )write( [[/resources/css/gallery.css" />
  18. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/swfobject.js"></script>
  19. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/livevalidation.js"></script>
  20. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/jquery-1.4.1.min.js"></script>
  21. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/jquery.jfade.1.0.min.js"></script>
  22. ]] ) if model.nonCSS.gridType == 'iconic' then if model.nonCSS.captifyAnimation == 'never' then else write( [[<script type="text/javascript" src="]] )write( theRoot )write( [[/resources/js/captify.tiny.js"></script>]] ) end end write( [[
  23. ]] ) if model.nonCSS.indexAction == 'shadowbox' then write( [[
  24. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/shadowbox/shadowbox.js"></script>
  25. <script type="text/javascript">
  26. var options = {
  27. overlayColor: ']] )write( model.nonCSS.shadowboxOverlayWebColor )write( [[',
  28. overlayOpacity: 0.]] )write( model.nonCSS.shadowboxOverlayOpacity )write( [[,
  29. players: ]] .. "[" .. [['img','swf','flv','qt','wmp','iframe','html']] .. "]" .. [[
  30. };
  31. Shadowbox.init(options);
  32. </script>
  33. <link rel="stylesheet" type="text/css" media="screen" href="]] )write( theRoot )write( [[/resources/shadowbox/shadowbox.css" />
  34. <style type="text/css">
  35. #sb-nav-close { background-image:url(]] )write( theRoot )write( [[/resources/images/]] )write( model.nonCSS.shadowbox_controls )write( [[.png) !important; background-position: -64px 0; }
  36. #sb-nav-next { background-image:url(]] )write( theRoot )write( [[/resources/images/]] )write( model.nonCSS.shadowbox_controls )write( [[.png) !important; background-position: -32px 0; }
  37. #sb-nav-previous { background-image:url(]] )write( theRoot )write( [[/resources/images/]] )write( model.nonCSS.shadowbox_controls )write( [[.png) !important; background-position: -48px 0; }
  38. #sb-nav-play { background-image:url(]] )write( theRoot )write( [[/resources/images/]] )write( model.nonCSS.shadowbox_controls )write( [[.png) !important; background-position: -16px 0; }
  39. #sb-nav-pause { background-image:url(]] )write( theRoot )write( [[/resources/images/]] )write( model.nonCSS.shadowbox_controls )write( [[.png) !important; background-position: 0 0; }
  40. </style>
  41. ]] ) end write( [[
  42. <script type="text/javascript">
  43. $(function(){
  44. $(".albumBox").jFade({
  45. trigger: "mouseover",
  46. property: 'background',
  47. start: ']] )write( model.nonCSS.albumBox_color_ag )write( [[',
  48. end: ']] )write( model.nonCSS.albumBox_color_onhover_ag )write( [[',
  49. steps: 20,
  50. duration: 15
  51. }).jFade({
  52. trigger: "mouseout",
  53. property: 'background',
  54. start: ']] )write( model.nonCSS.albumBox_color_onhover_ag )write( [[',
  55. end: ']] )write( model.nonCSS.albumBox_color_ag )write( [[',
  56. steps: 20,
  57. duration: 15
  58. });
  59. });
  60. </script>
  61. ]] ) if model.nonCSS.includeFooter then write( [[
  62. <script type="text/javascript">
  63. <!--
  64. function printViewportDimensions() {
  65. var viewportwidth = $(window).width();
  66. var viewportheight = window.innerHeight ? window.innerHeight : $(window).height();
  67. $('#wrapper').css('min-height', (viewportheight-]] )write( model.nonCSS.footerHeight )write( [[) + 'px');
  68. }
  69. printViewportDimensions();
  70. $(function() {
  71. printViewportDimensions();
  72. $(window).resize(function()
  73. {
  74. printViewportDimensions();
  75. });
  76. });
  77. //-->
  78. </script>
  79. ]] ) end write( [[
  80. ]] ) if model.nonCSS.gridType == 'iconic' then if model.nonCSS.captifyAnimation == 'never' then else write( [[
  81. <script type="text/javascript">
  82. <!--
  83. $(function(){
  84. $('img.captify').captify({
  85. speedOver: 'fast',
  86. speedOut: 'normal',
  87. hideDelay: 500,
  88. animation: ']] )write( model.nonCSS.captifyAnimation )write( [[',
  89. prefix: '',
  90. opacity: '0.7',
  91. className: 'caption-]] )write( model.nonCSS.captifyPosition )write( [[',
  92. position: ']] )write( model.nonCSS.captifyPosition )write( [[',
  93. spanWidth: '100%'
  94. });
  95. });
  96. //-->
  97. </script>
  98. ]] ) end end write( [[
  99. <style type="text/css">
  100. ]] ) if mode == "preview" then write( [[#wrapper { min-height: 100%; }]] ) end write( [[
  101. #page_content {
  102. -moz-border-radius: ]] )write( model.nonCSS.page_content_corners )write( [[px;
  103. -webkit-border-radius: ]] )write( model.nonCSS.page_content_corners )write( [[px;
  104. }
  105. .albumBox]] ) if model.nonCSS.gridType == 'iconic' then write( [[, .albumBoxContent]] ) end write( [[ {
  106. background-color: #]] )write( model.nonCSS.albumBox_color_ag )write( [[;
  107. -moz-border-radius: ]] )write( model.nonCSS.albumBoxCorners )write( [[px;
  108. -webkit-border-radius: ]] )write( model.nonCSS.albumBoxCorners )write( [[px;
  109. }
  110. #inputfields {
  111. -moz-border-radius: ]] )write( model.nonCSS.selectionInputCorners )write( [[px;
  112. -webkit-border-radius: ]] )write( model.nonCSS.selectionInputCorners )write( [[px;
  113. }
  114. ]] ) if model.nonCSS.gridType == 'iconic' then write( [[
  115. ]] ) if model.nonCSS.captifyAnimation == 'never' then write( [[
  116. .albumBoxContent, img.captify {
  117. width: ]] )write( math.floor( model.nonCSS.albumBoxWidth - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) )write( [[px;
  118. height: ]] )write( math.floor( model.nonCSS.albumBoxHeight - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) )write( [[px;
  119. }
  120. .albumBoxContent {
  121. padding: 0 !important;
  122. }
  123. img.captify {
  124. opacity: 0; filter:alpha(opacity=0);
  125. }
  126. ]] ) else write( [[
  127. .caption-top, .caption-bottom {
  128. color: ]] )write( model.nonCSS.albumTitleColor )write( [[;
  129. padding: 0.5em;
  130. font-weight: ]] )write( model.appearance.albumTitle[ 'font-weight' ] )write( [[;
  131. font-size: ]] )write( model.nonCSS.albumTitle_fontsize )write( [[px;
  132. font-family: ]] )write( model.appearance.albumTitle[ 'font-family' ] )write( [[;
  133. border: 0px solid ]] )write( model.nonCSS.albumTitleBorderColor )write( [[;
  134. background: ]] )write( model.nonCSS.albumTitleBGColor )write( [[;
  135. text-shadow: 1px 1px 0 ]] )write( model.nonCSS.albumTitleShadowColor )write( [[;
  136. }
  137. .caption-top {
  138. border-width: 0px 0px ]] )write( model.nonCSS.albumTitle_border )write( [[px 0px;
  139. }
  140. .caption-bottom {
  141. border-width: ]] )write( model.nonCSS.albumTitle_border )write( [[px 0px 0px 0px;
  142. }
  143. .caption a, .caption a {
  144. border: 0 none;
  145. text-decoration: none;
  146. background: #000000;
  147. padding: 0.3em;
  148. }
  149. .caption a:hover, .caption a:hover {
  150. background: #202020;
  151. }
  152. .albumBoxContent, img.captify {
  153. width: ]] )write( math.floor( model.nonCSS.albumBoxWidth - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) )write( [[px;
  154. height: ]] )write( math.floor( model.nonCSS.albumBoxHeight - ( model.nonCSS.albumBoxBorderWidth * 2 ) ) )write( [[px;
  155. }
  156. .albumBoxContent {
  157. padding: 0 !important;
  158. }
  159. img.captify {
  160. opacity: 0; filter:alpha(opacity=0);
  161. }
  162. ]] ) end end write( [[
  163. </style>
  164. ]] ) if mode == 'publish' then write( [[
  165. <!-- compliance patch for microsoft browsers -->
  166. <!--]] .. "[" .. [[if lt IE 8]] .. "]" .. [[>
  167. <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
  168. <!]] .. "[" .. [[endif]] .. "]" .. [[-->
  169. ]] ) end write( [[
  170. ]] ) if mode == 'preview' then write( [[
  171. <script type="text/javascript">
  172. window.AgMode = "]] )write( mode )write( [[";
  173. window.AgOnLoad = function() {
  174. tellLightroomWhatImagesWeAreUsing();
  175. setActiveImageSize( "]] )write( mySize )write( [[" );
  176. ]] ) if image then write( [[
  177. callCallback( "showInPhotoBin", "]] )write( image.imageID )write( [[" );
  178. ]] ) end write( [[
  179. }
  180. </script>
  181. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources_preview/js/live_update.js"></script>
  182. ]] ) end write( [[
  183. ]] )write( model.metadata.style.head )write( [[
  184. ]] ) if mode == "publish" then write( [[
  185. ]] )write( model.metadata.script.head )write( [[
  186. ]] ) end write( [[
  187. </head>
  188. <body id="contact">
  189. ]] ) --[[ Include the page header]] write( [[
  190. ]] )
  191. --[[ Define some variables to make locating other resources easier
  192. firstPage was defined in our manifest.]]
  193. local theRoot = "."
  194. write( [[
  195. <div id="wrapper">
  196. ]] ) if model.nonCSS.idplateLocation == "header" then write( [[
  197. <div id="header_container">
  198. <div id="header"]] ) if model.nonCSS.fixHeaderWidth then write( [[ style="width: ]] )write( model.nonCSS.fixedHeaderWidth )write( [[px !important;"]] ) end write( [[>
  199. <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>
  200. </div> <!-- /header -->
  201. </div>
  202. <div id="menu">
  203. <div id="menuContent"]] ) if model.nonCSS.fixHeaderWidth then write( [[ style="width: ]] )write( model.nonCSS.fixedHeaderWidth )write( [[px !important;"]] ) end write( [[>
  204. <p style="margin-left: ]] )write( model.nonCSS.menuPaddingLeft )write( [[px !important; margin-right: ]] )write( model.nonCSS.menuPaddingRight )write( [[px !important;">]] ) if model.nonCSS.menuItem1 then write( [[<a href="]] )write( model.metadata.menuItem1.link )write( [[" id="metadata.menuItem1.value" style="padding-left: 0 !important;">]] )write( model.metadata.menuItem1.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem2 then write( [[<a href="]] ) if mode == 'preview' then write( [[galleryindex.html]] ) else write( [[galleryindex.php]] ) end write( [[" id="metadata.menuItem2.value">]] )write( model.metadata.menuItem2.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem3 then write( [[<a href="]] )write( model.metadata.menuItem3.link )write( [[" id="metadata.menuItem3.value">]] )write( model.metadata.menuItem3.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem4 then write( [[<a href="]] )write( model.metadata.menuItem4.link )write( [[" id="metadata.menuItem4.value">]] )write( model.metadata.menuItem4.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem5 then write( [[<a href="]] )write( model.metadata.menuItem5.link )write( [[" id="metadata.menuItem5.value">]] )write( model.metadata.menuItem5.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end write( model.metadata.customMenu.value )write( [[<a href="]] )write( model.metadata.contact.link )write( [[" id="metadata.contact.value" style="padding-right: 0 !important;">]] )write( model.metadata.contact.value )write( [[</a></p>
  205. </div>
  206. </div> <!-- /menu -->
  207. ]] ) elseif model.nonCSS.idplateLocation == "menu" then write( [[
  208. <div id="header_container">
  209. <div id="header"]] ) if model.nonCSS.fixHeaderWidth then write( [[ style="width: ]] )write( model.nonCSS.fixedHeaderWidth )write( [[px !important;"]] ) end write( [[>
  210. </div> <!-- /header -->
  211. </div>
  212. <div id="menu">
  213. <div id="menuContent" ]] ) if model.nonCSS.idplate then write( [[
  214. 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( [[>
  215. <p style="margin-left: ]] )write( model.nonCSS.menuPaddingLeft )write( [[px !important; margin-right: ]] )write( model.nonCSS.menuPaddingRight )write( [[px !important;">]] ) if model.nonCSS.menuItem1 then write( [[<a href="]] )write( model.metadata.menuItem1.link )write( [[" id="metadata.menuItem1.value" style="padding-left: 0 !important;">]] )write( model.metadata.menuItem1.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem2 then write( [[<a href="]] ) if mode == 'preview' then write( [[galleryindex.html]] ) else write( [[galleryindex.php]] ) end write( [[" id="metadata.menuItem2.value">]] )write( model.metadata.menuItem2.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem3 then write( [[<a href="]] )write( model.metadata.menuItem3.link )write( [[" id="metadata.menuItem3.value">]] )write( model.metadata.menuItem3.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem4 then write( [[<a href="]] )write( model.metadata.menuItem4.link )write( [[" id="metadata.menuItem4.value">]] )write( model.metadata.menuItem4.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem5 then write( [[<a href="]] )write( model.metadata.menuItem5.link )write( [[" id="metadata.menuItem5.value">]] )write( model.metadata.menuItem5.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end write( model.metadata.customMenu.value )write( [[<a href="]] )write( model.metadata.contact.link )write( [[" id="metadata.contact.value" style="padding-right: 0 !important;">]] )write( model.metadata.contact.value )write( [[</a></p>
  216. </div>
  217. </div> <!-- /menu -->
  218. ]] ) elseif model.nonCSS.idplateLocation == "beneath" then write( [[
  219. <div id="menu" style="margin-bottom: 0 !important;">
  220. <div id="menuContent"]] ) if model.nonCSS.fixHeaderWidth then write( [[ style="width: ]] )write( model.nonCSS.fixedHeaderWidth )write( [[px !important;"]] ) end write( [[>
  221. <p style="margin-left: ]] )write( model.nonCSS.menuPaddingLeft )write( [[px !important; margin-right: ]] )write( model.nonCSS.menuPaddingRight )write( [[px !important;">]] ) if model.nonCSS.menuItem1 then write( [[<a href="]] )write( model.metadata.menuItem1.link )write( [[" id="metadata.menuItem1.value" style="padding-left: 0 !important;">]] )write( model.metadata.menuItem1.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem2 then write( [[<a href="]] ) if mode == 'preview' then write( [[galleryindex.html]] ) else write( [[galleryindex.php]] ) end write( [[" id="metadata.menuItem2.value">]] )write( model.metadata.menuItem2.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem3 then write( [[<a href="]] )write( model.metadata.menuItem3.link )write( [[" id="metadata.menuItem3.value">]] )write( model.metadata.menuItem3.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem4 then write( [[<a href="]] )write( model.metadata.menuItem4.link )write( [[" id="metadata.menuItem4.value">]] )write( model.metadata.menuItem4.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end if model.nonCSS.menuItem5 then write( [[<a href="]] )write( model.metadata.menuItem5.link )write( [[" id="metadata.menuItem5.value">]] )write( model.metadata.menuItem5.value )write( [[</a> ]] )write( model.metadata.menuDivider.value )write( [[ ]] ) end write( model.metadata.customMenu.value )write( [[<a href="]] )write( model.metadata.contact.link )write( [[" id="metadata.contact.value" style="padding-right: 0 !important;">]] )write( model.metadata.contact.value )write( [[</a></p>
  222. </div>
  223. </div> <!-- /menu -->
  224. <div id="header_container">
  225. <div id="header"]] ) if model.nonCSS.fixHeaderWidth then write( [[ style="width: ]] )write( model.nonCSS.fixedHeaderWidth )write( [[px !important;"]] ) end write( [[>
  226. <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>
  227. </div> <!-- /header -->
  228. </div>
  229. ]] ) end write( [[
  230. <div id="gallery">
  231. ]] ) if model.nonCSS.contactConfiguration == "imageleftcopyright" then write( [[
  232. <div id="page_content" class="contact">
  233. <img src="photos/]] )write( getImage(3).exportFilename )write( [[.jpg" class="page_img" width="]] )write( getImage(3).renditions.photos.width )write( [[" height="]] )write( getImage(3).renditions.photos.height )write( [[" alt="]] )write( getImage(3).metadata.alt )write( [[" style="float:left;" />
  234. <div class="copy" style="float:right; width: ]] )write( math.floor( model.nonCSS.contactWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - ( ( model.nonCSS.imagePadding + model.nonCSS.imageBorderWidth ) * 2 ) - getImage(3).renditions.photos.width ) )write( [[px;">
  235. ]] ) if model.nonCSS.includeContactHeading1 then write( [[<h2 id="metadata.contactHeading1.value" class="first heading heading_contact"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactHeading1.value');"]] ) end write( [[>]] )write( model.metadata.contactHeading1.value )write( [[</h2>]] ) end write( [[
  236. ]] ) if model.nonCSS.includeContactParagraph1 then write( [[<p id="nonCSS.contactParagraph1.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactParagraph1.value');"]] ) end write( [[>]] )write( model.metadata.contactParagraph1.value )write( [[</p>]] ) end write( [[
  237. ]] ) if model.nonCSS.includeContactHeading2 then write( [[<h2 id="metadata.contactHeading2.value" class="subsequent heading heading_contact"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactHeading2.value');"]] ) end write( [[>]] )write( model.metadata.contactHeading2.value )write( [[</h2>]] ) end write( [[
  238. ]] ) if model.nonCSS.includeContactParagraph2 then write( [[<p id="nonCSS.contactParagraph2.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactParagraph2.value');"]] ) end write( [[>]] )write( model.metadata.contactParagraph2.value )write( [[</p>]] ) end write( [[
  239. ]] ) if model.nonCSS.contactForm then write( [[
  240. ]] ) if model.nonCSS.formtoemail_remote then write( [[<form action="http://formtoemailremote.com/user_forms.php" method="post">]] ) else write( [[<form action="]] )write( theRoot )write( [[/resources/FormToEmail.php" method="post">]] ) end write( [[
  241. <div id="inputfields">
  242. <fieldset>
  243. <input name="galleryTitle" type="hidden" value="]] )write( model.metadata.htmlTitle.value )write( [[" size="30" />
  244. ]] ) if model.nonCSS.formtoemail_remote then write( [[
  245. <input type="hidden" name="user_id" value="]] )write( model.nonCSS.formtoemail_userid )write( [[">
  246. <input type="hidden" name="form_id" value="]] )write( model.nonCSS.formtoemail_formid )write( [[">
  247. ]] ) end write( [[
  248. <p style="margin-top:0 !important;"><label for="field1">]] )write( model.nonCSS.selectionName )write( [[</label>
  249. <input id="field1" class="gather" name="name" type="text" size="30" tabindex="1" /></p>
  250. <p><label for="field2">]] )write( model.nonCSS.selectionEmail )write( [[</label>
  251. <input id="field2" class="gather" name="email" type="text" size="30" tabindex="2" /></p>
  252. ]] ) if model.nonCSS.selectionTel_check then write( [[
  253. <p><label for="field3">]] )write( model.nonCSS.selectionTel )write( [[</label>
  254. <input id="field3" class="gather" name="]] )write( model.nonCSS.selectionTel )write( [[" type="text" size="30" tabindex="3" /></p>]] ) end write( [[
  255. ]] ) if model.nonCSS.selectionURL_check then write( [[
  256. <p><label for="field4">]] )write( model.nonCSS.selectionURL )write( [[</label>
  257. <input id="field4" class="gather" name="]] )write( model.nonCSS.selectionURL )write( [[" type="text" size="30" tabindex="4" /></p>]] ) end write( [[
  258. <p><label>]] )write( model.nonCSS.selectionComments )write( [[</label>
  259. <textarea name="]] )write( model.nonCSS.selectionComments )write( [[" id="comments" tabindex="5" rows="1" cols="1"></textarea></p>
  260. <p class="submitbutton" style="margin-bottom:0 !important;"><input type="submit" class="submit" value="]] )write( model.nonCSS.selectionSubmit )write( [[" /></p>
  261. </fieldset>
  262. </div>
  263. </form>
  264. <script type="text/javascript">
  265. var field1 = new LiveValidation( 'field1', {onlyOnSubmit: true } );
  266. field1.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );
  267. var field2 = new LiveValidation( 'field2', {onlyOnSubmit: true } );
  268. field2.add( Validate.Email, { failureMessage: "]] )write( model.nonCSS.emailWarning )write( [[" } );
  269. field2.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );
  270. ]] ) if model.nonCSS.selectionTel_check then write( [[
  271. var field3 = new LiveValidation( 'field3', {onlyOnSubmit: true } );
  272. field3.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );]] ) end write( [[
  273. </script>
  274. ]] ) end write( [[
  275. </div>
  276. <div class="clear"></div>
  277. </div> <!-- /page_content home -->
  278. ]] ) elseif model.nonCSS.contactConfiguration == "copyleftimageright" then write( [[
  279. <div id="page_content" class="contact">
  280. <img src="photos/]] )write( getImage(3).exportFilename )write( [[.jpg" class="page_img" width="]] )write( getImage(3).renditions.photos.width )write( [[" height="]] )write( getImage(3).renditions.photos.height )write( [[" alt="]] )write( getImage(3).metadata.alt )write( [[" style="float:right;" />
  281. <div class="copy" style="float:left; width: ]] )write( math.floor( model.nonCSS.contactWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) - model.nonCSS.spacing - ( ( model.nonCSS.imagePadding + model.nonCSS.imageBorderWidth ) * 2 ) - getImage(3).renditions.photos.width ) )write( [[px;">
  282. ]] ) if model.nonCSS.includeContactHeading1 then write( [[<h2 id="metadata.contactHeading1.value" class="first heading heading_contact"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactHeading1.value');"]] ) end write( [[>]] )write( model.metadata.contactHeading1.value )write( [[</h2>]] ) end write( [[
  283. ]] ) if model.nonCSS.includeContactParagraph1 then write( [[<p id="nonCSS.contactParagraph1.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactParagraph1.value');"]] ) end write( [[>]] )write( model.metadata.contactParagraph1.value )write( [[</p>]] ) end write( [[
  284. ]] ) if model.nonCSS.includeContactHeading2 then write( [[<h2 id="metadata.contactHeading2.value" class="subsequent heading heading_contact"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactHeading2.value');"]] ) end write( [[>]] )write( model.metadata.contactHeading2.value )write( [[</h2>]] ) end write( [[
  285. ]] ) if model.nonCSS.includeContactParagraph2 then write( [[<p id="nonCSS.contactParagraph2.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactParagraph2.value');"]] ) end write( [[>]] )write( model.metadata.contactParagraph2.value )write( [[</p>]] ) end write( [[
  286. ]] ) if model.nonCSS.contactForm then write( [[
  287. ]] ) if model.nonCSS.formtoemail_remote then write( [[<form action="http://formtoemailremote.com/user_forms.php" method="post">]] ) else write( [[<form action="]] )write( theRoot )write( [[/resources/FormToEmail.php" method="post">]] ) end write( [[
  288. <div id="inputfields">
  289. <fieldset>
  290. <input name="galleryTitle" type="hidden" value="]] )write( model.metadata.htmlTitle.value )write( [[" size="30" />
  291. ]] ) if model.nonCSS.formtoemail_remote then write( [[
  292. <input type="hidden" name="user_id" value="]] )write( model.nonCSS.formtoemail_userid )write( [[">
  293. <input type="hidden" name="form_id" value="]] )write( model.nonCSS.formtoemail_formid )write( [[">
  294. ]] ) end write( [[
  295. <p style="margin-top:0 !important;"><label for="field1">]] )write( model.nonCSS.selectionName )write( [[</label>
  296. <input id="field1" class="gather" name="name" type="text" size="30" tabindex="1" /></p>
  297. <p><label for="field2">]] )write( model.nonCSS.selectionEmail )write( [[</label>
  298. <input id="field2" class="gather" name="email" type="text" size="30" tabindex="2" /></p>
  299. ]] ) if model.nonCSS.selectionTel_check then write( [[
  300. <p><label for="field3">]] )write( model.nonCSS.selectionTel )write( [[</label>
  301. <input id="field3" class="gather" name="]] )write( model.nonCSS.selectionTel )write( [[" type="text" size="30" tabindex="3" /></p>]] ) end write( [[
  302. ]] ) if model.nonCSS.selectionURL_check then write( [[
  303. <p><label for="field4">]] )write( model.nonCSS.selectionURL )write( [[</label>
  304. <input id="field4" class="gather" name="]] )write( model.nonCSS.selectionURL )write( [[" type="text" size="30" tabindex="4" /></p>]] ) end write( [[
  305. <p><label>]] )write( model.nonCSS.selectionComments )write( [[</label>
  306. <textarea name="]] )write( model.nonCSS.selectionComments )write( [[" id="comments" tabindex="5" rows="1" cols="1"></textarea></p>
  307. <p class="submitbutton" style="margin-bottom:0 !important;"><input type="submit" class="submit" value="]] )write( model.nonCSS.selectionSubmit )write( [[" /></p>
  308. </fieldset>
  309. </div>
  310. </form>
  311. <script type="text/javascript">
  312. var field1 = new LiveValidation( 'field1', {onlyOnSubmit: true } );
  313. field1.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );
  314. var field2 = new LiveValidation( 'field2', {onlyOnSubmit: true } );
  315. field2.add( Validate.Email, { failureMessage: "]] )write( model.nonCSS.emailWarning )write( [[" } );
  316. field2.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );
  317. ]] ) if model.nonCSS.selectionTel_check then write( [[
  318. var field3 = new LiveValidation( 'field3', {onlyOnSubmit: true } );
  319. field3.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );]] ) end write( [[
  320. </script>
  321. ]] ) end write( [[
  322. </div>
  323. <div class="clear"></div>
  324. </div> <!-- /page_content home -->
  325. ]] ) elseif model.nonCSS.contactConfiguration == "imageupcopydown" then write( [[
  326. <div id="page_content" class="contact">
  327. <img src="photos/]] )write( getImage(3).exportFilename )write( [[.jpg" class="page_img" width="]] )write( getImage(3).renditions.photos.width )write( [[" height="]] )write( getImage(3).renditions.photos.height )write( [[" alt="]] )write( getImage(3).metadata.alt )write( [[" style="margin: 0 0 20px 0 !important;" />
  328. <div class="copy" style="width: ]] )write( math.floor( model.nonCSS.contactWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) )write( [[px;">
  329. ]] ) if model.nonCSS.includeContactHeading1 then write( [[<h2 id="metadata.contactHeading1.value" class="first heading heading_contact"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactHeading1.value');"]] ) end write( [[>]] )write( model.metadata.contactHeading1.value )write( [[</h2>]] ) end write( [[
  330. ]] ) if model.nonCSS.includeContactParagraph1 then write( [[<p id="nonCSS.contactParagraph1.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactParagraph1.value');"]] ) end write( [[>]] )write( model.metadata.contactParagraph1.value )write( [[</p>]] ) end write( [[
  331. ]] ) if model.nonCSS.includeContactHeading2 then write( [[<h2 id="metadata.contactHeading2.value" class="subsequent heading heading_contact"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactHeading2.value');"]] ) end write( [[>]] )write( model.metadata.contactHeading2.value )write( [[</h2>]] ) end write( [[
  332. ]] ) if model.nonCSS.includeContactParagraph2 then write( [[<p id="nonCSS.contactParagraph2.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactParagraph2.value');"]] ) end write( [[>]] )write( model.metadata.contactParagraph2.value )write( [[</p>]] ) end write( [[
  333. ]] ) if model.nonCSS.contactForm then write( [[
  334. ]] ) if model.nonCSS.formtoemail_remote then write( [[<form action="http://formtoemailremote.com/user_forms.php" method="post">]] ) else write( [[<form action="]] )write( theRoot )write( [[/resources/FormToEmail.php" method="post">]] ) end write( [[
  335. <div id="inputfields">
  336. <fieldset>
  337. <input name="galleryTitle" type="hidden" value="]] )write( model.metadata.htmlTitle.value )write( [[" size="30" />
  338. ]] ) if model.nonCSS.formtoemail_remote then write( [[
  339. <input type="hidden" name="user_id" value="]] )write( model.nonCSS.formtoemail_userid )write( [[">
  340. <input type="hidden" name="form_id" value="]] )write( model.nonCSS.formtoemail_formid )write( [[">
  341. ]] ) end write( [[
  342. <p style="margin-top:0 !important;"><label for="field1">]] )write( model.nonCSS.selectionName )write( [[</label>
  343. <input id="field1" class="gather" name="name" type="text" size="30" tabindex="1" /></p>
  344. <p><label for="field2">]] )write( model.nonCSS.selectionEmail )write( [[</label>
  345. <input id="field2" class="gather" name="email" type="text" size="30" tabindex="2" /></p>
  346. ]] ) if model.nonCSS.selectionTel_check then write( [[
  347. <p><label for="field3">]] )write( model.nonCSS.selectionTel )write( [[</label>
  348. <input id="field3" class="gather" name="]] )write( model.nonCSS.selectionTel )write( [[" type="text" size="30" tabindex="3" /></p>]] ) end write( [[
  349. ]] ) if model.nonCSS.selectionURL_check then write( [[
  350. <p><label for="field4">]] )write( model.nonCSS.selectionURL )write( [[</label>
  351. <input id="field4" class="gather" name="]] )write( model.nonCSS.selectionURL )write( [[" type="text" size="30" tabindex="4" /></p>]] ) end write( [[
  352. <p><label>]] )write( model.nonCSS.selectionComments )write( [[</label>
  353. <textarea name="]] )write( model.nonCSS.selectionComments )write( [[" id="comments" tabindex="5" rows="1" cols="1"></textarea></p>
  354. <p class="submitbutton" style="margin-bottom:0 !important;"><input type="submit" class="submit" value="]] )write( model.nonCSS.selectionSubmit )write( [[" /></p>
  355. </fieldset>
  356. </div>
  357. </form>
  358. <script type="text/javascript">
  359. var field1 = new LiveValidation( 'field1', {onlyOnSubmit: true } );
  360. field1.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );
  361. var field2 = new LiveValidation( 'field2', {onlyOnSubmit: true } );
  362. field2.add( Validate.Email, { failureMessage: "]] )write( model.nonCSS.emailWarning )write( [[" } );
  363. field2.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );
  364. ]] ) if model.nonCSS.selectionTel_check then write( [[
  365. var field3 = new LiveValidation( 'field3', {onlyOnSubmit: true } );
  366. field3.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );]] ) end write( [[
  367. </script>
  368. ]] ) end write( [[
  369. </div>
  370. <div class="clear"></div>
  371. </div> <!-- /page_content home -->
  372. ]] ) elseif model.nonCSS.contactConfiguration == "copyupimagedown" then write( [[
  373. <div id="page_content" class="contact">
  374. <div class="copy" style="width: ]] )write( math.floor( model.nonCSS.contactWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) )write( [[px;">
  375. ]] ) if model.nonCSS.includeContactHeading1 then write( [[<h2 id="metadata.contactHeading1.value" class="first heading heading_contact"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactHeading1.value');"]] ) end write( [[>]] )write( model.metadata.contactHeading1.value )write( [[</h2>]] ) end write( [[
  376. ]] ) if model.nonCSS.includeContactParagraph1 then write( [[<p id="nonCSS.contactParagraph1.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactParagraph1.value');"]] ) end write( [[>]] )write( model.metadata.contactParagraph1.value )write( [[</p>]] ) end write( [[
  377. ]] ) if model.nonCSS.includeContactHeading2 then write( [[<h2 id="metadata.contactHeading2.value" class="subsequent heading heading_contact"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactHeading2.value');"]] ) end write( [[>]] )write( model.metadata.contactHeading2.value )write( [[</h2>]] ) end write( [[
  378. ]] ) if model.nonCSS.includeContactParagraph2 then write( [[<p id="nonCSS.contactParagraph2.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactParagraph2.value');"]] ) end write( [[>]] )write( model.metadata.contactParagraph2.value )write( [[</p>]] ) end write( [[
  379. ]] ) if model.nonCSS.contactForm then write( [[
  380. ]] ) if model.nonCSS.formtoemail_remote then write( [[<form action="http://formtoemailremote.com/user_forms.php" method="post">]] ) else write( [[<form action="]] )write( theRoot )write( [[/resources/FormToEmail.php" method="post">]] ) end write( [[
  381. <div id="inputfields">
  382. <fieldset>
  383. <input name="galleryTitle" type="hidden" value="]] )write( model.metadata.htmlTitle.value )write( [[" size="30" />
  384. ]] ) if model.nonCSS.formtoemail_remote then write( [[
  385. <input type="hidden" name="user_id" value="]] )write( model.nonCSS.formtoemail_userid )write( [[">
  386. <input type="hidden" name="form_id" value="]] )write( model.nonCSS.formtoemail_formid )write( [[">
  387. ]] ) end write( [[
  388. <p style="margin-top:0 !important;"><label for="field1">]] )write( model.nonCSS.selectionName )write( [[</label>
  389. <input id="field1" class="gather" name="name" type="text" size="30" tabindex="1" /></p>
  390. <p><label for="field2">]] )write( model.nonCSS.selectionEmail )write( [[</label>
  391. <input id="field2" class="gather" name="email" type="text" size="30" tabindex="2" /></p>
  392. ]] ) if model.nonCSS.selectionTel_check then write( [[
  393. <p><label for="field3">]] )write( model.nonCSS.selectionTel )write( [[</label>
  394. <input id="field3" class="gather" name="]] )write( model.nonCSS.selectionTel )write( [[" type="text" size="30" tabindex="3" /></p>]] ) end write( [[
  395. ]] ) if model.nonCSS.selectionURL_check then write( [[
  396. <p><label for="field4">]] )write( model.nonCSS.selectionURL )write( [[</label>
  397. <input id="field4" class="gather" name="]] )write( model.nonCSS.selectionURL )write( [[" type="text" size="30" tabindex="4" /></p>]] ) end write( [[
  398. <p><label>]] )write( model.nonCSS.selectionComments )write( [[</label>
  399. <textarea name="]] )write( model.nonCSS.selectionComments )write( [[" id="comments" tabindex="5" rows="1" cols="1"></textarea></p>
  400. <p class="submitbutton" style="margin-bottom:0 !important;"><input type="submit" class="submit" value="]] )write( model.nonCSS.selectionSubmit )write( [[" /></p>
  401. </fieldset>
  402. </div>
  403. </form>
  404. <script type="text/javascript">
  405. var field1 = new LiveValidation( 'field1', {onlyOnSubmit: true } );
  406. field1.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );
  407. var field2 = new LiveValidation( 'field2', {onlyOnSubmit: true } );
  408. field2.add( Validate.Email, { failureMessage: "]] )write( model.nonCSS.emailWarning )write( [[" } );
  409. field2.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );
  410. ]] ) if model.nonCSS.selectionTel_check then write( [[
  411. var field3 = new LiveValidation( 'field3', {onlyOnSubmit: true } );
  412. field3.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );]] ) end write( [[
  413. </script>
  414. ]] ) end write( [[
  415. </div>
  416. <img src="photos/]] )write( getImage(3).exportFilename )write( [[.jpg" class="page_img" width="]] )write( getImage(3).renditions.photos.width )write( [[" height="]] )write( getImage(3).renditions.photos.height )write( [[" alt="]] )write( getImage(3).metadata.alt )write( [[" />
  417. <div class="clear"></div>
  418. </div> <!-- /page_content home -->
  419. ]] ) elseif model.nonCSS.contactConfiguration == "noimagecopycenter" then write( [[
  420. <div id="page_content" class="contact">
  421. <div class="copy" style="width: ]] )write( math.floor( model.nonCSS.contactWidth - ( model.nonCSS.page_content_padding * 2 ) - ( model.nonCSS.page_content_border * 2 ) ) )write( [[px;">
  422. ]] ) if model.nonCSS.includeContactHeading1 then write( [[<h2 id="metadata.contactHeading1.value" class="first heading heading_contact"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactHeading1.value');"]] ) end write( [[>]] )write( model.metadata.contactHeading1.value )write( [[</h2>]] ) end write( [[
  423. ]] ) if model.nonCSS.includeContactParagraph1 then write( [[<p id="nonCSS.contactParagraph1.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactParagraph1.value');"]] ) end write( [[>]] )write( model.metadata.contactParagraph1.value )write( [[</p>]] ) end write( [[
  424. ]] ) if model.nonCSS.includeContactHeading2 then write( [[<h2 id="metadata.contactHeading2.value" class="subsequent heading heading_contact"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactHeading2.value');"]] ) end write( [[>]] )write( model.metadata.contactHeading2.value )write( [[</h2>]] ) end write( [[
  425. ]] ) if model.nonCSS.includeContactParagraph2 then write( [[<p id="nonCSS.contactParagraph2.value"]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.contactParagraph2.value');"]] ) end write( [[>]] )write( model.metadata.contactParagraph2.value )write( [[</p>]] ) end write( [[
  426. ]] ) if model.nonCSS.contactForm then write( [[
  427. ]] ) if model.nonCSS.formtoemail_remote then write( [[<form action="http://formtoemailremote.com/user_forms.php" method="post">]] ) else write( [[<form action="]] )write( theRoot )write( [[/resources/FormToEmail.php" method="post">]] ) end write( [[
  428. <div id="inputfields">
  429. <fieldset>
  430. <input name="galleryTitle" type="hidden" value="]] )write( model.metadata.htmlTitle.value )write( [[" size="30" />
  431. ]] ) if model.nonCSS.formtoemail_remote then write( [[
  432. <input type="hidden" name="user_id" value="]] )write( model.nonCSS.formtoemail_userid )write( [[">
  433. <input type="hidden" name="form_id" value="]] )write( model.nonCSS.formtoemail_formid )write( [[">
  434. ]] ) end write( [[
  435. <p style="margin-top:0 !important;"><label for="field1">]] )write( model.nonCSS.selectionName )write( [[</label>
  436. <input id="field1" class="gather" name="name" type="text" size="30" tabindex="1" /></p>
  437. <p><label for="field2">]] )write( model.nonCSS.selectionEmail )write( [[</label>
  438. <input id="field2" class="gather" name="email" type="text" size="30" tabindex="2" /></p>
  439. ]] ) if model.nonCSS.selectionTel_check then write( [[
  440. <p><label for="field3">]] )write( model.nonCSS.selectionTel )write( [[</label>
  441. <input id="field3" class="gather" name="]] )write( model.nonCSS.selectionTel )write( [[" type="text" size="30" tabindex="3" /></p>]] ) end write( [[
  442. ]] ) if model.nonCSS.selectionURL_check then write( [[
  443. <p><label for="field4">]] )write( model.nonCSS.selectionURL )write( [[</label>
  444. <input id="field4" class="gather" name="]] )write( model.nonCSS.selectionURL )write( [[" type="text" size="30" tabindex="4" /></p>]] ) end write( [[
  445. <p><label>]] )write( model.nonCSS.selectionComments )write( [[</label>
  446. <textarea name="]] )write( model.nonCSS.selectionComments )write( [[" id="comments" tabindex="5" rows="1" cols="1"></textarea></p>
  447. <p class="submitbutton" style="margin-bottom:0 !important;"><input type="submit" class="submit" value="]] )write( model.nonCSS.selectionSubmit )write( [[" /></p>
  448. </fieldset>
  449. </div>
  450. </form>
  451. <script type="text/javascript">
  452. var field1 = new LiveValidation( 'field1', {onlyOnSubmit: true } );
  453. field1.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );
  454. var field2 = new LiveValidation( 'field2', {onlyOnSubmit: true } );
  455. field2.add( Validate.Email, { failureMessage: "]] )write( model.nonCSS.emailWarning )write( [[" } );
  456. field2.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );
  457. ]] ) if model.nonCSS.selectionTel_check then write( [[
  458. var field3 = new LiveValidation( 'field3', {onlyOnSubmit: true } );
  459. field3.add( Validate.Presence, { failureMessage: "]] )write( model.nonCSS.selectionWarning )write( [[" } );]] ) end write( [[
  460. </script>
  461. ]] ) end write( [[
  462. </div>
  463. <div class="clear"></div>
  464. </div> <!-- /page_content home -->
  465. ]] ) end write( [[
  466. </div> <!-- /gallery -->
  467. ]] ) --[[ Include the page footer ]] write( [[
  468. ]] ) if model.nonCSS.includeFooter then write( [[
  469. <div id="footer"]] ) if model.nonCSS.transparentBackground then write( [[ style="background-color: transparent !important;"]] ) end write( [[>
  470. <div id="footer_content">
  471. ]] ) 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( [[
  472. <p]] ) if mode == "preview" then write( [[ onclick="clickTarget (this, 'metadata.footer.text');"]] ) end write( [[ class="footer_text">]] )write( model.metadata.footer.text )write( [[
  473. ]] ) 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( [[
  474. </p>
  475. </div>
  476. </div>
  477. ]] ) end write( [[
  478. </div> <!-- /wrapper -->
  479. ]] ) if mode == 'publish' then write( [[
  480. ]] )write( model.metadata.script.footer )write( [[
  481. ]] ) if model.nonCSS.googleAnalytics then write( [[
  482. <script type="text/javascript">
  483. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  484. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  485. </script>
  486. <script type="text/javascript">
  487. try {
  488. var pageTracker = _gat._getTracker("]] )write( model.metadata.googleAnalytics.id )write( [[");
  489. pageTracker._trackPageview();
  490. } catch(err) {}</script>
  491. ]] ) end write( [[
  492. ]] ) end write( [[
  493. <script src="]] )write( theRoot )write( [[/resources/js/jquery.elastic-1.6.js" type="text/javascript" charset="utf-8"></script>
  494. <script type="text/javascript">
  495. $(document).ready(function(){
  496. $('textarea').elastic();
  497. });
  498. </script>
  499. </body>
  500. </html>
  501. ]] )