1 | {if isset($Juza_active)} |
---|
2 | {known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"} |
---|
3 | {known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js"} |
---|
4 | {assign var=JUZA value=$ROOT_URL|@cat:"template/"|@cat:$themeconf.template|@cat:"/theme/"|@cat:$themeconf.theme} |
---|
5 | {known_script id="juza" src=$JUZA|@cat:"/js/juzascript.js"} |
---|
6 | {html_head} |
---|
7 | <script type="text/javascript"> |
---|
8 | $('img.bigImg').each(function() {ldelim} |
---|
9 | $h = $(this).height() |
---|
10 | if ($h < {$Juza_height}) {ldelim} |
---|
11 | $(this).parent('.maxIllustration a').eq(0).css('height', $h+'px'); |
---|
12 | $(this).parent('li.Juza-cat').eq(0).css('height', (55+$h)+'px'); |
---|
13 | $(this).parent('li.Juza-cat').eq(0).css('min-height', (55+$h)+'px'); |
---|
14 | $(this).parent('li.Juza-cat').children('.description').eq(0).css('height', (325+$h)+'px'); |
---|
15 | $(this).parent('li.Juza-cat').children('.description').eq(0).css('top', (-(12+$h))+'px'); |
---|
16 | } |
---|
17 | }); |
---|
18 | </script> |
---|
19 | {if isset($Juza_Auto_CS)} {* Auto Cropping and Shifting *} |
---|
20 | <style type="text/css"> |
---|
21 | .maxIllustration a {ldelim} max-height: {$Juza_height}px; height: {$Juza_height}px; width:{$Juza_width}px; } |
---|
22 | .bigImg {ldelim} top:{$Juza_shift}px; width:{$Juza_width}px !important; } |
---|
23 | #imageToolBar {ldelim} top:{$Juza_shift2}px; } |
---|
24 | .content ul.thumbnailCategories li.Juza-cat {ldelim} height:{$Juza_height2}px; min-height:{$Juza_height2}px; } |
---|
25 | </style> |
---|
26 | {else} |
---|
27 | <script type="text/javascript"> |
---|
28 | $('img.bigImg').each(function() {ldelim} |
---|
29 | $h = $(this).height() |
---|
30 | $(this).parent('.maxIllustration a').eq(0).css('height', $h+'px'); |
---|
31 | $(this).parent('li.Juza-cat').eq(0).css('height', (55+$h)+'px'); |
---|
32 | $(this).parent('li.Juza-cat').eq(0).css('min-height', (55+$h)+'px'); |
---|
33 | $(this).parent('li.Juza-cat').children('.description').eq(0).css('height', (325+$h)+'px'); |
---|
34 | $(this).parent('li.Juza-cat').children('.description').eq(0).css('top', (-(12+$h))+'px'); |
---|
35 | $(this).after('--'+$h+'px --'); |
---|
36 | }); |
---|
37 | </script> |
---|
38 | {/if} |
---|
39 | <style type="text/css"> |
---|
40 | .content div.thumbnailCategory div.description {ldelim} height:{$Juza_height3}px !important; top:{$Juza_shift3}px; } |
---|
41 | #copyright {ldelim} margin-top: {$Juza_width}px; } |
---|
42 | table.juzabar td {ldelim} width: 155px; } |
---|
43 | </style> |
---|
44 | <noscript> |
---|
45 | <style type="text/css"> |
---|
46 | .maxIllustration a {ldelim} max-height: auto; height: auto; width:auto; } |
---|
47 | .bigImg {ldelim} top:0px; width:auto !important; } |
---|
48 | #imageToolBar {ldelim} top:0px; } |
---|
49 | .content ul.thumbnailCategories li.Juza-cat {ldelim} height:auto; min-height:auto; } |
---|
50 | .content div.thumbnailCategory div.description {ldelim} height:auto !important; top:0px; } |
---|
51 | #copyright {ldelim} margin-top: 0px; } |
---|
52 | .content ul.thumbnailCategories li {ldelim} width:49.7%; } |
---|
53 | </style> |
---|
54 | </noscript> |
---|
55 | |
---|
56 | {/html_head} |
---|
57 | {else} |
---|
58 | {html_head} |
---|
59 | <style type="text/css"> |
---|
60 | .content ul.thumbnailCategories li {ldelim} width:49.7%; } |
---|
61 | </style> |
---|
62 | {/html_head} |
---|
63 | {/if} |
---|
64 | <table cellspacing="0" class="juzabar"> |
---|
65 | <tbody><tr> |
---|
66 | <td>HOME PAGE</td> |
---|
67 | <td>PORTFOLIO</td> |
---|
68 | <td><a href="{$ROOT_URL}index.php"><strong>GALLERIES</strong></a></td> |
---|
69 | <td><a title="See available tags" href="{$ROOT_URL}tags.php"><strong>TAGS</strong></a></td> |
---|
70 | <td>ABOUT JUZA</td> |
---|
71 | <td>E-MAIL</td> |
---|
72 | <td>LINKS</td> |
---|
73 | <td>JUZA FORUM</td> |
---|
74 | </tr> |
---|
75 | </tbody></table> |
---|
76 | {if isset($thumbnails) and isset($Juza_active)} |
---|
77 | <div id="ix-desc" style="display:none"> |
---|
78 | {foreach from=$thumbnails item=thumbnail} |
---|
79 | <div title="{$thumbnail.FILE_DESC|@htmlspecialchars}" class="Thumb-{$thumbnail.ID}" alt="{$thumbnail.FILE_WIDTH}"></div> |
---|
80 | <div title="{$thumbnail.FILE_PATH}" class="Medium-{$thumbnail.ID}" alt="{$thumbnail.FILE_HEIGHT}"></div> |
---|
81 | {/foreach} |
---|
82 | </div> |
---|
83 | {/if} |
---|
84 | {if isset($category_thumbnails) and isset($Juza_active)} |
---|
85 | <div id="ix-cat" style="display:none"> |
---|
86 | {foreach from=$category_thumbnails item=cat} |
---|
87 | <div title="{$cat.TN_SRC|@Juza_file}" alt="{$cat.DESCRIPTION|@htmlspecialchars}" class="Cat-{$cat.NAME}"></div> |
---|
88 | {/foreach} |
---|
89 | </div> |
---|
90 | {/if} |
---|
91 | {if isset($Juza_config)} |
---|
92 | <form id="Juza_config" method="post" class="properties" action="index.php"> |
---|
93 | <fieldset id="Juza_config_fs"> |
---|
94 | <legend><span class="legend">{'Juza Theme Configuration'|@translate}</span></legend> |
---|
95 | <ul> |
---|
96 | <li> |
---|
97 | <label> |
---|
98 | <span class="property">{'Activate Juza handlers'|@translate}</span> |
---|
99 | <input type="checkbox" name="Juza_handlers" {$Juza_handlers} /> |
---|
100 | <span class="range">{'Unselected => like Javascript inactive'|@translate}</span> |
---|
101 | </label> |
---|
102 | </li> |
---|
103 | <li> |
---|
104 | <span class="property"> |
---|
105 | <label for="Width">{'Index picture max-width'|@translate}</label> |
---|
106 | </span> |
---|
107 | <input type="text" size="4" maxlength="4" name="Juza_width" id="Juza_width" value="{$Juza_width}" /> |
---|
108 | <span class="range">{'[300:885]'|@translate}</span> |
---|
109 | </li> |
---|
110 | <li> |
---|
111 | <span class="property"> |
---|
112 | <label for="Height">{'Index picture cropping-height'|@translate}</label> |
---|
113 | </span> |
---|
114 | <input type="text" size="4" maxlength="4" name="Juza_height" id="Juza_height" value="{$Juza_height}" /> |
---|
115 | <span class="range">{'[110:400]'|@translate}</span> |
---|
116 | </li> |
---|
117 | <li> |
---|
118 | <span class="property"> |
---|
119 | <label for="Shift">{'Index picture top-shift'|@translate}</label> |
---|
120 | </span> |
---|
121 | <input type="text" size="4" maxlength="4" name="Juza_shift" id="Juza_shift" value="{$Juza_shift}" /> |
---|
122 | <span class="range">{'[-320:0]'|@translate}</span> |
---|
123 | </li> |
---|
124 | <li> |
---|
125 | <label> |
---|
126 | <span class="property">{'Auto cropping and shifting'|@translate}</span> |
---|
127 | <input type="checkbox" name="Juza_Auto_CS" {$Juza_Auto_CS} /> |
---|
128 | <span class="range">{'Recommended medium width less 885px'|@translate}</span> |
---|
129 | </label> |
---|
130 | </li> |
---|
131 | </ul> |
---|
132 | </fieldset> |
---|
133 | |
---|
134 | <input type="hidden" value="true" name="Juza_conf" /> |
---|
135 | <input class="submit" type="submit" name="Juza_submit" value="{'Submit'|@translate}" /> |
---|
136 | <input class="submit" type="submit" name="Juza_reset" value="{'Reset'|@translate}" /> |
---|
137 | <input class="submit" type="submit" name="Juza_close" value="{'Close'|@translate}" /> |
---|
138 | |
---|
139 | </form> |
---|
140 | {/if} |
---|