Subversion Repositories LCARS

Rev

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

Rev 159 Rev 160
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="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, Song, Songbook, Surf, anonymously, Raumschiff Enterprise, DNG, Die n&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank, Lied, Liedtext, surfen, anonym">
27
          content="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, Song, Songbook, Surf, anonymously, Raumschiff Enterprise, DNG, Die n&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank, 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: IE 9 in non-Compatibility Mode sends "Accept: text/css",
61
    <!-- No optimization here: IE 9 in non-Compatibility Mode sends "Accept: text/css",
62
         Apache responds with 406:
62
         Apache responds with 406:
63
         http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html -->
63
         http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html -->
64
*/ ?>
64
*/ ?>
65
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic">
65
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic">
66
<?php
66
<?php
67
  $isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
67
  $isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
68
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
68
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
69
  if (!$printable)
69
  if (!$printable)
70
  {
70
  {
71
?>
71
?>
72
    <link rel="stylesheet" type="text/css" href="styles/lcars22<?php
72
    <link rel="stylesheet" type="text/css" href="styles/lcars22<?php
73
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
73
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
74
      {
74
      {
75
        echo '?ani=' . $_GET['ani'];
75
        echo '?ani=' . $_GET['ani'];
76
      }
76
      }
77
    ?>">
77
    ?>">
78
<?php
78
<?php
79
  }
79
  }
80
?>
80
?>
81
    <style type="text/css">
81
    <style type="text/css">
82
      <!--
82
      <!--
83
      p {
83
      p {
84
        max-width: 100%;
84
        max-width: 100%;
85
      }
85
      }
86
      -->
86
      -->
87
    </style>
87
    </style>
88
88
89
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/window<?php
89
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/window<?php
90
      if ($isLocal)
90
      if ($isLocal)
91
      {
91
      {
92
        ?>&amp;verbose=1&amp;debug=1<?php
92
        ?>&amp;verbose=1&amp;debug=1<?php
93
      }
93
      }
94
    ?>"></script>
94
    ?>"></script>
95
    <script type="text/javascript">
95
    <script type="text/javascript">
96
<?php
96
<?php
97
      /*
97
      /*
98
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
98
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
99
      var msLeaveDays = ms1Day*6;
99
      var msLeaveDays = ms1Day*6;
100
      var ms30Days=ms1Day*30;
100
      var ms30Days=ms1Day*30;
101
      var delta;
101
      var delta;
102
      var newTime=new Date();
102
      var newTime=new Date();
103
      var msTime=newTime.getTime();
103
      var msTime=newTime.getTime();
104
      var msExpire=msTime+ms30Days;
104
      var msExpire=msTime+ms30Days;
105
      var expireTime=new Date(msExpire);
105
      var expireTime=new Date(msExpire);
106

106

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

187

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

203

204
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
204
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
205
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
205
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
206
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
206
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
207
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
207
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
208

208

209
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
209
        <a class="button" style="display: block; clear: left; 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>
210
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
211
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
211
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
212
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
212
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
213

213

214
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
214
        <a class="button" style="display: block; clear: left; 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>
215
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
216
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
216
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
217
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
217
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
218

218

219
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
219
        <a class="button" style="display: block; clear: left; 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>
220
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
221
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
221
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
222
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
222
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
223

223

224
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
224
        <a class="button" style="display: block; clear: left; 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>
225
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
226
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
226
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
227
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
227
        <a class="button" style="display: block; 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>
228
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
229

229

230
        <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>
231
        <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>
232
        <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>
233
        <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>
234

234

235
        <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>
236
        <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>
237
        <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>
238

238

239
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
239
        <a class="button" style="display: block; clear: left; 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>
240
        <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>
241
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
242

242

243
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
243
        <a class="button" style="display: block; clear: left; 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>
244
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
245
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
245
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
246

246

247
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
247
        <a class="button" style="display: block; clear: left; 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>
248
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
249
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
249
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
250
      </div>
250
      </div>
251
*/ ?>
251
*/ ?>
252
      <div id="bow">
252
      <div id="bow">
253
        <div id="bow-top">
253
        <div id="bow-top">
254
          <div class="separator-left">&nbsp;</div>
254
          <div class="separator-left">&nbsp;</div>
255
          <div class="text"><span>PointedEars’ Website</span></div>
255
          <div class="text"><span>PointedEars’ Website</span></div>
256
        </div>
256
        </div>
257
        <div id="bow-top-left">
257
        <div id="bow-top-left">
258
          <div class="concave">&nbsp;</div>
258
          <div class="concave">&nbsp;</div>
259
          <div style="position: absolute; top: 3.2em; left: 0; background-color: black">
259
          <div style="position: absolute; top: 3.2em; left: 0; background-color: black">
260
            <div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
260
            <div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
261
          </div>
261
          </div>
262
        </div>
262
        </div>
263
        <div id="bottom">
263
        <div id="bottom">
264
          <div id="bow-bottom">
264
          <div id="bow-bottom">
265
            <div class="concave">&nbsp;</div>
265
            <div class="concave">&nbsp;</div>
266
            <div class="spacer">&nbsp;</div>
266
            <div class="spacer">&nbsp;</div>
267
        </div>
267
        </div>
268
        </div>
268
        </div>
269
       
269
       
270
        <div class="menu-container">
270
        <div class="menu-container">
271
          <nav class="menu">
271
          <nav class="menu">
272
            <ul style="padding-top: 1em">
272
            <ul style="padding-top: 1em">
273
            <?php foreach ($languages as $key => $name): ?>
273
            <?php foreach ($languages as $key => $name): ?>
274
              <li><a href="index.<?php echo $key; ?>?ani=0"
274
              <li><a href="index.<?php echo $key; ?>?ani=0"
275
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
275
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
276
                     tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
276
                     tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
277
            <?php endforeach; ?>
277
            <?php endforeach; ?>
278
            </ul>
278
            </ul>
279
            <div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em">&nbsp;</div>
279
            <div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em">&nbsp;</div>
280
            <ul style="margin-bottom: 1.2em">
280
            <ul style="margin-bottom: 1.2em">
281
              <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
281
              <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
282
              <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
282
              <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
283
                     title="<?php echo $menu['es-matrix']['title']; ?>"
283
                     title="<?php echo $menu['es-matrix']['title']; ?>"
284
                     ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
284
                     ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
285
              <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
285
              <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
286
            </ul>
286
            </ul>
287
            <ul style="margin-bottom: 0.2em">
287
            <ul style="margin-bottom: 0.2em">
288
              <li><a href="psf/" target="_top"
288
              <li><a href="psf/" target="_top"
289
                 class="button ancillary"
289
                 class="button ancillary"
290
                 ><abbr title="<?php echo tr("PointedEars' Standard Frases"); ?>"
290
                 ><abbr title="<?php echo tr("PointedEars' Standard Frases"); ?>"
291
                        class="text">psf</abbr></a></li>
291
                        class="text">psf</abbr></a></li>
292
            <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
292
            <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
293
                   title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>"
293
                   title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>"
294
                   ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
294
                   ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
295
              <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
295
              <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
296
                     ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
296
                     ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
297
                            class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
297
                            class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
298
            </ul>
298
            </ul>
299
            <div style="position: relative; margin-bottom: 1.2em">
299
            <div style="position: relative; margin-bottom: 1.2em">
300
              <div class="bow" style="width: 8em; height: 0.8em">&nbsp;</div>
300
              <div class="bow" style="width: 8em; height: 0.8em">&nbsp;</div>
301
            </div>
301
            </div>
302
            <ul>
302
            <ul>
303
              <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
303
              <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
304
                     target="_top" class="button secondary"
304
                     target="_top" class="button secondary"
305
                     title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>"
305
                     title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>"
306
                     ><span class="text">climateprediction.net</span></a></li>
306
                     ><span class="text">climateprediction.net</span></a></li>
307
<?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn */ ?>
307
              <li><a href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn"
308
              <li><a href="<?php echo tr("http://folding.stanford.edu/English/HomePage"); ?>"
-
 
309
                     target="_top" class="button secondary"
308
                     target="_top" class="button secondary"
310
                     title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
309
                     title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
311
                     ><span class="text">Folding at home</span></a></li>
310
                     ><span class="text">Folding at home</span></a></li>
312
             <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
311
             <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
313
                    target="_top" class="button secondary"
312
                    target="_top" class="button secondary"
314
                    title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>"
313
                    title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>"
315
                    ><span class="text">LHC at home</span></a></li>
314
                    ><span class="text">LHC at home</span></a></li>
316
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
315
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
317
                    target="_top" class="button secondary"
316
                    target="_top" class="button secondary"
318
                    title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
317
                    title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
319
                    ><span class="text">SETI at home</span></a></li>
318
                    ><span class="text">SETI at home</span></a></li>
320
             <li><a href="http://stackoverflow.com/users/855543/pointedears"
319
             <li><a href="http://stackoverflow.com/users/855543/pointedears"
321
                    target="_top" class="button secondary"
320
                    target="_top" class="button secondary"
322
                    title="<?php echo tr("Me on Stack Overflow"); ?>"
321
                    title="<?php echo tr("Me on Stack Overflow"); ?>"
323
                    ><span class="text">Stack Overflow</span></a></li>
322
                    ><span class="text">Stack Overflow</span></a></li>
324
             <li><a href="https://twitter.com/PointedEars2"
323
             <li><a href="https://twitter.com/PointedEars2"
325
                    target="_top" class="button secondary"
324
                    target="_top" class="button secondary"
326
                    title="<?php echo tr("Me on Twitter"); ?>"
325
                    title="<?php echo tr("Me on Twitter"); ?>"
327
                    ><span class="text">Twitter</span></a></li>
326
                    ><span class="text">Twitter</span></a></li>
328
           </ul>
327
           </ul>
329
<?php /*
328
<?php /*
330
            <script type="text/javascript">
329
            <script type="text/javascript">
331
              var sURL = location.href;
330
              var sURL = location.href;
332
              var sFavAnchorTitle =
331
              var sFavAnchorTitle =
333
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
332
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
334
                + " hinzuzufügen";
333
                + " hinzuzufügen";
335
              var sOtherAnchorTitle =
334
              var sOtherAnchorTitle =
336
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
335
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
337
                + " Ihren Lesezeichen hinzuzufügen";
336
                + " Ihren Lesezeichen hinzuzufügen";
338
              var sFavoriteTitle = "PointedEars' Website";
337
              var sFavoriteTitle = "PointedEars' Website";
339
       
338
       
340
              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
339
              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
341
              {
340
              {
342
                document.write(
341
                document.write(
343
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
342
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
344
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
343
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
345
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
344
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
346
                  + '</div>'
345
                  + '</div>'
347
                  + '<a href="javascript:window.external.AddFavorite('
346
                  + '<a href="javascript:window.external.AddFavorite('
348
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
347
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
349
                  + ' class="button"'
348
                  + ' class="button"'
350
                  + ' onclick="window.external.AddFavorite('
349
                  + ' onclick="window.external.AddFavorite('
351
                  + ' sURL, sFavoriteTitle); return false"'
350
                  + ' sURL, sFavoriteTitle); return false"'
352
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
351
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
353
                  + ' onmouseout="return resetStatus()"'
352
                  + ' onmouseout="return resetStatus()"'
354
                  + '><span class="text">Favorit<\/span><\/a>');
353
                  + '><span class="text">Favorit<\/span><\/a>');
355
              }
354
              }
356
            </script>
355
            </script>
357
*/ ?>
356
*/ ?>
358
          </nav>
357
          </nav>
359
        </div>
358
        </div>
360
      </div>
359
      </div>
361
      <div id="connectors">
360
      <div id="connectors">
362
        <div class="bow top left">&nbsp;</div>
361
        <div class="bow top left">&nbsp;</div>
363
        <div class="bow top right">&nbsp;</div>
362
        <div class="bow top right">&nbsp;</div>
364
       
363
       
365
        <div class="bow mid left">&nbsp;</div>
364
        <div class="bow mid left">&nbsp;</div>
366
        <div class="bow mid right">&nbsp;</div>
365
        <div class="bow mid right">&nbsp;</div>
367
      </div>
366
      </div>
368
      <div class="multi-display">
367
      <div class="multi-display">
369
        <div class="upper">
368
        <div class="upper">
370
          <div class="content">
369
          <div class="content">
371
            <div class="title"><span>Home</span></div>
370
            <div class="title"><span>Home</span></div>
372
            <div class="analysis">
371
            <div class="analysis">
373
              <table>
372
              <table>
374
                <tr>
373
                <tr>
375
                  <th><?php echo tr('Display'); ?>:</th>
374
                  <th><?php echo tr('Display'); ?>:</th>
376
                  <td><script type="text/javascript">
375
                  <td><script type="text/javascript">
377
                    var _addEventListener = jsx.dom.addEventListener;
376
                    var _addEventListener = jsx.dom.addEventListener;
378
                    var _runAsync = jsx.dom.timeout.runAsync;
377
                    var _runAsync = jsx.dom.timeout.runAsync;
379
                    var ID_SCREEN_DIM = 'screenDim';
378
                    var ID_SCREEN_DIM = 'screenDim';
380
                    var ID_AVAIL_DIM = 'availDim';
379
                    var ID_AVAIL_DIM = 'availDim';
381
                    var ID_INNER_DIM = 'innerDim';
380
                    var ID_INNER_DIM = 'innerDim';
382
                    var TEXT_NOT_AVAILABLE = "<?php echo tr('N/A'); ?>";
381
                    var TEXT_NOT_AVAILABLE = "<?php echo tr('N/A'); ?>";
383
                   
382
                   
384
                    var dim = (function () {
383
                    var dim = (function () {
385
                      var screenInfo = jsx.dom.window.screenInfo;
384
                      var screenInfo = jsx.dom.window.screenInfo;
386
385
387
                      return {
386
                      return {
388
                        getScreenText: function () {
387
                        getScreenText: function () {
389
                          var screenDim = screenInfo.getDim();
388
                          var screenDim = screenInfo.getDim();
390
                          return screenDim.width + "×" + screenDim.height;
389
                          return screenDim.width + "×" + screenDim.height;
391
                        },
390
                        },
392
 
391
 
393
                        getAvailText: function () {
392
                        getAvailText: function () {
394
                          var availDim = screenInfo.getAvailDim();
393
                          var availDim = screenInfo.getAvailDim();
395
                          return availDim.width + "×" + availDim.height + " <?php echo tr('available'); ?>";
394
                          return availDim.width + "×" + availDim.height + " <?php echo tr('available'); ?>";
396
                        },
395
                        },
397
 
396
 
398
                        getInnerText: function () {
397
                        getInnerText: function () {
399
                          var innerDim = screenInfo.getInnerDim();
398
                          var innerDim = screenInfo.getInnerDim();
400
                          return ", " + innerDim.width + "×" + innerDim.height + " <?php echo tr('used'); ?>";
399
                          return ", " + innerDim.width + "×" + innerDim.height + " <?php echo tr('used'); ?>";
401
                        },
400
                        },
402
 
401
 
403
                        getColorDepthText: function () {
402
                        getColorDepthText: function () {
404
                          var colorDepth = screenInfo.getColorDepth();
403
                          var colorDepth = screenInfo.getColorDepth();
405
                          return colorDepth
404
                          return colorDepth
406
                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>"
405
                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>"
407
                            : "";
406
                            : "";
408
                        }
407
                        }
409
                      };
408
                      };
410
                    }());
409
                    }());
411
                   
410
                   
412
                    (function () {
411
                    (function () {
413
                      var screenDimText = dim.getScreenText();
412
                      var screenDimText = dim.getScreenText();
414
                      var availDimText = dim.getAvailText();
413
                      var availDimText = dim.getAvailText();
415
                      var innerDimText = dim.getInnerText();
414
                      var innerDimText = dim.getInnerText();
416
                      var colorDepthText = dim.getColorDepthText();
415
                      var colorDepthText = dim.getColorDepthText();
417
                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
416
                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
418
                        ?   (screenDimText ? '<span id="' + ID_SCREEN_DIM + '">' + screenDimText + '<\/span> <?php echo tr('pixels'); ?>' : "")
417
                        ?   (screenDimText ? '<span id="' + ID_SCREEN_DIM + '">' + screenDimText + '<\/span> <?php echo tr('pixels'); ?>' : "")
419
                          + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
418
                          + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
420
                          + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
419
                          + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
421
                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
420
                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
422
                        : TEXT_NOT_AVAILABLE;
421
                        : TEXT_NOT_AVAILABLE;
423
 
422
 
424
                      /* FIXME: Convert HTML to text, update whole title text */
423
                      /* FIXME: Convert HTML to text, update whole title text */
425
                      document.write('<span>' + displayInfo + '<\/span>');
424
                      document.write('<span>' + displayInfo + '<\/span>');
426
425
427
                      var oColorDepth;
426
                      var oColorDepth;
428
                      var tColor = _runAsync(function () {
427
                      var tColor = _runAsync(function () {
429
                        if (typeof oColorDepth == "undefined")
428
                        if (typeof oColorDepth == "undefined")
430
                        {
429
                        {
431
                          oColorDepth = document.getElementById("colorDepth");
430
                          oColorDepth = document.getElementById("colorDepth");
432
                        }
431
                        }
433
 
432
 
434
                        if (oColorDepth)
433
                        if (oColorDepth)
435
                        {
434
                        {
436
                          var colorDepthText = dim.getColorDepthText();
435
                          var colorDepthText = dim.getColorDepthText();
437
                          <?php /* FIXME: Also update title attribute value */ ?>
436
                          <?php /* FIXME: Also update title attribute value */ ?>
438
                          if (oColorDepth.innerHTML != colorDepthText)
437
                          if (oColorDepth.innerHTML != colorDepthText)
439
                          {
438
                          {
440
                            oColorDepth.innerHTML = colorDepthText;
439
                            oColorDepth.innerHTML = colorDepthText;
441
                          }
440
                          }
442
                        }
441
                        }
443
442
444
                        tColor = this.run();
443
                        tColor = this.run();
445
                      }, 1000);
444
                      }, 1000);
446
445
447
                      _addEventListener(document, "unload", function () {
446
                      _addEventListener(document, "unload", function () {
448
                        tColor.unset();
447
                        tColor.unset();
449
                        tColor = null;
448
                        tColor = null;
450
                      });
449
                      });
451
                    }());
450
                    }());
452
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
451
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
453
                </tr>
452
                </tr>
454
                <tr>
453
                <tr>
455
                  <th><?php echo tr('User Agent'); ?>:</th>
454
                  <th><?php echo tr('User Agent'); ?>:</th>
456
                  <td><script type="text/javascript">
455
                  <td><script type="text/javascript">
457
                    (function () {
456
                    (function () {
458
                      var ua = navigator.userAgent;
457
                      var ua = navigator.userAgent;
459
                      document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');
458
                      document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');
460
459
461
                      var oUA;
460
                      var oUA;
462
                      var tUA = _runAsync(function () {
461
                      var tUA = _runAsync(function () {
463
                        if (typeof oUA == "undefined")
462
                        if (typeof oUA == "undefined")
464
                        {
463
                        {
465
                          oUA = document.getElementById("ua");
464
                          oUA = document.getElementById("ua");
466
                        }
465
                        }
467
                       
466
                       
468
                        if (oUA)
467
                        if (oUA)
469
                        {
468
                        {
470
                          var ua = navigator.userAgent;
469
                          var ua = navigator.userAgent;
471
470
472
                          if (oUA.innerHTML != ua)
471
                          if (oUA.innerHTML != ua)
473
                          {
472
                          {
474
                            oUA.innerHTML = ua;
473
                            oUA.innerHTML = ua;
475
                          }
474
                          }
476
475
477
                          <?php /* Converts CREs */ ?>
476
                          <?php /* Converts CREs */ ?>
478
                          var oUAhtml = oUA.innerHTML
477
                          var oUAhtml = oUA.innerHTML
479
                          if (oUA.title != oUAhtml)
478
                          if (oUA.title != oUAhtml)
480
                          {
479
                          {
481
                            oUA.title = oUAhtml;
480
                            oUA.title = oUAhtml;
482
                          }
481
                          }
483
                        }
482
                        }
484
483
485
                        tUA = this.run();
484
                        tUA = this.run();
486
                      }, 1000);
485
                      }, 1000);
487
486
488
                      _addEventListener(document, "unload", function () {
487
                      _addEventListener(document, "unload", function () {
489
                        tUA.unset();
488
                        tUA.unset();
490
                        tUA = null;
489
                        tUA = null;
491
                      });
490
                      });
492
                    }());
491
                    }());
493
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
492
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
494
                </tr>
493
                </tr>
495
                <tr>
494
                <tr>
496
                  <th><?php echo tr('Features'); ?>:</th>
495
                  <th><?php echo tr('Features'); ?>:</th>
497
                  <td><script type="text/javascript">
496
                  <td><script type="text/javascript">
498
                    var fullscreen = jsx.dom.window.fullscreen;
497
                    var fullscreen = jsx.dom.window.fullscreen;
499
498
500
                    jsx.dom.geolocation = {
499
                    jsx.dom.geolocation = {
501
                      getText: function (position) {
500
                      getText: function (position) {
502
                        var coords = position.coords;
501
                        var coords = position.coords;
503
                        var latitude = coords.latitude;
502
                        var latitude = coords.latitude;
504
                        var longitude = coords.longitude;
503
                        var longitude = coords.longitude;
505
                        var altitude = coords.altitude;
504
                        var altitude = coords.altitude;
506
                        var altitudeAccuracy = coords.altitudeAccuracy;
505
                        var altitudeAccuracy = coords.altitudeAccuracy;
507
                        var speed = coords.speed;
506
                        var speed = coords.speed;
508
                        var heading = coords.heading;
507
                        var heading = coords.heading;
509
                       
508
                       
510
                        return [
509
                        return [
511
                          "<?php echo tr('Latitude:'); ?> " + (latitude != null ? latitude + "°" : TEXT_NOT_AVAILABLE),
510
                          "<?php echo tr('Latitude:'); ?> " + (latitude != null ? latitude + "°" : TEXT_NOT_AVAILABLE),
512
                          "<?php echo tr('Longitude:'); ?> " + (longitude != null ? longitude + "°" : TEXT_NOT_AVAILABLE),
511
                          "<?php echo tr('Longitude:'); ?> " + (longitude != null ? longitude + "°" : TEXT_NOT_AVAILABLE),
513
                          "<?php echo tr('Lat/Lng Accuracy:'); ?> " + coords.accuracy + " m",
512
                          "<?php echo tr('Lat/Lng Accuracy:'); ?> " + coords.accuracy + " m",
514
                          "<?php echo tr('Altitude:'); ?> " + (altitude != null ? altitude + " m": TEXT_NOT_AVAILABLE),
513
                          "<?php echo tr('Altitude:'); ?> " + (altitude != null ? altitude + " m": TEXT_NOT_AVAILABLE),
515
                          "<?php echo tr('Alt. Accuracy:'); ?> " + (altitudeAccuracy != null ? altitudeAccuracy + " m": TEXT_NOT_AVAILABLE),
514
                          "<?php echo tr('Alt. Accuracy:'); ?> " + (altitudeAccuracy != null ? altitudeAccuracy + " m": TEXT_NOT_AVAILABLE),
516
                          "<?php echo tr('Speed:'); ?> " + (speed != null && !isNaN(speed) ? speed + " m∕s": TEXT_NOT_AVAILABLE),
515
                          "<?php echo tr('Speed:'); ?> " + (speed != null && !isNaN(speed) ? speed + " m∕s": TEXT_NOT_AVAILABLE),
517
                          "<?php echo tr('Heading:'); ?> " + (heading != null && !isNaN(heading) ? heading + "°" : TEXT_NOT_AVAILABLE)
516
                          "<?php echo tr('Heading:'); ?> " + (heading != null && !isNaN(heading) ? heading + "°" : TEXT_NOT_AVAILABLE)
518
                        ].join("\n");
517
                        ].join("\n");
519
                      },
518
                      },
520
519
521
                      show: function (position) {
520
                      show: function (position) {
522
                        window.alert("<?php echo tr('Your current coordinates on Terra'); ?>\n\n" + this.getText(position));
521
                        window.alert("<?php echo tr('Your current coordinates on Terra'); ?>\n\n" + this.getText(position));
523
                      }
522
                      }
524
                    };
523
                    };
525
                   
524
                   
526
                    (function () {
525
                    (function () {
527
                      function getFeatures ()
526
                      function getFeatures ()
528
                      {
527
                      {
529
                        var features = [];
528
                        var features = [];
530
                        if (typeof document.cookie != "undefined")
529
                        if (typeof document.cookie != "undefined")
531
                        {
530
                        {
532
                          var cookiesText = "<?php echo tr('Cookies'); ?>"
531
                          var cookiesText = "<?php echo tr('Cookies'); ?>"
533
                          if (navigator.cookieEnabled)
532
                          if (navigator.cookieEnabled)
534
                          {
533
                          {
535
                            if (document.cookie)
534
                            if (document.cookie)
536
                            {
535
                            {
537
                              var cookies = document.cookie;
536
                              var cookies = document.cookie;
538
                              cookies = cookies.split(/\s*;\s*/);
537
                              cookies = cookies.split(/\s*;\s*/);
539
                              features.push('<a href="#" title="'
538
                              features.push('<a href="#" title="'
540
                                + cookies.join("&#13;&#10;")
539
                                + cookies.join("&#13;&#10;")
541
                                + '"'
540
                                + '"'
542
                                + ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>');
541
                                + ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>');
543
                            }
542
                            }
544
                            else
543
                            else
545
                            {
544
                            {
546
                              features.push('<span class="unavailable"'
545
                              features.push('<span class="unavailable"'
547
                                + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'
546
                                + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'
548
                                + '>' + cookiesText + '<\/span>');
547
                                + '>' + cookiesText + '<\/span>');
549
                            }
548
                            }
550
                          }
549
                          }
551
                          else
550
                          else
552
                          {
551
                          {
553
                            features.push('<span class="offline"'
552
                            features.push('<span class="offline"'
554
                              + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"'
553
                              + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"'
555
                              + '>' + cookiesText + '<\/span>');
554
                              + '>' + cookiesText + '<\/span>');
556
                          }
555
                          }
557
                        }
556
                        }
558
557
559
                        if (fullscreen.isSupportedBy(document.documentElement))
558
                        if (fullscreen.isSupportedBy(document.documentElement))
560
                        {
559
                        {
561
                          features.push("<?php echo tr('Fullscreen'); ?>");
560
                          features.push("<?php echo tr('Fullscreen'); ?>");
562
                        }
561
                        }
563
                       
562
                       
564
                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
563
                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
565
                        {
564
                        {
566
                          features.push("<?php echo tr('Gamepad'); ?>");
565
                          features.push("<?php echo tr('Gamepad'); ?>");
567
                        }
566
                        }
568
                       
567
                       
569
                        if (navigator.geolocation)
568
                        if (navigator.geolocation)
570
                        {
569
                        {
571
                          features.push('<a href="#" title="<?php echo tr('Get location'); ?>"'
570
                          features.push('<a href="#" title="<?php echo tr('Get location'); ?>"'
572
                            + ' onclick="navigator.geolocation.getCurrentPosition('
571
                            + ' onclick="navigator.geolocation.getCurrentPosition('
573
                            + 'function (position) { jsx.dom.geolocation.show(position); }); return false"'
572
                            + 'function (position) { jsx.dom.geolocation.show(position); }); return false"'
574
                            + '><?php echo tr('Geolocation'); ?><\/a>');
573
                            + '><?php echo tr('Geolocation'); ?><\/a>');
575
                        }
574
                        }
576
575
577
                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
576
                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
578
                        {
577
                        {
579
                          features.push("Java");
578
                          features.push("Java");
580
                        }
579
                        }
581
                       
580
                       
582
                        var storage = jsx.dom.storage;
581
                        var storage = jsx.dom.storage;
583
                        if (storage.localStorage.isSupported()) features.push("Local Storage");
582
                        if (storage.localStorage.isSupported()) features.push("Local Storage");
584
583
585
                        if (navigator.plugins)
584
                        if (navigator.plugins)
586
                        {
585
                        {
587
                          if (navigator.plugins.length > 0)
586
                          if (navigator.plugins.length > 0)
588
                          {
587
                          {
589
                            features.push('<span title="'
588
                            features.push('<span title="'
590
                              + navigator.plugins.length
589
                              + navigator.plugins.length
591
                              + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>');
590
                              + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>');
592
                          }
591
                          }
593
                          else
592
                          else
594
                          {
593
                          {
595
                                features.push('<span class="unavailable"'
594
                                features.push('<span class="unavailable"'
596
                                + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"'
595
                                + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"'
597
                                + '>Plugins<\/span>');
596
                                + '>Plugins<\/span>');
598
                          }
597
                          }
599
                        }
598
                        }
600
599
601
                        if (storage.sessionStorage.isSupported())
600
                        if (storage.sessionStorage.isSupported())
602
                        {
601
                        {
603
                          features.push("Session Storage");
602
                          features.push("Session Storage");
604
                        }
603
                        }
605
604
606
                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
605
                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
607
                        return features.join(" &#8226; ");
606
                        return features.join(" &#8226; ");
608
                      }
607
                      }
609
608
610
                      function stripTags (s)
609
                      function stripTags (s)
611
                      {
610
                      {
612
                        return s.replace(/<[^>]+>/g, "");
611
                        return s.replace(/<[^>]+>/g, "");
613
                      }
612
                      }
614
                     
613
                     
615
                      var sFeatures = getFeatures();
614
                      var sFeatures = getFeatures();
616
                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');
615
                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');
617
616
618
                      var oFeatures;
617
                      var oFeatures;
619
                      var oFeaturesHtml;
618
                      var oFeaturesHtml;
620
                      var tFeatures = _runAsync(function () {
619
                      var tFeatures = _runAsync(function () {
621
                        if (typeof oFeatures == "undefined")
620
                        if (typeof oFeatures == "undefined")
622
                        {
621
                        {
623
                          oFeatures = document.getElementById("features");
622
                          oFeatures = document.getElementById("features");
624
                        }
623
                        }
625
624
626
                        if (oFeatures)
625
                        if (oFeatures)
627
                        {
626
                        {
628
                          var sNewFeatures = getFeatures();
627
                          var sNewFeatures = getFeatures();
629
628
630
                          if (!oFeaturesHtml)
629
                          if (!oFeaturesHtml)
631
                          {
630
                          {
632
                            oFeaturesHtml = document.createElement("span");
631
                            oFeaturesHtml = document.createElement("span");
633
                          }
632
                          }
634
                         
633
                         
635
                          if (oFeaturesHtml)
634
                          if (oFeaturesHtml)
636
                          {
635
                          {
637
                            oFeaturesHtml.innerHTML = sNewFeatures;
636
                            oFeaturesHtml.innerHTML = sNewFeatures;
638
                            sNewFeatures = oFeaturesHtml.innerHTML;
637
                            sNewFeatures = oFeaturesHtml.innerHTML;
639
                          }
638
                          }
640
                         
639
                         
641
                          if (oFeatures.innerHTML != sNewFeatures)
640
                          if (oFeatures.innerHTML != sNewFeatures)
642
                          {
641
                          {
643
                            oFeatures.innerHTML = sNewFeatures;
642
                            oFeatures.innerHTML = sNewFeatures;
644
                          }
643
                          }
645
644
646
                          /* Converts CREs */
645
                          /* Converts CREs */
647
                          var newTitle = stripTags(oFeatures.innerHTML)
646
                          var newTitle = stripTags(oFeatures.innerHTML)
648
                          if (oFeatures.title != newTitle)
647
                          if (oFeatures.title != newTitle)
649
                          {
648
                          {
650
                            oFeatures.title = newTitle;
649
                            oFeatures.title = newTitle;
651
                          }
650
                          }
652
                        }
651
                        }
653
652
654
                        tFeatures = this.run();
653
                        tFeatures = this.run();
655
                      }, 1000);
654
                      }, 1000);
656
                    }());
655
                    }());
657
656
658
                    _addEventListener(document, "unload", function () {
657
                    _addEventListener(document, "unload", function () {
659
                      tFeatures.unset();
658
                      tFeatures.unset();
660
                      tFeatures = null;
659
                      tFeatures = null;
661
                    });
660
                    });
662
661
663
                    var windowText = "<?php echo tr("Window"); ?>";
662
                    var windowText = "<?php echo tr("Window"); ?>";
664
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
663
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
665
                </tr>
664
                </tr>
666
              </table>
665
              </table>
667
            </div>
666
            </div>
668
            <ul class="commands">
667
            <ul class="commands">
669
              <li id="cmd1"><a href="index.php"
668
              <li id="cmd1"><a href="index.php"
670
                title="Language selection"
669
                title="Language selection"
671
                tabindex="1"
670
                tabindex="1"
672
                class="button left right"
671
                class="button left right"
673
                onmouseover="return setStatus(this.title + ': ' + this.href)"
672
                onmouseover="return setStatus(this.title + ': ' + this.href)"
674
                onmouseout="return resetStatus()"
673
                onmouseout="return resetStatus()"
675
                onfocus="return this.onmouseover()"
674
                onfocus="return this.onmouseover()"
676
                onblur="return this.onmouseout()"
675
                onblur="return this.onmouseout()"
677
                ><abbr class="text" title="Language selection">Language</abbr></a></li>
676
                ><abbr class="text" title="Language selection">Language</abbr></a></li>
678
              <li id="cmd2"><a href="index.<?php echo $language; ?>?printable=1"
677
              <li id="cmd2"><a href="index.<?php echo $language; ?>?printable=1"
679
                title="<?php echo tr('Printable version'); ?>"
678
                title="<?php echo tr('Printable version'); ?>"
680
                tabindex="1"
679
                tabindex="1"
681
                class="button left right"
680
                class="button left right"
682
                onmouseover="return setStatus(this.title + ': ' + this.href)"
681
                onmouseover="return setStatus(this.title + ': ' + this.href)"
683
                onmouseout="return resetStatus()"
682
                onmouseout="return resetStatus()"
684
                onfocus="return this.onmouseover()"
683
                onfocus="return this.onmouseover()"
685
                onblur="return this.onmouseout()"
684
                onblur="return this.onmouseout()"
686
                ><span class="text"><?php echo tr("Printable"); ?></span></a></li>
685
                ><span class="text"><?php echo tr("Printable"); ?></span></a></li>
687
              <li id="cmd3"><div class="button left right"
686
              <li id="cmd3"><div class="button left right"
688
                   style="cursor: not-allowed !important"
687
                   style="cursor: not-allowed !important"
689
                   onclick="fullscreen.requestOn(document.documentElement, this)"
688
                   onclick="fullscreen.requestOn(document.documentElement, this)"
690
                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"
689
                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"
691
                   ><span class="text"><script type="text/javascript">
690
                   ><span class="text"><script type="text/javascript">
692
                     var cmd3;
691
                     var cmd3;
693
                     if (fullscreen.isSupportedBy(document.documentElement))
692
                     if (fullscreen.isSupportedBy(document.documentElement))
694
                     {
693
                     {
695
                       _addEventListener(window, "load", function () {
694
                       _addEventListener(window, "load", function () {
696
                         if (typeof cmd3 == "undefined")
695
                         if (typeof cmd3 == "undefined")
697
                         {
696
                         {
698
                           cmd3 = jsx.dom.getElementById("cmd3");
697
                           cmd3 = jsx.dom.getElementById("cmd3");
699
                         }
698
                         }
700
                         
699
                         
701
                         if (cmd3)
700
                         if (cmd3)
702
                         {
701
                         {
703
                           cmd3.firstChild.tabIndex = "1";
702
                           cmd3.firstChild.tabIndex = "1";
704
                         }
703
                         }
705
                       });
704
                       });
706
705
707
                       var fullscreenText = "<?php echo tr("Fullscreen"); ?>";
706
                       var fullscreenText = "<?php echo tr("Fullscreen"); ?>";
708
                       document.write(fullscreenText);
707
                       document.write(fullscreenText);
709
                     }
708
                     }
710
                     
709
                     
711
                     var oScreenDim;
710
                     var oScreenDim;
712
                     var oAvailDim;
711
                     var oAvailDim;
713
                     var oInnerDim;
712
                     var oInnerDim;
714
                     var _gEBI = jsx.dom.getElementById;
713
                     var _gEBI = jsx.dom.getElementById;
715
                     var previousIsFullscreen;
714
                     var previousIsFullscreen;
716
                     var oldHandler;
715
                     var oldHandler;
717
                     
716
                     
718
                     _addEventListener(window, "resize", function () {
717
                     _addEventListener(window, "resize", function () {
719
                       <?php /* FIXME: Also update title attribute value */ ?>
718
                       <?php /* FIXME: Also update title attribute value */ ?>
720
                       if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
719
                       if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
721
                       if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
720
                       if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
722
721
723
                       if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
722
                       if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
724
                       if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
723
                       if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
725
724
726
                       if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
725
                       if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
727
                       if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
726
                       if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
728
                       
727
                       
729
                       if (fullscreen.isSupportedBy(document.documentElement))
728
                       if (fullscreen.isSupportedBy(document.documentElement))
730
                       {
729
                       {
731
                         var nowIsFullscreen = fullscreen.isFullscreen();
730
                         var nowIsFullscreen = fullscreen.isFullscreen();
732
                         if (nowIsFullscreen != previousIsFullscreen)
731
                         if (nowIsFullscreen != previousIsFullscreen)
733
                         {
732
                         {
734
                           if (typeof cmd3 == "undefined")
733
                           if (typeof cmd3 == "undefined")
735
                           {
734
                           {
736
                             cmd3 = document.getElementById("cmd3");
735
                             cmd3 = document.getElementById("cmd3");
737
                           }
736
                           }
738
                           
737
                           
739
                           var target = cmd3.firstChild;
738
                           var target = cmd3.firstChild;
740
                           var textTarget = target.firstChild;
739
                           var textTarget = target.firstChild;
741
                           if (nowIsFullscreen)
740
                           if (nowIsFullscreen)
742
                           {
741
                           {
743
                             oldHandler = target.onclick;
742
                             oldHandler = target.onclick;
744
                             target.onclick = function () {
743
                             target.onclick = function () {
745
                               fullscreen.cancel();
744
                               fullscreen.cancel();
746
                             };
745
                             };
747
                             textTarget.textContent = "<?php echo tr("Window"); ?>";
746
                             textTarget.textContent = "<?php echo tr("Window"); ?>";
748
                           }
747
                           }
749
                           else
748
                           else
750
                           {
749
                           {
751
                             target.onclick = oldHandler;
750
                             target.onclick = oldHandler;
752
                             textTarget.textContent = fullscreenText;
751
                             textTarget.textContent = fullscreenText;
753
                           }
752
                           }
754
                           
753
                           
755
                           previousIsFullscreen = nowIsFullscreen;
754
                           previousIsFullscreen = nowIsFullscreen;
756
                         }
755
                         }
757
                       }
756
                       }
758
                     });
757
                     });
759
                   </script></span></div></li>
758
                   </script></span></div></li>
760
              <li id="cmd4"><div class="button left right" style="cursor: not-allowed !important">&nbsp;</div></li>
759
              <li id="cmd4"><div class="button left right" style="cursor: not-allowed !important">&nbsp;</div></li>
761
            </ul>
760
            </ul>
762
          </div>
761
          </div>
763
          <div class="elbo-button">
762
          <div class="elbo-button">
764
            <span class="text" title="<?php echo tr("Date of last modification"); ?>"
763
            <span class="text" title="<?php echo tr("Date of last modification"); ?>"
765
                  ><?php echo gmdate('Ym.d', $modi); ?></span>
764
                  ><?php echo gmdate('Ym.d', $modi); ?></span>
766
          </div>
765
          </div>
767
          <div class="elbo">
766
          <div class="elbo">
768
            <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-22A</span>
767
            <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-22A</span>
769
            <div class="concave">&nbsp;</div>
768
            <div class="concave">&nbsp;</div>
770
          </div>
769
          </div>
771
          <div class="border">
770
          <div class="border">
772
            <div class="left">&nbsp;</div>
771
            <div class="left">&nbsp;</div>
773
            <div class="right">&nbsp;</div>
772
            <div class="right">&nbsp;</div>
774
          </div>
773
          </div>
775
        </div>
774
        </div>
776
        <div class="lower">
775
        <div class="lower">
777
          <div class="elbo">
776
          <div class="elbo">
778
            <div class="concave">&nbsp;</div>
777
            <div class="concave">&nbsp;</div>
779
          </div>
778
          </div>
780
          <div class="bg">&nbsp;</div>
779
          <div class="bg">&nbsp;</div>
781
          <div class="border-container">
780
          <div class="border-container">
782
            <div class="border">
781
            <div class="border">
783
              <div class="left">&nbsp;</div>
782
              <div class="left">&nbsp;</div>
784
              <div class="right">&nbsp;</div>
783
              <div class="right">&nbsp;</div>
785
            </div>
784
            </div>
786
          </div>
785
          </div>
787
        </div>
786
        </div>
788
      </div>
787
      </div>
789
    </div>
788
    </div>
790
  </body>
789
  </body>
791
</html>
790
</html>