Subversion Repositories LCARS

Rev

Rev 181 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 181 Rev 183
1
<!DOCTYPE html>
1
<!DOCTYPE html>
2
<html lang="<?php echo $language; ?>">
2
<html lang="<?php echo $language; ?>">
3
  <head>
3
  <head>
4
    <title>Home — PointedEars’ Website</title>
4
    <title>Home — PointedEars’ Website</title>
5
5
6
    <link rel="SHORTCUT ICON" href="favicon.ico">
6
    <link rel="SHORTCUT ICON" href="favicon.ico">
7
7
8
    <!-- Browsers: Character Encoding -->
8
    <!-- Browsers: Character Encoding -->
9
    <meta charset="UTF-8">
9
    <meta charset="UTF-8">
10
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
10
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
11
11
12
    <!-- Robots: Index, Subordinated Files, Description, Author,
12
    <!-- Robots: Index, Subordinated Files, Description, Author,
13
         Keywords, Document Date -->
13
         Keywords, Document Date -->
14
    <meta name="robots" content="index">
14
    <meta name="robots" content="index">
15
    <meta name="robots" content="follow">
15
    <meta name="robots" content="follow">
16
<?php /*
16
<?php /*
17
    <meta name="description"
17
    <meta name="description"
18
          content="PointedEars' Website: <?php
18
          content="PointedEars' Website: <?php
19
            $description = tr("Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: The best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!");
19
            $description = tr("Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: The best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!");
20
            echo $description;
20
            echo $description;
21
            ?>">
21
            ?>">
22
*/ ?>
22
*/ ?>
23
    <meta name="author" content="Thomas ‘PointedEars’ Lahn">
23
    <meta name="author" content="Thomas ‘PointedEars’ Lahn">
24
24
25
    <?php /* No localization of keywords at the time */ ?>
25
    <?php /* No localization of keywords at the time */ ?>
26
    <meta name="keywords"
26
    <meta name="keywords"
27
          content="<?php /* Appz, */ ?>Download, Links, LCARS, Star Trek, TNG, The Next Generation, DS9, Deep Space 9, Deep Space Nine, VOY, Voyager, UFP, Federation, United Federation of Planets, Database, Databank, <?php /* Song, Songbook, Surf, anonymously, */?>Raumschiff Enterprise, DNG, Die n&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank<?php /*, Lied, Liedtext, surfen, anonym */ ?>">
27
          content="<?php /* Appz, */ ?>Download, Links, LCARS, Star Trek, TNG, The Next Generation, DS9, Deep Space 9, Deep Space Nine, VOY, Voyager, UFP, Federation, United Federation of Planets, Database, Databank, <?php /* Song, Songbook, Surf, anonymously, */?>Raumschiff Enterprise, DNG, Die n&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank<?php /*, Lied, Liedtext, surfen, anonym */ ?>">
28
<?php /*
28
<?php /*
29
    <meta name="keywords" http-equiv="Keywords" lang="de" content="">
29
    <meta name="keywords" http-equiv="Keywords" lang="de" content="">
30
    <meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
30
    <meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
31
    <meta name="keywords" http-equiv="Keywords" lang="en" content="">
31
    <meta name="keywords" http-equiv="Keywords" lang="en" content="">
32
*/ ?>
32
*/ ?>
33
    <meta name="revisit-after" content="3 days">
33
    <meta name="revisit-after" content="3 days">
34
34
35
    <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
35
    <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
36
    <meta name="dcterms.title" content="PointedEars’ Website">
36
    <meta name="dcterms.title" content="PointedEars’ Website">
37
    <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">
37
    <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">
38
    <meta name="dcterms.subject" content="Private Web site">
38
    <meta name="dcterms.subject" content="Private Web site">
39
<?php /*
39
<?php /*
40
    <meta name="dcterms.description"
40
    <meta name="dcterms.description"
41
          content="PointedEars' Website: <?php echo $description; ?>">
41
          content="PointedEars' Website: <?php echo $description; ?>">
42
*/ ?>
42
*/ ?>
43
    <meta name="dcterms.publisher" content="PointedEars">
43
    <meta name="dcterms.publisher" content="PointedEars">
44
    <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">
44
    <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">
45
    <meta name="dcterms.created" content="2002-05-23">
45
    <meta name="dcterms.created" content="2002-05-23">
46
    <meta name="dcterms.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
46
    <meta name="dcterms.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
47
<?php /*
47
<?php /*
48
    <meta name="dcterms.type" content="">
48
    <meta name="dcterms.type" content="">
49
    <meta name="dcterms.format" content="">
49
    <meta name="dcterms.format" content="">
50
*/ ?>
50
*/ ?>
51
    <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">
51
    <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">
52
    <meta name="dcterms.language" content="<?php echo $language; ?>">
52
    <meta name="dcterms.language" content="<?php echo $language; ?>">
53
    <meta name="dcterms.rightsHolder"
53
    <meta name="dcterms.rightsHolder"
54
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
54
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
55
    <meta name="dcterms.rights"
55
    <meta name="dcterms.rights"
56
          content="<?php echo tr("All rights reserved."); ?> <?php echo tr("The author is not responsible for the availability and the content of websites referred by this site, and not responsible for the availability and the content of websites referred by those sites. Whereever outsourced material is used, copyright or trademark infringement is not intended. Third parties who claim copyrights or trademarks used herein are asked to send an informal email to webmaster@PointedEars.de for immediate removal or modification of the respective material on the website instead of reminding the author of usage of this material. Thank you."); ?>">
56
          content="<?php echo tr("All rights reserved."); ?> <?php echo tr("The author is not responsible for the availability and the content of websites referred by this site, and not responsible for the availability and the content of websites referred by those sites. Whereever outsourced material is used, copyright or trademark infringement is not intended. Third parties who claim copyrights or trademarks used herein are asked to send an informal email to webmaster@PointedEars.de for immediate removal or modification of the respective material on the website instead of reminding the author of usage of this material. Thank you."); ?>">
57
57
58
<?php /*
58
<?php /*
59
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
59
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
60
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
60
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
61
    <!-- No optimization here: Resource Builder does not handle URI parameters -->
61
    <!-- No optimization here: Resource Builder does not handle URI parameters -->
62
*/ ?>
62
*/ ?>
63
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic">
63
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic">
64
<?php
64
<?php
65
  $isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
65
  $isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
66
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
66
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
67
  if (!$printable)
67
  if (!$printable)
68
  {
68
  {
69
?>
69
?>
70
    <link rel="stylesheet" type="text/css" href="styles/lcars22<?php
70
    <link rel="stylesheet" type="text/css" href="styles/lcars22<?php
71
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
71
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
72
      {
72
      {
73
        echo '?ani=' . $_GET['ani'];
73
        echo '?ani=' . $_GET['ani'];
74
      }
74
      }
75
    ?>">
75
    ?>">
76
<?php
76
<?php
77
  }
77
  }
78
?>
78
?>
79
    <!--[if lt IE 7]>
79
    <!--[if lt IE 7]>
80
      <link rel="stylesheet" type="text/css" href="styles/lcars22-ie6.css">
80
      <link rel="stylesheet" type="text/css" href="styles/lcars22-ie6.css">
81
    <![endif]-->
81
    <![endif]-->
82
    <style type="text/css">
82
    <style type="text/css">
83
      <!--
83
      <!--
84
      p {
84
      p {
85
        max-width: 100%;
85
        max-width: 100%;
86
      }
86
      }
87
      -->
87
      -->
88
    </style>
88
    </style>
89
89
90
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/widgets,dom/window,http,lcars<?php
90
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/storage,dom/events,dom/geolocation,dom/timeout,dom/widgets,dom/window,http,lcars<?php
91
      if ($isLocal)
91
      if ($isLocal)
92
      {
92
      {
93
        ?>&amp;verbose=1&amp;debug=1<?php
93
        ?>&amp;verbose=1&amp;debug=1<?php
94
      }
94
      }
95
    ?>"></script>
95
    ?>"></script>
96
    <script type="text/javascript">
96
    <script type="text/javascript">
97
<?php
97
<?php
98
      /*
98
      /*
99
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
99
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
100
      var msLeaveDays = ms1Day*6;
100
      var msLeaveDays = ms1Day*6;
101
      var ms30Days=ms1Day*30;
101
      var ms30Days=ms1Day*30;
102
      var delta;
102
      var delta;
103
      var newTime=new Date();
103
      var newTime=new Date();
104
      var msTime=newTime.getTime();
104
      var msTime=newTime.getTime();
105
      var msExpire=msTime+ms30Days;
105
      var msExpire=msTime+ms30Days;
106
      var expireTime=new Date(msExpire);
106
      var expireTime=new Date(msExpire);
107

107

108
      cookieVal=
108
      cookieVal=
109
          "savedTime=" + newTime.toGMTString()
109
          "savedTime=" + newTime.toGMTString()
110
        + "; expires=" + expireTime.toGMTString()
110
        + "; expires=" + expireTime.toGMTString()
111
        + "; domain=anybody"
111
        + "; domain=anybody"
112
        + "; path=/";
112
        + "; path=/";
113
      document.cookie= cookieVal;
113
      document.cookie= cookieVal;
114
      */
114
      */
115
?>
115
?>
-
 
116
      var TEXT_NOT_AVAILABLE = "<?php echo tr('N/A'); ?>";
-
 
117
116
      function body_load ()
118
      function body_load ()
117
      {
119
      {
118
        if (typeof this.ontouchstart != 'undefined')
120
        if (typeof this.ontouchstart != 'undefined')
119
        {
121
        {
120
          this.ontouchstart = function () {};
122
          this.ontouchstart = function () {};
121
        }
123
        }
122
124
123
        if (fullscreen.isSupportedBy(document.documentElement))
125
        if (fullscreen.isSupportedBy(document.documentElement))
124
        {
126
        {
125
          var fullscreenLI = jsx.dom.getElementById("cmd3");
127
          var fullscreenLI = jsx.dom.getElementById("cmd3");
126
          fullscreenLI.firstChild.style.cursor = "";
128
          fullscreenLI.firstChild.style.cursor = "";
127
        }
129
        }
128
130
-
 
131
        jsx.dom.geolocation.setTexts({
-
 
132
          TEXT_LATITUDE: "<?php echo tr('Latitude'); ?>",
-
 
133
          TEXT_NORTH_ABBR: "<?php echo tr('N'); ?>",
-
 
134
          TEXT_SOUTH_ABBR: "<?php echo tr('S'); ?>",
-
 
135
          TEXT_LONGITUDE: "<?php echo tr('Longitude'); ?>",
-
 
136
          TEXT_WEST_ABBR: "<?php echo tr('W'); ?>",
-
 
137
          TEXT_EAST_ABBR: "<?php echo tr('E'); ?>",
-
 
138
          TEXT_LAT_LNG_ACCURACY: "<?php echo tr('Lat/Lng Accuracy'); ?>",
-
 
139
          TEXT_ALTITUDE: "<?php echo tr('Altitude'); ?>",
-
 
140
          TEXT_ALT_ACCURACY: "<?php echo tr('Alt. Accuracy'); ?>",
-
 
141
          TEXT_SPEED: "<?php echo tr('Speed'); ?>",
-
 
142
          TEXT_HEADING: "<?php echo tr('Heading'); ?>",
-
 
143
          TEXT_NOT_AVAILABLE: TEXT_NOT_AVAILABLE
-
 
144
        });
-
 
145
129
        lcars.multiDisplay = new lcars.MultiDisplay();
146
        lcars.multiDisplay = new lcars.MultiDisplay(null, null, {
-
 
147
          texts: {
-
 
148
            TEXT_NOT_AVAILABLE: TEXT_NOT_AVAILABLE,
-
 
149
            TEXT_CURRENT_COORDS: "<?php echo tr('Your current coordinates on Terra'); ?>",
-
 
150
            TEXT_ACCURACY: "<?php echo tr('accuracy'); ?>"
-
 
151
          }
-
 
152
        });
130
      }
153
      }
131
    </script>
154
    </script>
132
    <?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>
155
    <?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>
133
  </head>
156
  </head>
134
  <body class="fade-in" onload="body_load()">
157
  <body class="fade-in" onload="body_load()">
135
    <div id="content">
158
    <div id="content">
136
      <h1 style="text-align: center"><img
159
      <h1 style="text-align: center"><img
137
            src="media/video/img/vulcan_hand-black-bg.png"
160
            src="media/video/img/vulcan_hand-black-bg.png"
138
            width="120"
161
            width="120"
139
            height="168"
162
            height="168"
140
            alt="<?php echo tr("Vulcan greeting"); ?>"
163
            alt="<?php echo tr("Vulcan greeting"); ?>"
141
            title="<?php echo tr("Vulcan greeting"); ?>"
164
            title="<?php echo tr("Vulcan greeting"); ?>"
142
            style="border: none; cursor: default"
165
            style="border: none; cursor: default"
143
            onmouseover="return setStatus(this.title)"
166
            onmouseover="return setStatus(this.title)"
144
            onmouseout="return resetStatus()"><br>
167
            onmouseout="return resetStatus()"><br>
145
        <?php echo tr("Welcome to PointedEars’ Website"); ?></h1>
168
        <?php echo tr("Welcome to PointedEars’ Website"); ?></h1>
146
<?php
169
<?php
147
  if (!$printable)
170
  if (!$printable)
148
  {
171
  {
149
?>
172
?>
150
      <p class="instruction" style="font-size: 100%; text-align: center"><?php
173
      <p class="instruction" style="font-size: 100%; text-align: center"><?php
151
        echo sprintf(
174
        echo sprintf(
152
          tr("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"
175
          tr("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"
153
            . " title='Learn more: Mozilla Developer Network'>Web technologies</a>."
176
            . " title='Learn more: Mozilla Developer Network'>Web technologies</a>."
154
            . " You can use the <a href='index.%s?printable=1'>%s</a>"
177
            . " You can use the <a href='index.%s?printable=1'>%s</a>"
155
            . " if it is not displayed properly with your software."),
178
            . " if it is not displayed properly with your software."),
156
          $language,
179
          $language,
157
          tr('Printable version'));
180
          tr('Printable version'));
158
        ?></p>
181
        ?></p>
159
<?php
182
<?php
160
  }
183
  }
161
184
162
  /*
185
  /*
163
      <p>
186
      <p>
164
        | <a href="leisure/" target="_top"
187
        | <a href="leisure/" target="_top"
165
            >Freizeit-Datenbank</a>
188
            >Freizeit-Datenbank</a>
166
        | <a href="mozilla/" target="_top">Mozilla</a>
189
        | <a href="mozilla/" target="_top">Mozilla</a>
167
        | <a href="poetry/" target="_top">Poesie</a>
190
        | <a href="poetry/" target="_top">Poesie</a>
168
  */
191
  */
169
192
170
  /*
193
  /*
171
        | [<abbr title="nur in englischer Sprache verf&uuml;gbar"
194
        | [<abbr title="nur in englischer Sprache verf&uuml;gbar"
172
                 >en</abbr>]
195
                 >en</abbr>]
173
        | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
196
        | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
174
  */
197
  */
175
  /*
198
  /*
176
        | <a href="lyrics/" target="_top">Songbook</a>
199
        | <a href="lyrics/" target="_top">Songbook</a>
177
        | </p>
200
        | </p>
178
  */
201
  */
179
              /*
202
              /*
180
      <p><a href="about/worm.de.html" target="_top"
203
      <p><a href="about/worm.de.html" target="_top"
181
            >Seltsame E-Mails bekommen?</a></p>
204
            >Seltsame E-Mails bekommen?</a></p>
182
               */
205
               */
183
/*
206
/*
184
      <noscript>
207
      <noscript>
185
        <a
208
        <a
186
          href="http://pointedears.de/"
209
          href="http://pointedears.de/"
187
          title="PointedEars' Website"
210
          title="PointedEars' Website"
188
          >Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
211
          >Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
189
      </noscript>
212
      </noscript>
190

213

191
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
214
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
192
           weitergeleitet werden. -->
215
           weitergeleitet werden. -->
193
*/
216
*/
194
?>
217
?>
195
<?php
218
<?php
196
  $app = "Welcome/$language";
219
  $app = "Welcome/$language";
197
  require_once 'footer.phtml';
220
  require_once 'footer.phtml';
198
      /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
221
      /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
199
      hidden="true" autostart="true" dir="ltr" lang="de" */
222
      hidden="true" autostart="true" dir="ltr" lang="de" */
200
?>
223
?>
201
    </div>
224
    </div>
202
    <div id="LCARS">
225
    <div id="LCARS">
203
<?php /*
226
<?php /*
204
      <div id="button-grid" style="position: absolute; opacity: 0.3">
227
      <div id="button-grid" style="position: absolute; opacity: 0.3">
205
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
228
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
206

229

207
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
230
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
208
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
231
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
209
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
232
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
210
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
233
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
211

234

212
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
235
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
213
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
236
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
214
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
237
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
215
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
238
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
216

239

217
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
240
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
218
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
241
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
219
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
242
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
220
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
243
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
221

244

222
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
245
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
223
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
246
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
224
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
247
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
225
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
248
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
226

249

227
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
250
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
228
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
251
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
229
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
252
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
230
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
253
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
231
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
254
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
232

255

233
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
256
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
234
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
257
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
235
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
258
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
236
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
259
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
237

260

238
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
261
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
239
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
262
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
240
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
263
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
241

264

242
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
265
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
243
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
266
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
244
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
267
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
245

268

246
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
269
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
247
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
270
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
248
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
271
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
249

272

250
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
273
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
251
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
274
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
252
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
275
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
253
      </div>
276
      </div>
254
*/ ?>
277
*/ ?>
255
      <div id="bow">
278
      <div id="bow">
256
        <div id="bow-top">
279
        <div id="bow-top">
257
          <div class="separator-left">&nbsp;</div>
280
          <div class="separator-left">&nbsp;</div>
258
          <div class="text"><span>PointedEars’ Website</span></div>
281
          <div class="text"><span>PointedEars’ Website</span></div>
259
        </div>
282
        </div>
260
        <div id="bow-top-left">
283
        <div id="bow-top-left">
261
          <div class="concave">&nbsp;</div>
284
          <div class="concave">&nbsp;</div>
262
          <div style="position: absolute; top: 3.2em; left: 0; background-color: black">
285
          <div style="position: absolute; top: 3.2em; left: 0; background-color: black">
263
            <div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
286
            <div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
264
          </div>
287
          </div>
265
        </div>
288
        </div>
266
        <div id="bottom">
289
        <div id="bottom">
267
          <div id="bow-bottom">
290
          <div id="bow-bottom">
268
            <div class="concave">&nbsp;</div>
291
            <div class="concave">&nbsp;</div>
269
            <div class="spacer">&nbsp;</div>
292
            <div class="spacer">&nbsp;</div>
270
        </div>
293
        </div>
271
        </div>
294
        </div>
272
295
273
        <div class="menu-container">
296
        <div class="menu-container">
274
          <nav class="menu">
297
          <nav class="menu">
275
            <ul>
298
            <ul>
276
            <?php foreach ($languages as $key => $name): ?>
299
            <?php foreach ($languages as $key => $name): ?>
277
              <li><a href="index.<?php echo $key; ?>?ani=0"
300
              <li><a href="index.<?php echo $key; ?>?ani=0"
278
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
301
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
279
                     tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
302
                     tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
280
            <?php endforeach; ?>
303
            <?php endforeach; ?>
281
            </ul>
304
            </ul>
282
            <div class="bow" style="margin-bottom: 0.4em; height: 0.4em">&nbsp;</div>
305
            <div class="bow" style="margin-bottom: 0.4em; height: 0.4em">&nbsp;</div>
283
            <ul style="margin-bottom: 1.2em">
306
            <ul style="margin-bottom: 1.2em">
284
              <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
307
              <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
285
              <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
308
              <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
286
                     title="<?php echo $menu['es-matrix']['title']; ?>"
309
                     title="<?php echo $menu['es-matrix']['title']; ?>"
287
                     ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
310
                     ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
288
              <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
311
              <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
289
            </ul>
312
            </ul>
290
            <ul style="margin-bottom: 0.2em">
313
            <ul style="margin-bottom: 0.2em">
291
              <li><a href="psf/" target="_top"
314
              <li><a href="psf/" target="_top"
292
                 class="button ancillary"
315
                 class="button ancillary"
293
                 ><abbr title="<?php echo tr("PointedEars' Standard Frases"); ?>"
316
                 ><abbr title="<?php echo tr("PointedEars' Standard Frases"); ?>"
294
                        class="text">psf</abbr></a></li>
317
                        class="text">psf</abbr></a></li>
295
            <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
318
            <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
296
                   title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>"
319
                   title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>"
297
                   ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
320
                   ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
298
              <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
321
              <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
299
                     ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
322
                     ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
300
                            class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
323
                            class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
301
            </ul>
324
            </ul>
302
            <div style="position: relative; margin-bottom: 1.2em">
325
            <div style="position: relative; margin-bottom: 1.2em">
303
              <div class="bow" style="height: 0.8em">&nbsp;</div>
326
              <div class="bow" style="height: 0.8em">&nbsp;</div>
304
            </div>
327
            </div>
305
            <ul>
328
            <ul>
306
              <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
329
              <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
307
                     target="_top" class="button secondary"
330
                     target="_top" class="button secondary"
308
                     title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>"
331
                     title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>"
309
                     ><span class="text">climateprediction.net</span></a></li>
332
                     ><span class="text">climateprediction.net</span></a></li>
310
              <li><a href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn"
333
              <li><a href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn"
311
                     target="_top" class="button secondary"
334
                     target="_top" class="button secondary"
312
                     title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
335
                     title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
313
                     ><span class="text">Folding at home</span></a></li>
336
                     ><span class="text">Folding at home</span></a></li>
314
             <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
337
             <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
315
                    target="_top" class="button secondary"
338
                    target="_top" class="button secondary"
316
                    title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>"
339
                    title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>"
317
                    ><span class="text">LHC at home</span></a></li>
340
                    ><span class="text">LHC at home</span></a></li>
318
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
341
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
319
                    target="_top" class="button secondary"
342
                    target="_top" class="button secondary"
320
                    title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
343
                    title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
321
                    ><span class="text">SETI at home</span></a></li>
344
                    ><span class="text">SETI at home</span></a></li>
322
             <li><a href="http://stackoverflow.com/users/855543/pointedears"
345
             <li><a href="http://stackoverflow.com/users/855543/pointedears"
323
                    target="_top" class="button secondary"
346
                    target="_top" class="button secondary"
324
                    title="<?php echo tr("Me on Stack Overflow"); ?>"
347
                    title="<?php echo tr("Me on Stack Overflow"); ?>"
325
                    ><span class="text">Stack Overflow</span></a></li>
348
                    ><span class="text">Stack Overflow</span></a></li>
326
             <li><a href="https://twitter.com/PointedEars2"
349
             <li><a href="https://twitter.com/PointedEars2"
327
                    target="_top" class="button secondary"
350
                    target="_top" class="button secondary"
328
                    title="<?php echo tr("Me on Twitter"); ?>"
351
                    title="<?php echo tr("Me on Twitter"); ?>"
329
                    ><span class="text">Twitter</span></a></li>
352
                    ><span class="text">Twitter</span></a></li>
330
             <li><a href="<?php echo tr("http://en.wikipedia.org/wiki/Special:Contributions/PointedEars"); ?>"
353
             <li><a href="<?php echo tr("http://en.wikipedia.org/wiki/Special:Contributions/PointedEars"); ?>"
331
                    target="_top" class="button secondary"
354
                    target="_top" class="button secondary"
332
                    title="<?php echo tr("My contributions to Wikipedia"); ?>"
355
                    title="<?php echo tr("My contributions to Wikipedia"); ?>"
333
                    ><span class="text">Wikipedia</span></a></li>
356
                    ><span class="text">Wikipedia</span></a></li>
334
           </ul>
357
           </ul>
335
<?php /*
358
<?php /*
336
            <script type="text/javascript">
359
            <script type="text/javascript">
337
              var sURL = location.href;
360
              var sURL = location.href;
338
              var sFavAnchorTitle =
361
              var sFavAnchorTitle =
339
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
362
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
340
                + " hinzuzufügen";
363
                + " hinzuzufügen";
341
              var sOtherAnchorTitle =
364
              var sOtherAnchorTitle =
342
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
365
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
343
                + " Ihren Lesezeichen hinzuzufügen";
366
                + " Ihren Lesezeichen hinzuzufügen";
344
              var sFavoriteTitle = "PointedEars' Website";
367
              var sFavoriteTitle = "PointedEars' Website";
345

368

346
              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
369
              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
347
              {
370
              {
348
                document.write(
371
                document.write(
349
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
372
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
350
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
373
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
351
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
374
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
352
                  + '</div>'
375
                  + '</div>'
353
                  + '<a href="javascript:window.external.AddFavorite('
376
                  + '<a href="javascript:window.external.AddFavorite('
354
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
377
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
355
                  + ' class="button"'
378
                  + ' class="button"'
356
                  + ' onclick="window.external.AddFavorite('
379
                  + ' onclick="window.external.AddFavorite('
357
                  + ' sURL, sFavoriteTitle); return false"'
380
                  + ' sURL, sFavoriteTitle); return false"'
358
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
381
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
359
                  + ' onmouseout="return resetStatus()"'
382
                  + ' onmouseout="return resetStatus()"'
360
                  + '><span class="text">Favorit<\/span><\/a>');
383
                  + '><span class="text">Favorit<\/span><\/a>');
361
              }
384
              }
362
            </script>
385
            </script>
363
*/ ?>
386
*/ ?>
364
          </nav>
387
          </nav>
365
        </div>
388
        </div>
366
      </div>
389
      </div>
367
      <div id="connectors">
390
      <div id="connectors">
368
        <div class="bow top left">&nbsp;</div>
391
        <div class="bow top left">&nbsp;</div>
369
        <div class="bow top right">&nbsp;</div>
392
        <div class="bow top right">&nbsp;</div>
370
393
371
        <div class="bow mid left">&nbsp;</div>
394
        <div class="bow mid left">&nbsp;</div>
372
        <div class="bow mid right">&nbsp;</div>
395
        <div class="bow mid right">&nbsp;</div>
373
      </div>
396
      </div>
374
      <div class="multi-display">
397
      <div class="multi-display">
375
        <div class="upper">
398
        <div class="upper">
376
          <div class="content">
399
          <div class="content">
377
            <div class="title" id="title"><span>Home</span></div>
400
            <div class="title" id="title"><span>Home</span></div>
378
            <div class="analysis">
401
            <div class="analysis" id="analysis">
379
              <table>
402
              <table>
380
                <tr>
403
                <tr>
381
                  <th><?php echo tr('Display'); ?>:</th>
404
                  <th><?php echo tr('Display'); ?>:</th>
382
                  <td><script type="text/javascript">
405
                  <td><script type="text/javascript">
383
                    var _addEventListener = jsx.dom.addEventListener;
406
                    var _addEventListener = jsx.dom.addEventListener;
384
                    var _runAsync = jsx.dom.timeout.runAsync;
407
                    var _runAsync = jsx.dom.timeout.runAsync;
385
                    var ID_SCREEN_DIM = 'screenDim';
408
                    var ID_SCREEN_DIM = 'screenDim';
386
                    var ID_AVAIL_DIM = 'availDim';
409
                    var ID_AVAIL_DIM = 'availDim';
387
                    var ID_INNER_DIM = 'innerDim';
410
                    var ID_INNER_DIM = 'innerDim';
388
                    var TEXT_NOT_AVAILABLE = "<?php echo tr('N/A'); ?>";
-
 
389
411
390
                    var dim = (function () {
412
                    var dim = (function () {
391
                      var screenInfo = jsx.dom.window.screenInfo;
413
                      var screenInfo = jsx.dom.window.screenInfo;
392
414
393
                      return {
415
                      return {
394
                        getScreenText: function () {
416
                        getScreenText: function () {
395
                          var screenDim = screenInfo.getDim();
417
                          var screenDim = screenInfo.getDim();
396
                          return screenDim.width + "×" + screenDim.height;
418
                          return screenDim.width + "×" + screenDim.height;
397
                        },
419
                        },
398
420
399
                        getAvailText: function () {
421
                        getAvailText: function () {
400
                          var availDim = screenInfo.getAvailDim();
422
                          var availDim = screenInfo.getAvailDim();
401
                          return availDim.width + "×" + availDim.height + " <?php echo tr('available'); ?>";
423
                          return availDim.width + "×" + availDim.height + " <?php echo tr('available'); ?>";
402
                        },
424
                        },
403
425
404
                        getInnerText: function () {
426
                        getInnerText: function () {
405
                          var innerDim = screenInfo.getInnerDim();
427
                          var innerDim = screenInfo.getInnerDim();
406
                          return ", " + innerDim.width + "×" + innerDim.height + " <?php echo tr('used'); ?>";
428
                          return ", " + innerDim.width + "×" + innerDim.height + " <?php echo tr('used'); ?>";
407
                        },
429
                        },
408
430
409
                        getColorDepthText: function () {
431
                        getColorDepthText: function () {
410
                          var colorDepth = screenInfo.getColorDepth();
432
                          var colorDepth = screenInfo.getColorDepth();
411
                          return colorDepth
433
                          return colorDepth
412
                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>"
434
                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>"
413
                            : "";
435
                            : "";
414
                        }
436
                        }
415
                      };
437
                      };
416
                    }());
438
                    }());
417
439
418
                    (function () {
440
                    (function () {
419
                      var screenDimText = dim.getScreenText();
441
                      var screenDimText = dim.getScreenText();
420
                      var availDimText = dim.getAvailText();
442
                      var availDimText = dim.getAvailText();
421
                      var innerDimText = dim.getInnerText();
443
                      var innerDimText = dim.getInnerText();
422
                      var colorDepthText = dim.getColorDepthText();
444
                      var colorDepthText = dim.getColorDepthText();
423
                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
445
                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
424
                        ?   (screenDimText ? '<span id="' + ID_SCREEN_DIM + '">' + screenDimText + '<\/span> <?php echo tr('pixels'); ?>' : "")
446
                        ?   (screenDimText ? '<span id="' + ID_SCREEN_DIM + '">' + screenDimText + '<\/span> <?php echo tr('pixels'); ?>' : "")
425
                          + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
447
                          + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
426
                          + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
448
                          + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
427
                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
449
                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
428
                        : TEXT_NOT_AVAILABLE;
450
                        : TEXT_NOT_AVAILABLE;
429
451
430
                      /* FIXME: Convert HTML to text, update whole title text */
452
                      /* FIXME: Convert HTML to text, update whole title text */
431
                      document.write('<span>' + displayInfo + '<\/span>');
453
                      document.write('<span>' + displayInfo + '<\/span>');
432
454
433
                      var oColorDepth;
455
                      var oColorDepth;
434
                      var tColor = _runAsync(function () {
456
                      var tColor = _runAsync(function () {
435
                        if (typeof oColorDepth == "undefined")
457
                        if (typeof oColorDepth == "undefined")
436
                        {
458
                        {
437
                          oColorDepth = document.getElementById("colorDepth");
459
                          oColorDepth = document.getElementById("colorDepth");
438
                        }
460
                        }
439
461
440
                        if (oColorDepth)
462
                        if (oColorDepth)
441
                        {
463
                        {
442
                          var colorDepthText = dim.getColorDepthText();
464
                          var colorDepthText = dim.getColorDepthText();
443
                          <?php /* FIXME: Also update title attribute value */ ?>
465
                          <?php /* FIXME: Also update title attribute value */ ?>
444
                          if (oColorDepth.innerHTML != colorDepthText)
466
                          if (oColorDepth.innerHTML != colorDepthText)
445
                          {
467
                          {
446
                            oColorDepth.innerHTML = colorDepthText;
468
                            oColorDepth.innerHTML = colorDepthText;
447
                          }
469
                          }
448
                        }
470
                        }
449
471
450
                        tColor = this.run();
472
                        tColor = this.run();
451
                      }, 1000);
473
                      }, 1000);
452
474
453
                      _addEventListener(document, "unload", function () {
475
                      _addEventListener(document, "unload", function () {
454
                        tColor.unset();
476
                        tColor.unset();
455
                        tColor = null;
477
                        tColor = null;
456
                      });
478
                      });
457
                    }());
479
                    }());
458
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
480
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
459
                </tr>
481
                </tr>
460
                <tr>
482
                <tr>
461
                  <th><?php echo tr('User Agent'); ?>:</th>
483
                  <th><?php echo tr('User Agent'); ?>:</th>
462
                  <td><script type="text/javascript">
484
                  <td><script type="text/javascript">
463
                    (function () {
485
                    (function () {
464
                      var ua = navigator.userAgent;
486
                      var ua = navigator.userAgent;
465
                      document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');
487
                      document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');
466
488
467
                      var oUA;
489
                      var oUA;
468
                      var tUA = _runAsync(function () {
490
                      var tUA = _runAsync(function () {
469
                        if (typeof oUA == "undefined")
491
                        if (typeof oUA == "undefined")
470
                        {
492
                        {
471
                          oUA = document.getElementById("ua");
493
                          oUA = document.getElementById("ua");
472
                        }
494
                        }
473
495
474
                        if (oUA)
496
                        if (oUA)
475
                        {
497
                        {
476
                          var ua = navigator.userAgent;
498
                          var ua = navigator.userAgent;
477
499
478
                          if (oUA.innerHTML != ua)
500
                          if (oUA.innerHTML != ua)
479
                          {
501
                          {
480
                            oUA.innerHTML = ua;
502
                            oUA.innerHTML = ua;
481
                          }
503
                          }
482
504
483
                          <?php /* Converts CREs */ ?>
505
                          <?php /* Converts CREs */ ?>
484
                          var oUAhtml = oUA.innerHTML
506
                          var oUAhtml = oUA.innerHTML
485
                          if (oUA.title != oUAhtml)
507
                          if (oUA.title != oUAhtml)
486
                          {
508
                          {
487
                            oUA.title = oUAhtml;
509
                            oUA.title = oUAhtml;
488
                          }
510
                          }
489
                        }
511
                        }
490
512
491
                        tUA = this.run();
513
                        tUA = this.run();
492
                      }, 1000);
514
                      }, 1000);
493
515
494
                      _addEventListener(document, "unload", function () {
516
                      _addEventListener(document, "unload", function () {
495
                        tUA.unset();
517
                        tUA.unset();
496
                        tUA = null;
518
                        tUA = null;
497
                      });
519
                      });
498
                    }());
520
                    }());
499
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
521
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
500
                </tr>
522
                </tr>
501
                <tr>
523
                <tr>
502
                  <th><?php echo tr('Features'); ?>:</th>
524
                  <th><?php echo tr('Features'); ?>:</th>
503
                  <td><script type="text/javascript">
525
                  <td><script type="text/javascript">
504
                    var fullscreen = jsx.dom.window.fullscreen;
526
                    var fullscreen = jsx.dom.window.fullscreen;
505
527
506
                    jsx.dom.geolocation = {
-
 
507
                      getText: function (position) {
-
 
508
                        var coords = position.coords;
-
 
509
                        var latitude = coords.latitude;
-
 
510
                        var longitude = coords.longitude;
-
 
511
                        var altitude = coords.altitude;
-
 
512
                        var altitudeAccuracy = coords.altitudeAccuracy;
-
 
513
                        var speed = coords.speed;
-
 
514
                        var heading = coords.heading;
-
 
515
-
 
516
                        return [
-
 
517
                          "<?php echo tr('Latitude:'); ?> " + (latitude != null ? latitude + "°" : TEXT_NOT_AVAILABLE),
-
 
518
                          "<?php echo tr('Longitude:'); ?> " + (longitude != null ? longitude + "°" : TEXT_NOT_AVAILABLE),
-
 
519
                          "<?php echo tr('Lat/Lng Accuracy:'); ?> " + coords.accuracy + " m",
-
 
520
                          "<?php echo tr('Altitude:'); ?> " + (altitude != null ? altitude + " m": TEXT_NOT_AVAILABLE),
-
 
521
                          "<?php echo tr('Alt. Accuracy:'); ?> " + (altitudeAccuracy != null ? altitudeAccuracy + " m": TEXT_NOT_AVAILABLE),
-
 
522
                          "<?php echo tr('Speed:'); ?> " + (speed != null && !isNaN(speed) ? speed + " m∕s": TEXT_NOT_AVAILABLE),
-
 
523
                          "<?php echo tr('Heading:'); ?> " + (heading != null && !isNaN(heading) ? heading + "°" : TEXT_NOT_AVAILABLE)
-
 
524
                        ].join("\n");
-
 
525
                      },
-
 
526
                    };
-
 
527
-
 
528
                    (function () {
528
                    (function () {
529
                      function getFeatures ()
529
                      function getFeatures ()
530
                      {
530
                      {
531
                        var features = [];
531
                        var features = [];
532
                        if (typeof document.cookie != "undefined")
532
                        if (typeof document.cookie != "undefined")
533
                        {
533
                        {
534
                          var cookiesText = "<?php echo tr('Cookies'); ?>"
534
                          var cookiesText = "<?php echo tr('Cookies'); ?>"
535
                          if (navigator.cookieEnabled)
535
                          if (navigator.cookieEnabled)
536
                          {
536
                          {
537
                            if (document.cookie)
537
                            if (document.cookie)
538
                            {
538
                            {
539
                              var cookies = document.cookie;
539
                              var cookies = document.cookie;
540
                              cookies = cookies.split(/\s*;\s*/);
540
                              cookies = cookies.split(/\s*;\s*/);
541
                              features.push('<a href="#" title="'
541
                              features.push('<a href="#" title="'
542
                                + cookies.join("&#13;&#10;")
542
                                + cookies.join("&#13;&#10;")
543
                                + '"'
543
                                + '"'
544
                                + ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>');
544
                                + ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>');
545
                            }
545
                            }
546
                            else
546
                            else
547
                            {
547
                            {
548
                              features.push('<span class="unavailable"'
548
                              features.push('<span class="unavailable"'
549
                                + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'
549
                                + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'
550
                                + '>' + cookiesText + '<\/span>');
550
                                + '>' + cookiesText + '<\/span>');
551
                            }
551
                            }
552
                          }
552
                          }
553
                          else
553
                          else
554
                          {
554
                          {
555
                            features.push('<span class="offline"'
555
                            features.push('<span class="offline"'
556
                              + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"'
556
                              + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"'
557
                              + '>' + cookiesText + '<\/span>');
557
                              + '>' + cookiesText + '<\/span>');
558
                          }
558
                          }
559
                        }
559
                        }
560
560
561
                        if (fullscreen.isSupportedBy(document.documentElement))
561
                        if (fullscreen.isSupportedBy(document.documentElement))
562
                        {
562
                        {
563
                          features.push("<?php echo tr('Fullscreen'); ?>");
563
                          features.push("<?php echo tr('Fullscreen'); ?>");
564
                        }
564
                        }
565
565
566
                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
566
                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
567
                        {
567
                        {
568
                          features.push("<?php echo tr('Gamepad'); ?>");
568
                          features.push("<?php echo tr('Gamepad'); ?>");
569
                        }
569
                        }
570
570
571
                        if (navigator.geolocation)
571
                        if (navigator.geolocation)
572
                        {
572
                        {
573
                          features.push('<a href="#" title="<?php echo tr('Get location'); ?>"'
573
                          features.push('<a href="#" title="<?php echo tr('Get location'); ?>"'
574
                            + ' onclick="return lcars.multiDisplay.geolocate(\'<?php echo tr('Geolocation'); ?>\', \'<?php echo $language; ?>\')"'
574
                            + ' onclick="return lcars.multiDisplay.geolocate(\'<?php echo tr('Geolocation'); ?>\', \'<?php echo $language; ?>\')"'
575
                            + '><?php echo tr('Geolocation'); ?><\/a>');
575
                            + '><?php echo tr('Geolocation'); ?><\/a>');
576
                        }
576
                        }
577
577
578
                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
578
                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
579
                        {
579
                        {
580
                          features.push("Java");
580
                          features.push("Java");
581
                        }
581
                        }
582
582
583
                        var storage = jsx.dom.storage;
583
                        var storage = jsx.dom.storage;
584
                        if (storage.localStorage.isSupported()) features.push("Local Storage");
584
                        if (storage.localStorage.isSupported()) features.push("Local Storage");
585
585
586
                        if (navigator.plugins)
586
                        if (navigator.plugins)
587
                        {
587
                        {
588
                          if (navigator.plugins.length > 0)
588
                          if (navigator.plugins.length > 0)
589
                          {
589
                          {
590
                            features.push('<span title="'
590
                            features.push('<span title="'
591
                              + navigator.plugins.length
591
                              + navigator.plugins.length
592
                              + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>');
592
                              + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>');
593
                          }
593
                          }
594
                          else
594
                          else
595
                          {
595
                          {
596
                                features.push('<span class="unavailable"'
596
                                features.push('<span class="unavailable"'
597
                                + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"'
597
                                + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"'
598
                                + '>Plugins<\/span>');
598
                                + '>Plugins<\/span>');
599
                          }
599
                          }
600
                        }
600
                        }
601
601
602
                        if (storage.sessionStorage.isSupported())
602
                        if (storage.sessionStorage.isSupported())
603
                        {
603
                        {
604
                          features.push("Session Storage");
604
                          features.push("Session Storage");
605
                        }
605
                        }
606
606
607
                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
607
                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
608
                        return features.join(" &#8226; ");
608
                        return features.join(" &#8226; ");
609
                      }
609
                      }
610
610
611
                      function stripTags (s)
611
                      function stripTags (s)
612
                      {
612
                      {
613
                        return s.replace(/<[^>]+>/g, "");
613
                        return s.replace(/<[^>]+>/g, "");
614
                      }
614
                      }
615
615
616
                      var sFeatures = getFeatures();
616
                      var sFeatures = getFeatures();
617
                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');
617
                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');
618
618
619
                      var oFeatures;
619
                      var oFeatures;
620
                      var oFeaturesHtml;
620
                      var oFeaturesHtml;
621
                      var tFeatures = _runAsync(function () {
621
                      var tFeatures = _runAsync(function () {
622
                        if (typeof oFeatures == "undefined")
622
                        if (typeof oFeatures == "undefined")
623
                        {
623
                        {
624
                          oFeatures = document.getElementById("features");
624
                          oFeatures = document.getElementById("features");
625
                        }
625
                        }
626
626
627
                        if (oFeatures)
627
                        if (oFeatures)
628
                        {
628
                        {
629
                          var sNewFeatures = getFeatures();
629
                          var sNewFeatures = getFeatures();
630
630
631
                          if (!oFeaturesHtml)
631
                          if (!oFeaturesHtml)
632
                          {
632
                          {
633
                            oFeaturesHtml = document.createElement("span");
633
                            oFeaturesHtml = document.createElement("span");
634
                          }
634
                          }
635
635
636
                          if (oFeaturesHtml)
636
                          if (oFeaturesHtml)
637
                          {
637
                          {
638
                            oFeaturesHtml.innerHTML = sNewFeatures;
638
                            oFeaturesHtml.innerHTML = sNewFeatures;
639
                            sNewFeatures = oFeaturesHtml.innerHTML;
639
                            sNewFeatures = oFeaturesHtml.innerHTML;
640
                          }
640
                          }
641
641
642
                          if (oFeatures.innerHTML != sNewFeatures)
642
                          if (oFeatures.innerHTML != sNewFeatures)
643
                          {
643
                          {
644
                            oFeatures.innerHTML = sNewFeatures;
644
                            oFeatures.innerHTML = sNewFeatures;
645
                          }
645
                          }
646
646
647
                          /* Converts CREs */
647
                          /* Converts CREs */
648
                          var newTitle = stripTags(oFeatures.innerHTML)
648
                          var newTitle = stripTags(oFeatures.innerHTML)
649
                          if (oFeatures.title != newTitle)
649
                          if (oFeatures.title != newTitle)
650
                          {
650
                          {
651
                            oFeatures.title = newTitle;
651
                            oFeatures.title = newTitle;
652
                          }
652
                          }
653
                        }
653
                        }
654
654
655
                        tFeatures = this.run();
655
                        tFeatures = this.run();
656
                      }, 1000);
656
                      }, 1000);
657
                    }());
657
                    }());
658
658
659
                    _addEventListener(document, "unload", function () {
659
                    _addEventListener(document, "unload", function () {
660
                      tFeatures.unset();
660
                      tFeatures.unset();
661
                      tFeatures = null;
661
                      tFeatures = null;
662
                    });
662
                    });
663
663
664
                    var windowText = "<?php echo tr("Window"); ?>";
664
                    var windowText = "<?php echo tr("Window"); ?>";
665
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
665
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
666
                </tr>
666
                </tr>
667
              </table>
667
              </table>
668
            </div>
668
            </div>
669
            <ul class="commands">
669
            <ul class="commands">
670
              <li id="cmd1"><a href="index.php"
670
              <li id="cmd1"><a href="index.php"
671
                title="Language selection"
671
                title="Language selection"
672
                tabindex="1"
672
                tabindex="1"
673
                class="button left right"
673
                class="button left right"
674
                onmouseover="return setStatus(this.title + ': ' + this.href)"
674
                onmouseover="return setStatus(this.title + ': ' + this.href)"
675
                onmouseout="return resetStatus()"
675
                onmouseout="return resetStatus()"
676
                onfocus="return this.onmouseover()"
676
                onfocus="return this.onmouseover()"
677
                onblur="return this.onmouseout()"
677
                onblur="return this.onmouseout()"
678
                ><abbr class="text" title="Language selection">Language</abbr></a></li>
678
                ><abbr class="text" title="Language selection">Language</abbr></a></li>
679
              <li id="cmd2"><a href="index.<?php echo $language; ?>?printable=1"
679
              <li id="cmd2"><a href="index.<?php echo $language; ?>?printable=1"
680
                title="<?php echo tr('Printable version'); ?>"
680
                title="<?php echo tr('Printable version'); ?>"
681
                tabindex="1"
681
                tabindex="1"
682
                class="button left right"
682
                class="button left right"
683
                onmouseover="return setStatus(this.title + ': ' + this.href)"
683
                onmouseover="return setStatus(this.title + ': ' + this.href)"
684
                onmouseout="return resetStatus()"
684
                onmouseout="return resetStatus()"
685
                onfocus="return this.onmouseover()"
685
                onfocus="return this.onmouseover()"
686
                onblur="return this.onmouseout()"
686
                onblur="return this.onmouseout()"
687
                ><span class="text"><?php echo tr("Printable"); ?></span></a></li>
687
                ><span class="text"><?php echo tr("Printable"); ?></span></a></li>
688
              <li id="cmd3"><div class="button left right"
688
              <li id="cmd3"><div class="button left right"
689
                   style="cursor: not-allowed !important"
689
                   style="cursor: not-allowed !important"
690
                   onclick="fullscreen.requestOn(document.documentElement, this)"
690
                   onclick="fullscreen.requestOn(document.documentElement, this)"
691
                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"
691
                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"
692
                   ><span class="text"><script type="text/javascript">
692
                   ><span class="text"><script type="text/javascript">
693
                     var cmd3;
693
                     var cmd3;
694
                     if (fullscreen.isSupportedBy(document.documentElement))
694
                     if (fullscreen.isSupportedBy(document.documentElement))
695
                     {
695
                     {
696
                       _addEventListener(window, "load", function () {
696
                       _addEventListener(window, "load", function () {
697
                         if (typeof cmd3 == "undefined")
697
                         if (typeof cmd3 == "undefined")
698
                         {
698
                         {
699
                           cmd3 = jsx.dom.getElementById("cmd3");
699
                           cmd3 = jsx.dom.getElementById("cmd3");
700
                         }
700
                         }
701
701
702
                         if (cmd3)
702
                         if (cmd3)
703
                         {
703
                         {
704
                           cmd3.firstChild.tabIndex = "1";
704
                           cmd3.firstChild.tabIndex = "1";
705
                         }
705
                         }
706
                       });
706
                       });
707
707
708
                       var fullscreenText = "<?php echo tr("Fullscreen"); ?>";
708
                       var fullscreenText = "<?php echo tr("Fullscreen"); ?>";
709
                       document.write(fullscreenText);
709
                       document.write(fullscreenText);
710
                     }
710
                     }
711
711
712
                     var oScreenDim;
712
                     var oScreenDim;
713
                     var oAvailDim;
713
                     var oAvailDim;
714
                     var oInnerDim;
714
                     var oInnerDim;
715
                     var _gEBI = jsx.dom.getElementById;
715
                     var _gEBI = jsx.dom.getElementById;
716
                     var previousIsFullscreen;
716
                     var previousIsFullscreen;
717
                     var oldHandler;
717
                     var oldHandler;
718
718
719
                     _addEventListener(window, "resize", function () {
719
                     _addEventListener(window, "resize", function () {
720
                       <?php /* FIXME: Also update title attribute value */ ?>
720
                       <?php /* FIXME: Also update title attribute value */ ?>
721
                       if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
721
                       if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
722
                       if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
722
                       if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
723
723
724
                       if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
724
                       if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
725
                       if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
725
                       if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
726
726
727
                       if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
727
                       if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
728
                       if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
728
                       if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
729
729
730
                       if (fullscreen.isSupportedBy(document.documentElement))
730
                       if (fullscreen.isSupportedBy(document.documentElement))
731
                       {
731
                       {
732
                         var nowIsFullscreen = fullscreen.isFullscreen();
732
                         var nowIsFullscreen = fullscreen.isFullscreen();
733
                         if (nowIsFullscreen != previousIsFullscreen)
733
                         if (nowIsFullscreen != previousIsFullscreen)
734
                         {
734
                         {
735
                           if (typeof cmd3 == "undefined")
735
                           if (typeof cmd3 == "undefined")
736
                           {
736
                           {
737
                             cmd3 = document.getElementById("cmd3");
737
                             cmd3 = document.getElementById("cmd3");
738
                           }
738
                           }
739
739
740
                           var target = cmd3.firstChild;
740
                           var target = cmd3.firstChild;
741
                           var textTarget = target.firstChild;
741
                           var textTarget = target.firstChild;
742
                           if (nowIsFullscreen)
742
                           if (nowIsFullscreen)
743
                           {
743
                           {
744
                             oldHandler = target.onclick;
744
                             oldHandler = target.onclick;
745
                             target.onclick = function () {
745
                             target.onclick = function () {
746
                               fullscreen.cancel();
746
                               fullscreen.cancel();
747
                             };
747
                             };
748
                             textTarget.textContent = "<?php echo tr("Window"); ?>";
748
                             textTarget.textContent = "<?php echo tr("Window"); ?>";
749
                           }
749
                           }
750
                           else
750
                           else
751
                           {
751
                           {
752
                             target.onclick = oldHandler;
752
                             target.onclick = oldHandler;
753
                             textTarget.textContent = fullscreenText;
753
                             textTarget.textContent = fullscreenText;
754
                           }
754
                           }
755
755
756
                           previousIsFullscreen = nowIsFullscreen;
756
                           previousIsFullscreen = nowIsFullscreen;
757
                         }
757
                         }
758
                       }
758
                       }
759
                     });
759
                     });
760
                   </script></span></div></li>
760
                   </script></span></div></li>
761
              <li id="cmd4"><div class="button left right" style="cursor: not-allowed !important">&nbsp;</div></li>
761
              <li id="cmd4"><div class="button left right" style="cursor: not-allowed !important">&nbsp;</div></li>
762
            </ul>
762
            </ul>
763
          </div>
763
          </div>
764
          <div class="elbo-button">
764
          <div class="elbo-button">
765
            <span class="text" title="<?php echo tr("Date of last modification"); ?>"
765
            <span class="text" title="<?php echo tr("Date of last modification"); ?>"
766
                  ><?php echo gmdate('Ym.d', $modi); ?></span>
766
                  ><?php echo gmdate('Ym.d', $modi); ?></span>
767
          </div>
767
          </div>
768
          <div class="elbo">
768
          <div class="elbo">
769
            <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-22A</span>
769
            <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-22A</span>
770
            <div class="concave">&nbsp;</div>
770
            <div class="concave">&nbsp;</div>
771
          </div>
771
          </div>
772
          <div class="border">
772
          <div class="border">
773
            <div class="left">&nbsp;</div>
773
            <div class="left">&nbsp;</div>
774
            <div class="right">&nbsp;</div>
774
            <div class="right">&nbsp;</div>
775
          </div>
775
          </div>
776
        </div>
776
        </div>
777
        <div class="lower">
777
        <div class="lower">
778
          <div class="elbo">
778
          <div class="elbo">
779
            <div class="concave">&nbsp;</div>
779
            <div class="concave">&nbsp;</div>
780
          </div>
780
          </div>
781
          <div class="bg">&nbsp;</div>
781
          <div class="bg">&nbsp;</div>
782
          <div class="border-container">
782
          <div class="border-container">
783
            <div class="border">
783
            <div class="border">
784
              <div class="left">&nbsp;</div>
784
              <div class="left">&nbsp;</div>
785
              <div class="right">&nbsp;</div>
785
              <div class="right">&nbsp;</div>
786
            </div>
786
            </div>
787
          </div>
787
          </div>
788
        </div>
788
        </div>
789
      </div>
789
      </div>
790
    </div>
790
    </div>
791
  </body>
791
  </body>
792
</html>
792
</html>