Moved JavaScript initialization into a separate template

This change will allow style authors to mess with the 'headInclude' template without breaking things.

diff --git a/com.woltlab.wcf/templates/headInclude.tpl b/com.woltlab.wcf/templates/headInclude.tpl
index 22130ef23d258df3e5eb69dedbe0149329a4d828..93e2c6b905be1ea5fdd8ca6fbfc615e48ceaf49c 100644 (file)
--- a/com.woltlab.wcf/templates/headInclude.tpl
+++ b/com.woltlab.wcf/templates/headInclude.tpl
@@ -6,148 +6,16 @@
 {implode from=$__wcf->getMetaTagHandler() item=__metaTag glue="\n"}{@$__metaTag}{/implode}
 {event name='metaTags'}
 
-<script>
-       //<![CDATA[
-       var SID_ARG_2ND = '{@SID_ARG_2ND_NOT_ENCODED}';
-       var WCF_PATH = '{@$__wcf->getPath()}';
-       var SECURITY_TOKEN = '{@SECURITY_TOKEN}';
-       var LANGUAGE_ID = {@$__wcf->getLanguage()->languageID};
-       var TIME_NOW = {@TIME_NOW};
-       //]]>
-</script>
-{if JQUERY_SOURCE == 'google'}
-<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
-<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
-{elseif JQUERY_SOURCE == 'microsoft'}
-<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
-<script src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.10.4/jquery-ui.min.js"></script>
-{elseif JQUERY_SOURCE == 'cloudflare'}
-<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
-<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
-{else}
-<script src="{@$__wcf->getPath()}js/3rdParty/jquery.min.js?v={@$__wcfVersion}"></script>
-<script src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.min.js?v={@$__wcfVersion}"></script>
-{/if}
-{if JQUERY_SOURCE != 'local'}
-<script>
-       //<![CDATA[
-       if (!window.jQuery) {
-               document.write('<script src="{@$__wcf->getPath()}js/3rdParty/jquery.min.js?v={@$__wcfVersion}"><\/script>');
-               document.write('<script src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.min.js?v={@$__wcfVersion}"><\/script>');
-       }
-       //]]>
-</script>
-{/if}
-
-<script src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.nestedSortable{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@$__wcfVersion}"></script>
-<script src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.timepicker{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@$__wcfVersion}"></script>
-
-{if ENABLE_DEBUG_MODE}
-<script src="{@$__wcf->getPath()}js/WCF.js?v={@$__wcfVersion}"></script>
-{else}
-<script src="{@$__wcf->getPath()}js/WCF.Combined.min.js?v={@$__wcfVersion}"></script>
-{/if}
+{include file='headIncludeJavaScript'}
 
 <script data-relocate="true">
-       WCF.User.init({@$__wcf->user->userID}, '{@$__wcf->user->username|encodeJS}');
-       
        WCF.Language.addObject({
-               '__days': [ '{lang}wcf.date.day.sunday{/lang}', '{lang}wcf.date.day.monday{/lang}', '{lang}wcf.date.day.tuesday{/lang}', '{lang}wcf.date.day.wednesday{/lang}', '{lang}wcf.date.day.thursday{/lang}', '{lang}wcf.date.day.friday{/lang}', '{lang}wcf.date.day.saturday{/lang}' ],
-               '__daysShort': [ '{lang}wcf.date.day.sun{/lang}', '{lang}wcf.date.day.mon{/lang}', '{lang}wcf.date.day.tue{/lang}', '{lang}wcf.date.day.wed{/lang}', '{lang}wcf.date.day.thu{/lang}', '{lang}wcf.date.day.fri{/lang}', '{lang}wcf.date.day.sat{/lang}' ],
-               '__months': [ '{lang}wcf.date.month.january{/lang}', '{lang}wcf.date.month.february{/lang}', '{lang}wcf.date.month.march{/lang}', '{lang}wcf.date.month.april{/lang}', '{lang}wcf.date.month.may{/lang}', '{lang}wcf.date.month.june{/lang}', '{lang}wcf.date.month.july{/lang}', '{lang}wcf.date.month.august{/lang}', '{lang}wcf.date.month.september{/lang}', '{lang}wcf.date.month.october{/lang}', '{lang}wcf.date.month.november{/lang}', '{lang}wcf.date.month.december{/lang}' ], 
-               '__monthsShort': [ '{lang}wcf.date.month.short.jan{/lang}', '{lang}wcf.date.month.short.feb{/lang}', '{lang}wcf.date.month.short.mar{/lang}', '{lang}wcf.date.month.short.apr{/lang}', '{lang}wcf.date.month.short.may{/lang}', '{lang}wcf.date.month.short.jun{/lang}', '{lang}wcf.date.month.short.jul{/lang}', '{lang}wcf.date.month.short.aug{/lang}', '{lang}wcf.date.month.short.sep{/lang}', '{lang}wcf.date.month.short.oct{/lang}', '{lang}wcf.date.month.short.nov{/lang}', '{lang}wcf.date.month.short.dec{/lang}' ],
-               'wcf.clipboard.item.unmarkAll': '{lang}wcf.clipboard.item.unmarkAll{/lang}',
-               'wcf.date.relative.now': '{lang}wcf.date.relative.now{/lang}',
-               'wcf.date.relative.minutes': '{capture assign=relativeMinutes}{lang}wcf.date.relative.minutes{/lang}{/capture}{@$relativeMinutes|encodeJS}',
-               'wcf.date.relative.hours': '{capture assign=relativeHours}{lang}wcf.date.relative.hours{/lang}{/capture}{@$relativeHours|encodeJS}',
-               'wcf.date.relative.pastDays': '{capture assign=relativePastDays}{lang}wcf.date.relative.pastDays{/lang}{/capture}{@$relativePastDays|encodeJS}',
-               'wcf.date.dateFormat': '{lang}wcf.date.dateFormat{/lang}',
-               'wcf.date.dateTimeFormat': '{lang}wcf.date.dateTimeFormat{/lang}',
-               'wcf.date.shortDateTimeFormat': '{lang}wcf.date.shortDateTimeFormat{/lang}',
-               'wcf.date.hour': '{lang}wcf.date.hour{/lang}',
-               'wcf.date.minute': '{lang}wcf.date.minute{/lang}',
-               'wcf.date.timeFormat': '{lang}wcf.date.timeFormat{/lang}',
-               'wcf.date.firstDayOfTheWeek': '{lang}wcf.date.firstDayOfTheWeek{/lang}',
-               'wcf.global.button.add': '{lang}wcf.global.button.add{/lang}',
-               'wcf.global.button.cancel': '{lang}wcf.global.button.cancel{/lang}',
-               'wcf.global.button.close': '{lang}wcf.global.button.close{/lang}',
-               'wcf.global.button.collapsible': '{lang}wcf.global.button.collapsible{/lang}',
-               'wcf.global.button.delete': '{lang}wcf.global.button.delete{/lang}',
-               'wcf.global.button.disable': '{lang}wcf.global.button.disable{/lang}',
-               'wcf.global.button.disabledI18n': '{lang}wcf.global.button.disabledI18n{/lang}',
-               'wcf.global.button.edit': '{lang}wcf.global.button.edit{/lang}',
-               'wcf.global.button.enable': '{lang}wcf.global.button.enable{/lang}',
-               'wcf.global.button.next': '{lang}wcf.global.button.next{/lang}',
-               'wcf.global.button.preview': '{lang}wcf.global.button.preview{/lang}',
-               'wcf.global.button.reset': '{lang}wcf.global.button.reset{/lang}',
-               'wcf.global.button.save': '{lang}wcf.global.button.save{/lang}',
-               'wcf.global.button.search': '{lang}wcf.global.button.search{/lang}',
-               'wcf.global.button.submit': '{lang}wcf.global.button.submit{/lang}',
-               'wcf.global.confirmation.cancel': '{lang}wcf.global.confirmation.cancel{/lang}',
-               'wcf.global.confirmation.confirm': '{lang}wcf.global.confirmation.confirm{/lang}',
-               'wcf.global.confirmation.title': '{lang}wcf.global.confirmation.title{/lang}',
-               'wcf.global.decimalPoint': '{capture assign=decimalPoint}{lang}wcf.global.decimalPoint{/lang}{/capture}{$decimalPoint|encodeJS}',
-               'wcf.global.error.timeout': '{lang}wcf.global.error.timeout{/lang}',
-               'wcf.global.error.title': '{lang}wcf.global.error.title{/lang}',
-               'wcf.global.form.error.empty': '{lang}wcf.global.form.error.empty{/lang}',
-               'wcf.global.form.error.greaterThan': '{lang}wcf.global.form.error.greaterThan.javaScript{/lang}',
-               'wcf.global.form.error.lessThan': '{lang}wcf.global.form.error.lessThan.javaScript{/lang}',
-               'wcf.global.language.noSelection': '{lang}wcf.global.language.noSelection{/lang}',
-               'wcf.global.loading': '{lang}wcf.global.loading{/lang}',
-               'wcf.global.page.jumpTo': '{lang}wcf.global.page.jumpTo{/lang}',
-               'wcf.global.page.jumpTo.description': '{lang}wcf.global.page.jumpTo.description{/lang}',
-               'wcf.global.page.pageNavigation': '{lang}wcf.global.page.pageNavigation{/lang}',
-               'wcf.global.page.next': '{capture assign=pageNext}{lang}wcf.global.page.next{/lang}{/capture}{@$pageNext|encodeJS}',
-               'wcf.global.page.previous': '{capture assign=pagePrevious}{lang}wcf.global.page.previous{/lang}{/capture}{@$pagePrevious|encodeJS}',
-               'wcf.global.pageDirection': '{lang}wcf.global.pageDirection{/lang}',
-               'wcf.global.reason': '{lang}wcf.global.reason{/lang}',
-               'wcf.global.sidebar.hideLeftSidebar': '{lang}wcf.global.sidebar.hideLeftSidebar{/lang}',
-               'wcf.global.sidebar.hideRightSidebar': '{lang}wcf.global.sidebar.hideRightSidebar{/lang}',
-               'wcf.global.sidebar.showLeftSidebar': '{lang}wcf.global.sidebar.showLeftSidebar{/lang}',
-               'wcf.global.sidebar.showRightSidebar': '{lang}wcf.global.sidebar.showRightSidebar{/lang}',
-               'wcf.global.success': '{lang}wcf.global.success{/lang}',
-               'wcf.global.success.add': '{lang}wcf.global.success.add{/lang}',
-               'wcf.global.success.edit': '{lang}wcf.global.success.edit{/lang}',
-               'wcf.global.thousandsSeparator': '{capture assign=thousandsSeparator}{lang}wcf.global.thousandsSeparator{/lang}{/capture}{@$thousandsSeparator|encodeJS}',
-               'wcf.page.sitemap': '{lang}wcf.page.sitemap{/lang}',
-               'wcf.style.changeStyle': '{lang}wcf.style.changeStyle{/lang}'
-               {if MODULE_LIKE}
-                       ,'wcf.like.button.like': '{lang}wcf.like.button.like{/lang}',
-                       'wcf.like.button.dislike': '{lang}wcf.like.button.dislike{/lang}',
-                       'wcf.like.tooltip': '{lang}wcf.like.jsTooltip{/lang}',
-                       'wcf.like.summary': '{lang}wcf.like.summary{/lang}',
-                       'wcf.like.details': '{lang}wcf.like.details{/lang}'
-               {/if}
-               
+               {* DEPRECATED -- PLEASE USE javascriptLanguageImport@headIncludeJavaScript *}
                {event name='javascriptLanguageImport'}
        });
-       
-       new WCF.Date.Time();
-       
-       WCF.Dropdown.init();
-       WCF.System.Mobile.UX.init();
-       
-       WCF.TabMenu.init();
-       WCF.System.FlexibleMenu.init();
 </script>
 
-{if ENABLE_DEBUG_MODE}
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Like.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.ACL.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Attachment.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.ColorPicker.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Comment.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.ImageViewer.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Label.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Location.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Message.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Moderation.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Poll.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Search.Message.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Tagging.js?v={@$__wcfVersion}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.User.js?v={@$__wcfVersion}"></script>
-{/if}
-
+{* DEPRECATED -- PLEASE USE javascriptInclude@headIncludeJavaScript *}
 {event name='javascriptInclude'}
 
 <!-- Stylesheets -->
@@ -158,73 +26,11 @@
 <link rel="icon" href="{@$__wcf->getPath()}images/favicon.ico" type="image/x-icon" />
 <link rel="apple-touch-icon" href="{@$__wcf->getPath()}images/apple-touch-icon.png" />
 
-<noscript>
-       <style type="text/css">
-               .jsOnly {
-                       display: none !important;
-               }
-               
-               .noJsOnly {
-                       display: block !important;
-               }
-       </style>
-</noscript>
-
 <script data-relocate="true">
        //<![CDATA[
        $(function() {
-               new WCF.Effect.SmoothScroll();
-               new WCF.Effect.BalloonTooltip();
-               new WCF.Sitemap();
-               {if $__wcf->getStyleHandler()->countStyles() > 1}new WCF.Style.Chooser();{/if}
-               WCF.System.PageNavigation.init('.pageNavigation');
-               WCF.Date.Picker.init();
-               new WCF.User.ProfilePreview();
-               new WCF.Notice.Dismiss();
-               
+               {* DEPRECATED -- PLEASE USE javascriptInit@headIncludeJavaScript *}
                {event name='javascriptInit'}
-               
-               {if $executeCronjobs}
-                       new WCF.Action.Proxy({
-                               autoSend: true,
-                               data: {
-                                       className: 'wcf\\data\\cronjob\\CronjobAction',
-                                       actionName: 'executeCronjobs'
-                               },
-                               showLoadingOverlay: false,
-                               failure: function() {
-                                       return false;
-                               }
-                       });
-               {/if}
-               {if $__sessionKeepAlive|isset}
-                       new WCF.System.KeepAlive({@$__sessionKeepAlive});
-               {/if}
-               
-               if ($.browser.msie) {
-                       window.onbeforeunload = function() {
-                               /* Prevent "Back navigation caching" (http://msdn.microsoft.com/en-us/library/ie/dn265017%28v=vs.85%29.aspx) */
-                       };
-               }
        });
        //]]>
 </script>
-<!--[IF IE 9]>
-<script data-relocate="true">
-       $(function() {
-               function fixButtonTypeIE9() {
-                       $('button').each(function(index, button) {
-                               var $button = $(button);
-                               if (!$button.attr('type')) {
-                                       $button.attr('type', 'button');
-                               }
-                       });
-               }
-               
-               WCF.DOMNodeInsertedHandler.addCallback('WCF.FixButtonTypeIE9', fixButtonTypeIE9);
-               fixButtonTypeIE9();
-       });
-</script>
-<![ENDIF]-->
-
-{include file='imageViewer'}

diff --git a/com.woltlab.wcf/templates/headIncludeJavaScript.tpl b/com.woltlab.wcf/templates/headIncludeJavaScript.tpl
new file mode 100644 (file)
index 0000000..738b595
--- /dev/null
+++ b/com.woltlab.wcf/templates/headIncludeJavaScript.tpl
@@ -0,0 +1,218 @@
+{*
+       DO NOT EDIT THIS FILE
+*}
+
+<script>
+       //<![CDATA[
+       var SID_ARG_2ND = '{@SID_ARG_2ND_NOT_ENCODED}';
+       var WCF_PATH = '{@$__wcf->getPath()}';
+       var SECURITY_TOKEN = '{@SECURITY_TOKEN}';
+       var LANGUAGE_ID = {@$__wcf->getLanguage()->languageID};
+       var TIME_NOW = {@TIME_NOW};
+       //]]>
+</script>
+{if JQUERY_SOURCE == 'google'}
+<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
+{elseif JQUERY_SOURCE == 'microsoft'}
+<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
+<script src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.10.4/jquery-ui.min.js"></script>
+{elseif JQUERY_SOURCE == 'cloudflare'}
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
+{else}
+<script src="{@$__wcf->getPath()}js/3rdParty/jquery.min.js?v={@$__wcfVersion}"></script>
+<script src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.min.js?v={@$__wcfVersion}"></script>
+{/if}
+{if JQUERY_SOURCE != 'local'}
+<script>
+       //<![CDATA[
+       if (!window.jQuery) {
+               document.write('<script src="{@$__wcf->getPath()}js/3rdParty/jquery.min.js?v={@$__wcfVersion}"><\/script>');
+               document.write('<script src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.min.js?v={@$__wcfVersion}"><\/script>');
+       }
+       //]]>
+</script>
+{/if}
+
+<script src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.nestedSortable{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@$__wcfVersion}"></script>
+<script src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.timepicker{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@$__wcfVersion}"></script>
+
+{if ENABLE_DEBUG_MODE}
+<script src="{@$__wcf->getPath()}js/WCF.js?v={@$__wcfVersion}"></script>
+{else}
+<script src="{@$__wcf->getPath()}js/WCF.Combined.min.js?v={@$__wcfVersion}"></script>
+{/if}
+
+<script data-relocate="true">
+       WCF.User.init({@$__wcf->user->userID}, '{@$__wcf->user->username|encodeJS}');
+       
+       WCF.Language.addObject({
+               '__days': [ '{lang}wcf.date.day.sunday{/lang}', '{lang}wcf.date.day.monday{/lang}', '{lang}wcf.date.day.tuesday{/lang}', '{lang}wcf.date.day.wednesday{/lang}', '{lang}wcf.date.day.thursday{/lang}', '{lang}wcf.date.day.friday{/lang}', '{lang}wcf.date.day.saturday{/lang}' ],
+               '__daysShort': [ '{lang}wcf.date.day.sun{/lang}', '{lang}wcf.date.day.mon{/lang}', '{lang}wcf.date.day.tue{/lang}', '{lang}wcf.date.day.wed{/lang}', '{lang}wcf.date.day.thu{/lang}', '{lang}wcf.date.day.fri{/lang}', '{lang}wcf.date.day.sat{/lang}' ],
+               '__months': [ '{lang}wcf.date.month.january{/lang}', '{lang}wcf.date.month.february{/lang}', '{lang}wcf.date.month.march{/lang}', '{lang}wcf.date.month.april{/lang}', '{lang}wcf.date.month.may{/lang}', '{lang}wcf.date.month.june{/lang}', '{lang}wcf.date.month.july{/lang}', '{lang}wcf.date.month.august{/lang}', '{lang}wcf.date.month.september{/lang}', '{lang}wcf.date.month.october{/lang}', '{lang}wcf.date.month.november{/lang}', '{lang}wcf.date.month.december{/lang}' ], 
+               '__monthsShort': [ '{lang}wcf.date.month.short.jan{/lang}', '{lang}wcf.date.month.short.feb{/lang}', '{lang}wcf.date.month.short.mar{/lang}', '{lang}wcf.date.month.short.apr{/lang}', '{lang}wcf.date.month.short.may{/lang}', '{lang}wcf.date.month.short.jun{/lang}', '{lang}wcf.date.month.short.jul{/lang}', '{lang}wcf.date.month.short.aug{/lang}', '{lang}wcf.date.month.short.sep{/lang}', '{lang}wcf.date.month.short.oct{/lang}', '{lang}wcf.date.month.short.nov{/lang}', '{lang}wcf.date.month.short.dec{/lang}' ],
+               'wcf.clipboard.item.unmarkAll': '{lang}wcf.clipboard.item.unmarkAll{/lang}',
+               'wcf.date.relative.now': '{lang}wcf.date.relative.now{/lang}',
+               'wcf.date.relative.minutes': '{capture assign=relativeMinutes}{lang}wcf.date.relative.minutes{/lang}{/capture}{@$relativeMinutes|encodeJS}',
+               'wcf.date.relative.hours': '{capture assign=relativeHours}{lang}wcf.date.relative.hours{/lang}{/capture}{@$relativeHours|encodeJS}',
+               'wcf.date.relative.pastDays': '{capture assign=relativePastDays}{lang}wcf.date.relative.pastDays{/lang}{/capture}{@$relativePastDays|encodeJS}',
+               'wcf.date.dateFormat': '{lang}wcf.date.dateFormat{/lang}',
+               'wcf.date.dateTimeFormat': '{lang}wcf.date.dateTimeFormat{/lang}',
+               'wcf.date.shortDateTimeFormat': '{lang}wcf.date.shortDateTimeFormat{/lang}',
+               'wcf.date.hour': '{lang}wcf.date.hour{/lang}',
+               'wcf.date.minute': '{lang}wcf.date.minute{/lang}',
+               'wcf.date.timeFormat': '{lang}wcf.date.timeFormat{/lang}',
+               'wcf.date.firstDayOfTheWeek': '{lang}wcf.date.firstDayOfTheWeek{/lang}',
+               'wcf.global.button.add': '{lang}wcf.global.button.add{/lang}',
+               'wcf.global.button.cancel': '{lang}wcf.global.button.cancel{/lang}',
+               'wcf.global.button.close': '{lang}wcf.global.button.close{/lang}',
+               'wcf.global.button.collapsible': '{lang}wcf.global.button.collapsible{/lang}',
+               'wcf.global.button.delete': '{lang}wcf.global.button.delete{/lang}',
+               'wcf.global.button.disable': '{lang}wcf.global.button.disable{/lang}',
+               'wcf.global.button.disabledI18n': '{lang}wcf.global.button.disabledI18n{/lang}',
+               'wcf.global.button.edit': '{lang}wcf.global.button.edit{/lang}',
+               'wcf.global.button.enable': '{lang}wcf.global.button.enable{/lang}',
+               'wcf.global.button.next': '{lang}wcf.global.button.next{/lang}',
+               'wcf.global.button.preview': '{lang}wcf.global.button.preview{/lang}',
+               'wcf.global.button.reset': '{lang}wcf.global.button.reset{/lang}',
+               'wcf.global.button.save': '{lang}wcf.global.button.save{/lang}',
+               'wcf.global.button.search': '{lang}wcf.global.button.search{/lang}',
+               'wcf.global.button.submit': '{lang}wcf.global.button.submit{/lang}',
+               'wcf.global.confirmation.cancel': '{lang}wcf.global.confirmation.cancel{/lang}',
+               'wcf.global.confirmation.confirm': '{lang}wcf.global.confirmation.confirm{/lang}',
+               'wcf.global.confirmation.title': '{lang}wcf.global.confirmation.title{/lang}',
+               'wcf.global.decimalPoint': '{capture assign=decimalPoint}{lang}wcf.global.decimalPoint{/lang}{/capture}{$decimalPoint|encodeJS}',
+               'wcf.global.error.timeout': '{lang}wcf.global.error.timeout{/lang}',
+               'wcf.global.error.title': '{lang}wcf.global.error.title{/lang}',
+               'wcf.global.form.error.empty': '{lang}wcf.global.form.error.empty{/lang}',
+               'wcf.global.form.error.greaterThan': '{lang}wcf.global.form.error.greaterThan.javaScript{/lang}',
+               'wcf.global.form.error.lessThan': '{lang}wcf.global.form.error.lessThan.javaScript{/lang}',
+               'wcf.global.language.noSelection': '{lang}wcf.global.language.noSelection{/lang}',
+               'wcf.global.loading': '{lang}wcf.global.loading{/lang}',
+               'wcf.global.page.jumpTo': '{lang}wcf.global.page.jumpTo{/lang}',
+               'wcf.global.page.jumpTo.description': '{lang}wcf.global.page.jumpTo.description{/lang}',
+               'wcf.global.page.pageNavigation': '{lang}wcf.global.page.pageNavigation{/lang}',
+               'wcf.global.page.next': '{capture assign=pageNext}{lang}wcf.global.page.next{/lang}{/capture}{@$pageNext|encodeJS}',
+               'wcf.global.page.previous': '{capture assign=pagePrevious}{lang}wcf.global.page.previous{/lang}{/capture}{@$pagePrevious|encodeJS}',
+               'wcf.global.pageDirection': '{lang}wcf.global.pageDirection{/lang}',
+               'wcf.global.reason': '{lang}wcf.global.reason{/lang}',
+               'wcf.global.sidebar.hideLeftSidebar': '{lang}wcf.global.sidebar.hideLeftSidebar{/lang}',
+               'wcf.global.sidebar.hideRightSidebar': '{lang}wcf.global.sidebar.hideRightSidebar{/lang}',
+               'wcf.global.sidebar.showLeftSidebar': '{lang}wcf.global.sidebar.showLeftSidebar{/lang}',
+               'wcf.global.sidebar.showRightSidebar': '{lang}wcf.global.sidebar.showRightSidebar{/lang}',
+               'wcf.global.success': '{lang}wcf.global.success{/lang}',
+               'wcf.global.success.add': '{lang}wcf.global.success.add{/lang}',
+               'wcf.global.success.edit': '{lang}wcf.global.success.edit{/lang}',
+               'wcf.global.thousandsSeparator': '{capture assign=thousandsSeparator}{lang}wcf.global.thousandsSeparator{/lang}{/capture}{@$thousandsSeparator|encodeJS}',
+               'wcf.page.sitemap': '{lang}wcf.page.sitemap{/lang}',
+               'wcf.style.changeStyle': '{lang}wcf.style.changeStyle{/lang}'
+               {if MODULE_LIKE}
+                       ,'wcf.like.button.like': '{lang}wcf.like.button.like{/lang}',
+                       'wcf.like.button.dislike': '{lang}wcf.like.button.dislike{/lang}',
+                       'wcf.like.tooltip': '{lang}wcf.like.jsTooltip{/lang}',
+                       'wcf.like.summary': '{lang}wcf.like.summary{/lang}',
+                       'wcf.like.details': '{lang}wcf.like.details{/lang}'
+               {/if}
+               
+               {event name='javascriptLanguageImport'}
+       });
+       
+       new WCF.Date.Time();
+       
+       WCF.Dropdown.init();
+       WCF.System.Mobile.UX.init();
+       
+       WCF.TabMenu.init();
+       WCF.System.FlexibleMenu.init();
+</script>
+
+{if ENABLE_DEBUG_MODE}
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Like.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.ACL.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Attachment.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.ColorPicker.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Comment.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.ImageViewer.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Label.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Location.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Message.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Moderation.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Poll.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Search.Message.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Tagging.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.User.js?v={@$__wcfVersion}"></script>
+{/if}
+
+{event name='javascriptInclude'}
+
+<noscript>
+       <style type="text/css">
+               .jsOnly {
+                       display: none !important;
+               }
+               
+               .noJsOnly {
+                       display: block !important;
+               }
+       </style>
+</noscript>
+
+<script data-relocate="true">
+       //<![CDATA[
+       $(function() {
+               new WCF.Effect.SmoothScroll();
+               new WCF.Effect.BalloonTooltip();
+               new WCF.Sitemap();
+               {if $__wcf->getStyleHandler()->countStyles() > 1}new WCF.Style.Chooser();{/if}
+               WCF.System.PageNavigation.init('.pageNavigation');
+               WCF.Date.Picker.init();
+               new WCF.User.ProfilePreview();
+               new WCF.Notice.Dismiss();
+               
+               {event name='javascriptInit'}
+               
+               {if $executeCronjobs}
+                       new WCF.Action.Proxy({
+                               autoSend: true,
+                               data: {
+                                       className: 'wcf\\data\\cronjob\\CronjobAction',
+                                       actionName: 'executeCronjobs'
+                               },
+                               showLoadingOverlay: false,
+                               failure: function() {
+                                       return false;
+                               }
+                       });
+               {/if}
+               {if $__sessionKeepAlive|isset}
+                       new WCF.System.KeepAlive({@$__sessionKeepAlive});
+               {/if}
+               
+               if ($.browser.msie) {
+                       window.onbeforeunload = function() {
+                               /* Prevent "Back navigation caching" (http://msdn.microsoft.com/en-us/library/ie/dn265017%28v=vs.85%29.aspx) */
+                       };
+               }
+       });
+       //]]>
+</script>
+<!--[IF IE 9]>
+<script data-relocate="true">
+       $(function() {
+               function fixButtonTypeIE9() {
+                       $('button').each(function(index, button) {
+                               var $button = $(button);
+                               if (!$button.attr('type')) {
+                                       $button.attr('type', 'button');
+                               }
+                       });
+               }
+               
+               WCF.DOMNodeInsertedHandler.addCallback('WCF.FixButtonTypeIE9', fixButtonTypeIE9);
+               fixButtonTypeIE9();
+       });
+</script>
+<![ENDIF]-->
+
+{include file='imageViewer'}