Subversion Repositories LCARS

Rev

Rev 228 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 228 Rev 231
1
1
2
<div id="LCARS">
2
<div id="LCARS">
3
<?php /*
3
<?php /*
4
      <div id="button-grid" style="position: absolute; opacity: 0.3">
4
      <div id="button-grid" style="position: absolute; opacity: 0.3">
5
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
5
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
6

6

7
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
7
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
8
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
8
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
9
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
9
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
10
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
10
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
11

11

12
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
12
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
13
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
13
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
14
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
14
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
15
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
15
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
16

16

17
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
17
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
18
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
18
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
19
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
19
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
20
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
20
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
21

21

22
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
22
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
23
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
23
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
24
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
24
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
25
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
25
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
26

26

27
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
27
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
28
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
28
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
29
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
29
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
30
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
30
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
31
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
31
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
32

32

33
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
33
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
34
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
34
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
35
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
35
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
36
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
36
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
37

37

38
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
38
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
39
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
39
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
40
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
40
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
41

41

42
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
42
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
43
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
43
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
44
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
44
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
45

45

46
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
46
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
47
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
47
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
48
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
48
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
49

49

50
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
50
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
51
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
51
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
52
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
52
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
53
      </div>
53
      </div>
54
*/ ?>
54
*/ ?>
55
      <div id="bow">
55
      <div id="bow">
56
    <div id="bow-top">
56
    <div id="bow-top">
57
      <div class="separator-left">&nbsp;</div>
57
      <div class="separator-left">&nbsp;</div>
58
      <div class="text">
58
      <div class="text">
59
        <span>PointedEars’ Website</span>
59
        <span>PointedEars’ Website</span>
60
      </div>
60
      </div>
61
    </div>
61
    </div>
62
    <div id="bow-top-left">
62
    <div id="bow-top-left">
63
      <div class="concave">&nbsp;</div>
63
      <div class="concave">&nbsp;</div>
64
      <div
64
      <div
65
        style="position: absolute; top: 3.2em; left: 0; background-color: black"
65
        style="position: absolute; top: 3.2em; left: 0; background-color: black"
66
      >
66
      >
67
        <div class="bow"
67
        <div class="bow"
68
          style="margin-top: 0.2em; width: 8em; height: 1em"
68
          style="margin-top: 0.2em; width: 8em; height: 1em"
69
        >&nbsp;</div>
69
        >&nbsp;</div>
70
      </div>
70
      </div>
71
    </div>
71
    </div>
72
    <div id="bottom">
72
    <div id="bottom">
73
      <div id="bow-bottom">
73
      <div id="bow-bottom">
74
        <div class="concave">&nbsp;</div>
74
        <div class="concave">&nbsp;</div>
75
        <div class="spacer">&nbsp;</div>
75
        <div class="spacer">&nbsp;</div>
76
      </div>
76
      </div>
77
    </div>
77
    </div>
78
78
79
    <div class="menu-container">
79
    <div class="menu-container">
80
      <nav class="menu">
80
      <nav class="menu">
-
 
81
<!--
81
        <ul>
82
      <ul>
82
            <?php foreach ($languages as $key => $name): ?>
83
            <?php foreach ($languages as $key => $name): ?>
83
              <li><a
84
              <li><a
84
            href="index.<?php echo language_key_short($key); ?>?ani=0"
85
            href="index.<?php echo language_key_short($key); ?>?ani=0"
85
            lang="<?php echo $key; ?>" hreflang="<?php echo $key; ?>"
86
            lang="<?php echo $key; ?>" hreflang="<?php echo $key; ?>"
86
            class="button<?php if ($language === $key) { ?> selected<?php } ?>"
87
            class="button<?php if ($language === $key) { ?> selected<?php } ?>"
87
            tabindex="2"
88
            tabindex="2"
88
          ><span class="text"><?php echo language_name($key); ?></span></a></li>
89
          ><span class="text"><?php echo language_name($key); ?></span></a></li>
89
            <?php endforeach; ?>
90
            <?php endforeach; ?>
90
            </ul>
91
            </ul>
91
        <div class="bow" style="margin-bottom: 0.4em; height: 0.4em">&nbsp;</div>
92
        <div class="bow" style="margin-bottom: 0.4em; height: 0.4em">&nbsp;</div>
-
 
93
 -->
92
        <ul style="margin-bottom: 1.2em">
94
        <ul style="margin-bottom: 1.2em">
93
          <li><a href="<?php echo $menu['scripts']['path']; ?>"
95
          <li><a href="<?php echo $menu['scripts']['path']; ?>"
94
            target="_top" class="button" lang="<?php echo $language; ?>"
96
            target="_top" class="button" lang="<?php echo $language; ?>"
95
          ><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
97
          ><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
96
          <li><a href="<?php echo $menu['es-matrix']['path']; ?>"
98
          <li><a href="<?php echo $menu['es-matrix']['path']; ?>"
97
            target="_top" class="button"
99
            target="_top" class="button"
98
            title="<?php echo $menu['es-matrix']['title']; ?>"
100
            title="<?php echo $menu['es-matrix']['title']; ?>"
99
          ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
101
          ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
100
          <li><a href="<?php echo $menu['devel']['path']; ?>"
102
          <li><a href="<?php echo $menu['devel']['path']; ?>"
101
            target="_top" class="button" lang="<?php echo $language; ?>"
103
            target="_top" class="button" lang="<?php echo $language; ?>"
102
          ><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
104
          ><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
103
        </ul>
105
        </ul>
104
        <ul style="margin-bottom: 0.2em">
106
        <ul style="margin-bottom: 0.2em">
105
          <li><a href="psf/" target="_top" class="button ancillary"><abbr
107
          <li><a href="psf/" target="_top" class="button ancillary"><abbr
106
              title="<?php echo tr("PointedEars' Standard Frases"); ?>"
108
              title="<?php echo tr("PointedEars' Standard Frases"); ?>"
107
              class="text"
109
              class="text"
108
            >psf</abbr></a></li>
110
            >psf</abbr></a></li>
109
          <li><a href="<?php echo $menu['series']['path']; ?>"
111
          <li><a href="<?php echo $menu['series']['path']; ?>"
110
            target="_top" class="button ancillary"
112
            target="_top" class="button ancillary"
111
            title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>"
113
            title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>"
112
          ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
114
          ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
113
          <li><a href="<?php echo $menu['ufpdb']['path']; ?>"
115
          <li><a href="<?php echo $menu['ufpdb']['path']; ?>"
114
            target="_top" class="button database"
116
            target="_top" class="button database"
115
          ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
117
          ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
116
              class="text"
118
              class="text"
117
            ><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
119
            ><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
118
        </ul>
120
        </ul>
119
        <div style="position: relative; margin-bottom: 1.2em">
121
        <div style="position: relative; margin-bottom: 1.2em">
120
          <div class="bow" style="height: 0.8em">&nbsp;</div>
122
          <div class="bow" style="height: 0.8em">&nbsp;</div>
121
        </div>
123
        </div>
122
        <ul>
124
        <ul>
123
          <li><a
125
          <li><a
124
            href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
126
            href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
125
            target="_top" class="button secondary"
127
            target="_top" class="button secondary"
126
            title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>"
128
            title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>"
127
          ><span class="text">climateprediction.net</span></a></li>
129
          ><span class="text">climateprediction.net</span></a></li>
128
          <li><a
130
          <li><a
129
            href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn"
131
            href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn"
130
            target="_top" class="button secondary"
132
            target="_top" class="button secondary"
131
            title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
133
            title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
132
          ><span class="text">Folding at home</span></a></li>
134
          ><span class="text">Folding at home</span></a></li>
133
          <li><a
135
          <li><a
134
            href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
136
            href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
135
            target="_top" class="button secondary"
137
            target="_top" class="button secondary"
136
            title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>"
138
            title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>"
137
          ><span class="text">LHC at home</span></a></li>
139
          ><span class="text">LHC at home</span></a></li>
138
          <li><a
140
          <li><a
139
            href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
141
            href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
140
            target="_top" class="button secondary"
142
            target="_top" class="button secondary"
141
            title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
143
            title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
142
          ><span class="text">SETI at home</span></a></li>
144
          ><span class="text">SETI at home</span></a></li>
143
          <li><a
145
          <li><a
144
            href="http://stackoverflow.com/users/855543/pointedears"
146
            href="http://stackoverflow.com/users/855543/pointedears"
145
            target="_top" class="button secondary"
147
            target="_top" class="button secondary"
146
            title="<?php echo tr("Me on Stack Overflow"); ?>"
148
            title="<?php echo tr("Me on Stack Overflow"); ?>"
147
          ><span class="text">Stack Overflow</span></a></li>
149
          ><span class="text">Stack Overflow</span></a></li>
148
          <li><a href="https://twitter.com/PointedEars2" target="_top"
150
          <li><a href="https://twitter.com/PointedEars2" target="_top"
149
            class="button secondary"
151
            class="button secondary"
150
            title="<?php echo tr("Me on Twitter"); ?>"
152
            title="<?php echo tr("Me on Twitter"); ?>"
151
          ><span class="text">Twitter</span></a></li>
153
          ><span class="text">Twitter</span></a></li>
152
          <li><a
154
          <li><a
153
            href="<?php echo tr("http://en.wikipedia.org/wiki/Special:Contributions/PointedEars"); ?>"
155
            href="<?php echo tr("http://en.wikipedia.org/wiki/Special:Contributions/PointedEars"); ?>"
154
            target="_top" class="button secondary"
156
            target="_top" class="button secondary"
155
            title="<?php echo tr("My contributions to Wikipedia"); ?>"
157
            title="<?php echo tr("My contributions to Wikipedia"); ?>"
156
          ><span class="text"><?php echo tr('Wikipedia'); ?></span></a></li>
158
          ><span class="text"><?php echo tr('Wikipedia'); ?></span></a></li>
157
        </ul>
159
        </ul>
158
<?php /*
160
<?php /*
159
            <script type="text/javascript">
161
            <script type="text/javascript">
160
              var sURL = location.href;
162
              var sURL = location.href;
161
              var sFavAnchorTitle =
163
              var sFavAnchorTitle =
162
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
164
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
163
                + " hinzuzufügen";
165
                + " hinzuzufügen";
164
              var sOtherAnchorTitle =
166
              var sOtherAnchorTitle =
165
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
167
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
166
                + " Ihren Lesezeichen hinzuzufügen";
168
                + " Ihren Lesezeichen hinzuzufügen";
167
              var sFavoriteTitle = "PointedEars' Website";
169
              var sFavoriteTitle = "PointedEars' Website";
168

170

169
              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
171
              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
170
              {
172
              {
171
                document.write(
173
                document.write(
172
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
174
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
173
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
175
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
174
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
176
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
175
                  + '</div>'
177
                  + '</div>'
176
                  + '<a href="javascript:window.external.AddFavorite('
178
                  + '<a href="javascript:window.external.AddFavorite('
177
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
179
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
178
                  + ' class="button"'
180
                  + ' class="button"'
179
                  + ' onclick="window.external.AddFavorite('
181
                  + ' onclick="window.external.AddFavorite('
180
                  + ' sURL, sFavoriteTitle); return false"'
182
                  + ' sURL, sFavoriteTitle); return false"'
181
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
183
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
182
                  + ' onmouseout="return resetStatus()"'
184
                  + ' onmouseout="return resetStatus()"'
183
                  + '><span class="text">Favorit<\/span><\/a>');
185
                  + '><span class="text">Favorit<\/span><\/a>');
184
              }
186
              }
185
            </script>
187
            </script>
186
*/ ?>
188
*/ ?>
187
          </nav>
189
          </nav>
188
    </div>
190
    </div>
189
  </div>
191
  </div>
190
  <div id="connectors">
192
  <div id="connectors">
191
    <div class="bow top left">&nbsp;</div>
193
    <div class="bow top left">&nbsp;</div>
192
    <div class="bow top right">&nbsp;</div>
194
    <div class="bow top right">&nbsp;</div>
193
195
194
    <div class="bow mid left">&nbsp;</div>
196
    <div class="bow mid left">&nbsp;</div>
195
    <div class="bow mid right">&nbsp;</div>
197
    <div class="bow mid right">&nbsp;</div>
196
  </div>
198
  </div>
197
  <div class="multi-display">
199
  <div class="multi-display">
198
    <div class="upper">
200
    <div class="upper">
199
      <div class="content">
201
      <div class="content">
200
        <div class="title" id="title" lang="<?php echo $language; ?>">
202
        <div class="title" id="title" lang="<?php echo $language; ?>">
201
          <span class="text"><?php echo tr('Home'); ?></span>
203
          <span class="text"><?php echo tr('Home'); ?></span>
202
        </div>
204
        </div>
203
        <div class="analysis" id="analysis">
205
        <div class="analysis" id="analysis">
204
          <table>
206
          <table>
205
            <tr>
207
            <tr>
206
              <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Display'); ?>:</span></th>
208
              <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Display'); ?></span></th>
207
              <td lang="<?php echo $language; ?>"><script
209
              <td lang="<?php echo $language; ?>"><script
208
                  type="text/javascript"
210
                  type="text/javascript"
209
                >
211
                >
210
                    var _addEventListener = jsx.dom.addEventListener;
212
                    var _addEventListener = jsx.dom.addEventListener;
211
                    var _runAsync = jsx.dom.timeout.runAsync;
213
                    var _runAsync = jsx.dom.timeout.runAsync;
212
                    var ID_SCREEN_DIM = 'screenDim';
214
                    var ID_SCREEN_DIM = 'screenDim';
213
                    var ID_AVAIL_DIM = 'availDim';
215
                    var ID_AVAIL_DIM = 'availDim';
214
                    var ID_INNER_DIM = 'innerDim';
216
                    var ID_INNER_DIM = 'innerDim';
215
217
216
                    var dim = (function () {
218
                    var dim = (function () {
217
                      var screenInfo = jsx.dom.window.screenInfo;
219
                      var screenInfo = jsx.dom.window.screenInfo;
218
220
219
                      return {
221
                      return {
220
                        getScreenText: function () {
222
                        getScreenText: function () {
221
                          var screenDim = screenInfo.getDim();
223
                          var screenDim = screenInfo.getDim();
222
                          return screenDim.width + "×" + screenDim.height;
224
                          return screenDim.width + "×" + screenDim.height;
223
                        },
225
                        },
224
226
225
                        getAvailText: function () {
227
                        getAvailText: function () {
226
                          var availDim = screenInfo.getAvailDim();
228
                          var availDim = screenInfo.getAvailDim();
227
                          return <?php echo sprintf(tr('%s + "x" + %s + " available"'), 'availDim.width', 'availDim.height'); ?>;
229
                          return <?php echo sprintf(tr('%s + "x" + %s + " available"'), 'availDim.width', 'availDim.height'); ?>;
228
                        },
230
                        },
229
231
230
                        getInnerText: function () {
232
                        getInnerText: function () {
231
                          var innerDim = screenInfo.getInnerDim();
233
                          var innerDim = screenInfo.getInnerDim();
232
                          return ", " + <?php echo sprintf(tr('%s + "x" + %s + " used"'), 'innerDim.width', 'innerDim.height'); ?>;
234
                          return ", " + <?php echo sprintf(tr('%s + "x" + %s + " used"'), 'innerDim.width', 'innerDim.height'); ?>;
233
                        },
235
                        },
234
236
235
                        getColorDepthText: function () {
237
                        getColorDepthText: function () {
236
                          var colorDepth = screenInfo.getColorDepth();
238
                          var colorDepth = screenInfo.getColorDepth();
237
                          return colorDepth
239
                          return colorDepth
238
                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>"
240
                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>"
239
                            : "";
241
                            : "";
240
                        }
242
                        }
241
                      };
243
                      };
242
                    }());
244
                    }());
243
245
244
                    (function () {
246
                    (function () {
245
                      var screenDimText = dim.getScreenText();
247
                      var screenDimText = dim.getScreenText();
246
                      var availDimText = dim.getAvailText();
248
                      var availDimText = dim.getAvailText();
247
                      var innerDimText = dim.getInnerText();
249
                      var innerDimText = dim.getInnerText();
248
                      var colorDepthText = dim.getColorDepthText();
250
                      var colorDepthText = dim.getColorDepthText();
249
                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
251
                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
250
                        ?   (screenDimText ? <?php echo sprintf("'" . tr('%s pixels') . "'", "<span id=\"' + ID_SCREEN_DIM + '\">' + screenDimText + '<\/span>' + '"); ?> : "")
252
                        ?   (screenDimText ? <?php echo sprintf("'" . tr('%s pixels') . "'", "<span id=\"' + ID_SCREEN_DIM + '\">' + screenDimText + '<\/span>' + '"); ?> : "")
251
                          + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
253
                          + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
252
                          + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
254
                          + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
253
                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
255
                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
254
                        : TEXT_NOT_AVAILABLE;
256
                        : TEXT_NOT_AVAILABLE;
255
257
256
                      /* FIXME: Convert HTML to text, update whole title text */
258
                      /* FIXME: Convert HTML to text, update whole title text */
257
                      document.write('<span class="text">' + displayInfo + '<\/span>');
259
                      document.write('<span class="text">' + displayInfo + '<\/span>');
258
260
259
                      var oColorDepth;
261
                      var oColorDepth;
260
                      var tColor = _runAsync(function () {
262
                      var tColor = _runAsync(function () {
261
                        if (typeof oColorDepth == "undefined")
263
                        if (typeof oColorDepth == "undefined")
262
                        {
264
                        {
263
                          oColorDepth = document.getElementById("colorDepth");
265
                          oColorDepth = document.getElementById("colorDepth");
264
                        }
266
                        }
265
267
266
                        if (oColorDepth)
268
                        if (oColorDepth)
267
                        {
269
                        {
268
                          var colorDepthText = dim.getColorDepthText();
270
                          var colorDepthText = dim.getColorDepthText();
269
                          <?php /* FIXME: Also update title attribute value */ ?>
271
                          <?php /* FIXME: Also update title attribute value */ ?>
270
                          if (oColorDepth.innerHTML != colorDepthText)
272
                          if (oColorDepth.innerHTML != colorDepthText)
271
                          {
273
                          {
272
                            oColorDepth.innerHTML = colorDepthText;
274
                            oColorDepth.innerHTML = colorDepthText;
273
                          }
275
                          }
274
                        }
276
                        }
275
277
276
                        tColor = this.run();
278
                        tColor = this.run();
277
                      }, 1000);
279
                      }, 1000);
278
280
279
                      _addEventListener(document, "unload", function () {
281
                      _addEventListener(document, "unload", function () {
280
                        tColor.unset();
282
                        tColor.unset();
281
                        tColor = null;
283
                        tColor = null;
282
                      });
284
                      });
283
                    }());
285
                    }());
284
                  </script>
286
                  </script>
285
                <noscript><?php echo tr('N/A'); ?></noscript></td>
287
                <noscript><?php echo tr('N/A'); ?></noscript></td>
286
            </tr>
288
            </tr>
287
            <tr>
289
            <tr>
288
              <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('User Agent'); ?>:</span></th>
290
              <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('User Agent'); ?></span></th>
289
              <td><script type="text/javascript"
291
              <td><script type="text/javascript"
290
                  src="application/scripts/ua.js"
292
                  src="application/scripts/ua.js"
291
                ></script>
293
                ></script>
292
                <noscript><?php
294
                <noscript><?php
293
                    echo tr('N/A'); ?></noscript></td>
295
                    echo tr('N/A'); ?></noscript></td>
294
            </tr>
296
            </tr>
295
            <tr>
297
            <tr>
296
              <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Features'); ?>:</span></th>
298
              <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Features'); ?></span></th>
297
              <td><script type="text/javascript">
299
              <td><script type="text/javascript">
298
                    var fullscreen = jsx.dom.window.fullscreen;
300
                    var fullscreen = jsx.dom.window.fullscreen;
299
301
300
                    (function () {
302
                    (function () {
301
                      function getFeatures ()
303
                      function getFeatures ()
302
                      {
304
                      {
303
                        var features = [];
305
                        var features = [];
304
                        if (typeof document.cookie != "undefined")
306
                        if (typeof document.cookie != "undefined")
305
                        {
307
                        {
306
                          var cookiesText = "<?php echo tr('Cookies'); ?>"
308
                          var cookiesText = "<?php echo tr('Cookies'); ?>"
307
                          if (navigator.cookieEnabled)
309
                          if (navigator.cookieEnabled)
308
                          {
310
                          {
309
                            if (document.cookie)
311
                            if (document.cookie)
310
                            {
312
                            {
311
                              var cookies = document.cookie;
313
                              var cookies = document.cookie;
312
                              cookies = cookies.split(/\s*;\s*/);
314
                              cookies = cookies.split(/\s*;\s*/);
313
                              features.push('<a href="#" title="'
315
                              features.push('<a href="#" title="'
314
                                + cookies.join("&#13;&#10;")
316
                                + cookies.join("&#13;&#10;")
315
                                + '"'
317
                                + '"'
316
                                + ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>');
318
                                + ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>');
317
                            }
319
                            }
318
                            else
320
                            else
319
                            {
321
                            {
320
                              features.push('<span class="unavailable"'
322
                              features.push('<span class="unavailable"'
321
                                + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'
323
                                + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'
322
                                + '>' + cookiesText + '<\/span>');
324
                                + '>' + cookiesText + '<\/span>');
323
                            }
325
                            }
324
                          }
326
                          }
325
                          else
327
                          else
326
                          {
328
                          {
327
                            features.push('<span class="offline"'
329
                            features.push('<span class="offline"'
328
                              + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"'
330
                              + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"'
329
                              + '>' + cookiesText + '<\/span>');
331
                              + '>' + cookiesText + '<\/span>');
330
                          }
332
                          }
331
                        }
333
                        }
332
334
333
                        if (fullscreen.isSupportedBy(document.documentElement))
335
                        if (fullscreen.isSupportedBy(document.documentElement))
334
                        {
336
                        {
335
                          features.push("<span lang='<?php echo $language; ?>'><span class='text'><?php echo tr('Fullscreen'); ?><\/span><\/span>");
337
                          features.push("<span lang='<?php echo $language; ?>'><span class='text'><?php echo tr('Fullscreen'); ?><\/span><\/span>");
336
                        }
338
                        }
337
339
338
                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
340
                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
339
                        {
341
                        {
340
                          features.push("<?php echo tr('Gamepad'); ?>");
342
                          features.push("<?php echo tr('Gamepad'); ?>");
341
                        }
343
                        }
342
344
343
                        if (jsx.dom.geolocation.isAvailable())
345
                        if (jsx.dom.geolocation.isAvailable())
344
                        {
346
                        {
345
                          features.push('<a href="#" title="<?php echo htmlspecialchars(tr('Get location'), ENT_QUOTES); ?>"'
347
                          features.push('<a href="#" title="<?php echo htmlspecialchars(tr('Get location'), ENT_QUOTES); ?>"'
346
                            + ' lang="<?php echo $language; ?>"'
348
                            + ' lang="<?php echo $language; ?>"'
347
                            + ' onclick=\'return lcars.multiDisplay.geolocate("<?php echo htmlspecialchars(tr('Geolocation'), ENT_QUOTES); ?>", "<?php echo $language; ?>")\''
349
                            + ' onclick=\'return lcars.multiDisplay.geolocate("<?php echo htmlspecialchars(tr('Geolocation'), ENT_QUOTES); ?>", "<?php echo $language; ?>")\''
348
                            + '><span class="text"><?php echo htmlspecialchars(tr('Geolocation'), ENT_QUOTES); ?><\/span><\/a>');
350
                            + '><span class="text"><?php echo htmlspecialchars(tr('Geolocation'), ENT_QUOTES); ?><\/span><\/a>');
349
                        }
351
                        }
350
352
351
                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
353
                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
352
                        {
354
                        {
353
                          features.push("Java");
355
                          features.push("Java");
354
                        }
356
                        }
355
357
356
                        var storage = jsx.dom.storage;
358
                        var storage = jsx.dom.storage;
357
                        if (storage.localStorage.isSupported()) features.push("Local Storage");
359
                        if (storage.localStorage.isSupported()) features.push("Local Storage");
358
360
359
                        if (navigator.plugins)
361
                        if (navigator.plugins)
360
                        {
362
                        {
361
                          if (navigator.plugins.length > 0)
363
                          if (navigator.plugins.length > 0)
362
                          {
364
                          {
363
                            features.push('<span title="'
365
                            features.push('<span title="'
364
                              + navigator.plugins.length
366
                              + navigator.plugins.length
365
                              + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>');
367
                              + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>');
366
                          }
368
                          }
367
                          else
369
                          else
368
                          {
370
                          {
369
                                features.push('<span class="unavailable"'
371
                                features.push('<span class="unavailable"'
370
                                + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"'
372
                                + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"'
371
                                + '>Plugins<\/span>');
373
                                + '>Plugins<\/span>');
372
                          }
374
                          }
373
                        }
375
                        }
374
376
375
                        if (storage.sessionStorage.isSupported())
377
                        if (storage.sessionStorage.isSupported())
376
                        {
378
                        {
377
                          features.push("Session Storage");
379
                          features.push("Session Storage");
378
                        }
380
                        }
379
381
380
                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
382
                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
381
                        return features.join(" &#8226; ");
383
                        return features.join(" &#8226; ");
382
                      }
384
                      }
383
385
384
                      function stripTags (s)
386
                      function stripTags (s)
385
                      {
387
                      {
386
                        return s.replace(/<[^>]+>/g, "");
388
                        return s.replace(/<[^>]+>/g, "");
387
                      }
389
                      }
388
390
389
                      var sFeatures = getFeatures();
391
                      var sFeatures = getFeatures();
390
                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');
392
                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');
391
393
392
                      var oFeatures;
394
                      var oFeatures;
393
                      var oFeaturesHtml;
395
                      var oFeaturesHtml;
394
                      var tFeatures = _runAsync(function () {
396
                      var tFeatures = _runAsync(function () {
395
                        if (typeof oFeatures == "undefined")
397
                        if (typeof oFeatures == "undefined")
396
                        {
398
                        {
397
                          oFeatures = document.getElementById("features");
399
                          oFeatures = document.getElementById("features");
398
                        }
400
                        }
399
401
400
                        if (oFeatures)
402
                        if (oFeatures)
401
                        {
403
                        {
402
                          var sNewFeatures = getFeatures();
404
                          var sNewFeatures = getFeatures();
403
405
404
                          if (!oFeaturesHtml)
406
                          if (!oFeaturesHtml)
405
                          {
407
                          {
406
                            oFeaturesHtml = document.createElement("span");
408
                            oFeaturesHtml = document.createElement("span");
407
                          }
409
                          }
408
410
409
                          if (oFeaturesHtml)
411
                          if (oFeaturesHtml)
410
                          {
412
                          {
411
                            oFeaturesHtml.innerHTML = sNewFeatures;
413
                            oFeaturesHtml.innerHTML = sNewFeatures;
412
                            sNewFeatures = oFeaturesHtml.innerHTML;
414
                            sNewFeatures = oFeaturesHtml.innerHTML;
413
                          }
415
                          }
414
416
415
                          if (oFeatures.innerHTML != sNewFeatures)
417
                          if (oFeatures.innerHTML != sNewFeatures)
416
                          {
418
                          {
417
                            oFeatures.innerHTML = sNewFeatures;
419
                            oFeatures.innerHTML = sNewFeatures;
418
                          }
420
                          }
419
421
420
                          /* Converts CREs */
422
                          /* Converts CREs */
421
                          var newTitle = stripTags(oFeatures.innerHTML)
423
                          var newTitle = stripTags(oFeatures.innerHTML)
422
                          if (oFeatures.title != newTitle)
424
                          if (oFeatures.title != newTitle)
423
                          {
425
                          {
424
                            oFeatures.title = newTitle;
426
                            oFeatures.title = newTitle;
425
                          }
427
                          }
426
                        }
428
                        }
427
429
428
                        tFeatures = this.run();
430
                        tFeatures = this.run();
429
                      }, 1000);
431
                      }, 1000);
430
                    }());
432
                    }());
431
433
432
                    _addEventListener(document, "unload", function () {
434
                    _addEventListener(document, "unload", function () {
433
                      tFeatures.unset();
435
                      tFeatures.unset();
434
                      tFeatures = null;
436
                      tFeatures = null;
435
                    });
437
                    });
436
438
437
                    var windowText = "<?php echo tr("Window"); ?>";
439
                    var windowText = "<?php echo tr("Window"); ?>";
438
                  </script>
440
                  </script>
439
                <noscript><?php echo tr('N/A'); ?></noscript></td>
441
                <noscript><?php echo tr('N/A'); ?></noscript></td>
440
            </tr>
442
            </tr>
441
          </table>
443
          </table>
442
        </div>
444
        </div>
443
        <ul class="commands">
445
        <ul class="commands">
444
          <li id="cmd1"><a href="index.php" title="Language selection"
446
          <li id="cmd1"><a href="index.php" title="Language selection"
445
            tabindex="1" class="button left right"
447
            tabindex="1" class="button left right"
446
            onmouseover="return setStatus(this.title + ': ' + this.href)"
448
            onmouseover="return setStatus(this.title + ': ' + this.href)"
447
            onmouseout="return resetStatus()"
449
            onmouseout="return resetStatus()"
448
            onfocus="return this.onmouseover()"
450
            onfocus="return this.onmouseover()"
449
            onblur="return this.onmouseout()"
451
            onblur="return this.onmouseout()"
450
          ><abbr class="text" title="Language selection">Language</abbr></a></li>
452
          ><abbr class="text" title="Language selection">Language</abbr></a></li>
451
          <li id="cmd2"><a
453
          <li id="cmd2"><a
452
            href="index.<?php echo $language; ?>?printable=1"
454
            href="index.<?php echo $language; ?>?printable=1"
453
            title="<?php echo tr('Printable version'); ?>" tabindex="1"
455
            title="<?php echo tr('Printable version'); ?>" tabindex="1"
454
            class="button left right"
456
            class="button left right"
455
            onmouseover="return setStatus(this.title + ': ' + this.href)"
457
            onmouseover="return setStatus(this.title + ': ' + this.href)"
456
            onmouseout="return resetStatus()"
458
            onmouseout="return resetStatus()"
457
            onfocus="return this.onmouseover()"
459
            onfocus="return this.onmouseover()"
458
            onblur="return this.onmouseout()"
460
            onblur="return this.onmouseout()"
459
            lang="<?php echo $language; ?>"
461
            lang="<?php echo $language; ?>"
460
          ><span class="text"><?php echo tr("Printable"); ?></span></a></li>
462
          ><span class="text"><?php echo tr("Printable"); ?></span></a></li>
-
 
463
          <li id="cmd3"><script type="text/javascript">
-
 
464
              function toggleFullscreen (button)
-
 
465
              {
-
 
466
                var nowIsFullscreen = fullscreen.isFullscreen();
-
 
467
-
 
468
                if (nowIsFullscreen)
-
 
469
                {
-
 
470
                  fullscreen.cancel();
-
 
471
                }
-
 
472
                else
-
 
473
                {
-
 
474
                  fullscreen.requestOn(document.documentElement, button);
-
 
475
                }
-
 
476
              }
461
          <li id="cmd3"><div class="button left right"
477
            </script><div class="button left right"
462
              style="cursor: not-allowed !important"
478
              style="cursor: not-allowed !important"
463
              onclick="fullscreen.requestOn(document.documentElement, this)"
479
              onclick="toggleFullscreen(this)"
464
              onkeyup="if (event.keyCode == 13) { this.onclick(); }"
480
              onkeyup="if (event.keyCode == 13) { this.click(); }"
465
              lang="<?php echo $language; ?>"
481
              lang="<?php echo $language; ?>"
466
            ><span class="text"><script type="text/javascript">
482
            ><span class="text"><script type="text/javascript">
467
                     var cmd3;
483
                     var cmd3;
468
                     if (fullscreen.isSupportedBy(document.documentElement))
484
                     if (fullscreen.isSupportedBy(document.documentElement))
469
                     {
485
                     {
470
                       _addEventListener(window, "load", function () {
486
                       _addEventListener(window, "load", function () {
471
                         if (typeof cmd3 == "undefined")
487
                         if (typeof cmd3 == "undefined")
472
                         {
488
                         {
473
                           cmd3 = jsx.dom.getElementById("cmd3");
489
                           cmd3 = jsx.dom.getElementById("cmd3");
474
                         }
490
                         }
475
491
476
                         if (cmd3)
492
                         if (cmd3)
477
                         {
493
                         {
478
                           cmd3.firstChild.tabIndex = "1";
494
                           cmd3.lastChild.tabIndex = "1";
479
                         }
495
                         }
480
                       });
496
                       });
481
497
482
                       var fullscreenText = "<?php echo tr("Fullscreen"); ?>";
498
                       var fullscreenText = "<?php echo tr("Fullscreen"); ?>";
483
                       document.write(fullscreenText);
499
                       document.write(fullscreenText);
484
                     }
500
                     }
485
501
486
                     var oScreenDim;
502
                     var oScreenDim;
487
                     var oAvailDim;
503
                     var oAvailDim;
488
                     var oInnerDim;
504
                     var oInnerDim;
489
                     var _gEBI = jsx.dom.getElementById;
505
                     var _gEBI = jsx.dom.getElementById;
490
                     var previousIsFullscreen;
506
                     var previousIsFullscreen;
491
                     var oldHandler;
507
                     var oldHandler;
492
508
493
                     _addEventListener(window, "resize", function () {
509
                     _addEventListener(window, "resize", function () {
494
                       <?php /* FIXME: Also update title attribute value */ ?>
510
                       <?php /* FIXME: Also update title attribute value */ ?>
495
                       if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
511
                       if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
496
                       if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
512
                       if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
497
513
498
                       if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
514
                       if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
499
                       if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
515
                       if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
500
516
501
                       if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
517
                       if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
502
                       if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
518
                       if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
503
519
504
                       if (fullscreen.isSupportedBy(document.documentElement))
520
                       if (fullscreen.isSupportedBy(document.documentElement))
505
                       {
521
                       {
506
                         var nowIsFullscreen = fullscreen.isFullscreen();
522
                         var nowIsFullscreen = fullscreen.isFullscreen();
507
                         if (nowIsFullscreen != previousIsFullscreen)
523
                         if (nowIsFullscreen != previousIsFullscreen)
508
                         {
524
                         {
509
                           if (typeof cmd3 == "undefined")
525
                           if (typeof cmd3 == "undefined")
510
                           {
526
                           {
511
                             cmd3 = document.getElementById("cmd3");
527
                             cmd3 = document.getElementById("cmd3");
512
                           }
528
                           }
513
529
514
                           var target = cmd3.firstChild;
-
 
515
                           var textTarget = target.firstChild;
530
                           var textTarget = cmd3.lastChild.firstChild;
516
                           if (nowIsFullscreen)
531
                           if (nowIsFullscreen)
517
                           {
532
                           {
518
                             /* FIXME: Do not override event listeners, use the state instead */
-
 
519
                             oldHandler = target.onclick;
-
 
520
                             target.onclick = function () {
-
 
521
                               fullscreen.cancel();
-
 
522
                             };
-
 
523
                             textTarget.textContent = "<?php echo tr("Window"); ?>";
533
                             textTarget.innerHTML = "<?php echo tr("Window"); ?>";
524
                           }
534
                           }
525
                           else
535
                           else
526
                           {
536
                           {
527
                             target.onclick = oldHandler;
-
 
528
                             textTarget.textContent = fullscreenText;
537
                             textTarget.innerHTML = fullscreenText;
529
                           }
538
                           }
530
539
531
                           previousIsFullscreen = nowIsFullscreen;
540
                           previousIsFullscreen = nowIsFullscreen;
532
                         }
541
                         }
533
                       }
542
                       }
534
                     });
543
                     });
535
                   </script></span>
544
                   </script></span></div></li>
536
            </div></li>
-
 
537
          <li id="cmd4"><script type="text/javascript">
545
          <li id="cmd4"><script type="text/javascript">
538
                  var LANG_KLINGON = "<?php echo $klingon; ?>";
546
                  var LANG_KLINGON = "<?php echo $klingon; ?>";
539
                  var LANG_VULCAN = "<?php echo $vulcan; ?>";
547
                  var LANG_VULCAN = "<?php echo $vulcan; ?>";
540
                  lcars.language = "<?php echo $language; ?>";
548
                  lcars.language = "<?php echo $language; ?>";
541
                </script>
549
                </script>
542
            <script type="text/javascript" src="application/scripts/klingon.js"></script>
550
            <script type="text/javascript" src="application/scripts/klingon.js"></script>
543
            <script type="text/javascript" src="application/scripts/vulcan-media-script.js"></script>
551
            <script type="text/javascript" src="application/scripts/vulcan-media-script.js"></script>
544
            <script type="text/javascript">
552
            <script type="text/javascript">
545
              function toggleScript (button)
553
              function toggleScript (button)
546
              {
554
              {
547
                var is_alien_language = (lcars.language == LANG_KLINGON
555
                var is_alien_language = (lcars.language == LANG_KLINGON
548
                  || lcars.language == LANG_VULCAN);
556
                  || lcars.language == LANG_VULCAN);
549
557
550
                if (media_script_used)
558
                if (media_script_used)
551
                {
559
                {
552
                  klingonLatinScript(button);
560
                  klingonLatinScript(button);
553
                  latinScript(button);
561
                  latinScript(button);
554
562
555
                  if (!is_alien_language)
563
                  if (!is_alien_language)
556
                  {
564
                  {
557
                    button.firstChild.textContent = button.getAttribute("data-caption");
565
                    button.firstChild.textContent = button.getAttribute("data-caption");
558
                  }
566
                  }
559
                }
567
                }
560
                else
568
                else
561
                {
569
                {
562
                  pIqaD(button);
570
                  pIqaD(button);
563
                  mediaScript(button);
571
                  mediaScript(button);
564
572
565
                  if (!is_alien_language)
573
                  if (!is_alien_language)
566
                  {
574
                  {
567
                    button.setAttribute("data-caption", button.firstChild.textContent);
575
                    button.setAttribute("data-caption", button.firstChild.textContent);
568
                    button.firstChild.textContent = "Latin";
576
                    button.firstChild.textContent = "<?php echo tr('Latin'); ?>";
569
                  }
577
                  }
570
                }
578
                }
571
              }
579
              }
572
            </script>
580
            </script>
573
            <div class="button left right"<?php
581
            <div class="button left right"<?php
574
              $language_keys = array_keys($languages);
582
//               $language_keys = array_keys($languages);
575
              if (in_array(@$klingon, $language_keys) || in_array(@$vulcan, $language_keys))
583
              if (in_array($language, array(@$klingon, @$vulcan)))
576
              {
584
              {
577
                ?> tabindex="1" onclick="return toggleScript(this)"<?php
585
                ?> tabindex="1" onclick="return toggleScript(this)"<?php
578
              }
586
              }
579
              else
587
              else
580
              {
588
              {
581
                ?> style="cursor: not-allowed !important"<?php
589
                ?> style="cursor: not-allowed !important"<?php
582
              }
590
              }
-
 
591
              ?>
-
 
592
              onkeyup="if (event.keyCode == 13) { this.click(); }"
583
              ?>><span class="text" lang="<?php echo $language; ?>"><?php
593
              ><span class="text" lang="<?php echo $language; ?>"><?php
584
                switch ($language)
594
                switch ($language)
585
                {
595
                {
586
                  case $klingon: echo 'pIqaD'; break;
596
                  case $klingon: echo 'pIqaD'; break;
587
                  case $vulcan: echo 'Hitra-Zukitan'; break;
597
                  case $vulcan: echo 'Hitra-Zukitan'; break;
588
                  default: echo 'Original';
598
//                   default: echo tr('Original');
589
                }
599
                }
590
              ?></span>
600
              ?></span>
591
            </div></li>
601
            </div></li>
592
        </ul>
602
        </ul>
593
      </div>
603
      </div>
594
      <div class="elbo-button">
604
      <div class="elbo-button">
595
        <span class="text" lang="<?php echo $language; ?>"
605
        <span class="text" lang="<?php echo $language; ?>"
596
          title="<?php echo tr("Date of last modification"); ?>"
606
          title="<?php echo tr("Date of last modification"); ?>"
597
        ><?php echo gmdate('Ym.d', $modi); ?></span>
607
        ><?php echo gmdate('Ym.d', $modi); ?></span>
598
      </div>
608
      </div>
599
      <div class="elbo" lang="<?php echo $language; ?>">
609
      <div class="elbo" lang="<?php echo $language; ?>">
600
        <span class="text"><abbr
610
        <span class="text"><abbr
601
          title="<?php echo tr('Library Computer Access and Retrieval System'); ?>"
611
          title="<?php echo tr('Library Computer Access and Retrieval System'); ?>"
602
        ><?php echo tr('LCARS'); ?></abbr> PE-22A</span>
612
        ><?php echo tr('LCARS'); ?></abbr> PE-22A</span>
603
        <div class="concave">&nbsp;</div>
613
        <div class="concave">&nbsp;</div>
604
      </div>
614
      </div>
605
      <div class="border">
615
      <div class="border">
606
        <div class="left">&nbsp;</div>
616
        <div class="left">&nbsp;</div>
607
        <div class="right">&nbsp;</div>
617
        <div class="right">&nbsp;</div>
608
      </div>
618
      </div>
609
    </div>
619
    </div>
610
    <div class="lower">
620
    <div class="lower">
611
      <div class="elbo">
621
      <div class="elbo">
612
        <div class="concave">&nbsp;</div>
622
        <div class="concave">&nbsp;</div>
613
      </div>
623
      </div>
614
      <div class="bg">&nbsp;</div>
624
      <div class="bg">&nbsp;</div>
615
      <div class="border-container">
625
      <div class="border-container">
616
        <div class="border">
626
        <div class="border">
617
          <div class="left">&nbsp;</div>
627
          <div class="left">&nbsp;</div>
618
          <div class="right">&nbsp;</div>
628
          <div class="right">&nbsp;</div>
619
        </div>
629
        </div>
620
      </div>
630
      </div>
621
    </div>
631
    </div>
622
  </div>
632
  </div>
623
</div>
633
</div>
624
 
634