Subversion Repositories LCARS

Rev

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

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