Subversion Repositories LCARS

Rev

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

Rev 128 Rev 130
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 = _("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 = _("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 _("All rights reserved."); ?> <?php echo _("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 _("All rights reserved."); ?> <?php echo _("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
*/ ?>
61
*/ ?>
62
    <link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&amp;prefix=../styles/&amp;src=lcars-basic">
62
    <link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&amp;prefix=../styles/&amp;src=lcars-basic<?php
-
 
63
      $isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
-
 
64
      if ($isLocal)
-
 
65
      {
-
 
66
        ?>&amp;verbose=1&amp;debug=1<?php
-
 
67
      }
-
 
68
    ?>">
63
<?php
69
<?php
64
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
70
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
65
  if (!$printable)
71
  if (!$printable)
66
  {
72
  {
67
?>
73
?>
68
    <link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&amp;prefix=../styles/&amp;src=lcars22<?php
74
    <link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&amp;prefix=../styles/&amp;src=lcars22<?php
69
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
75
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
70
      {
76
      {
71
        echo '?ani=' . $_GET['ani'];
77
        echo '?ani=' . $_GET['ani'];
72
      }
78
      }
-
 
79
-
 
80
      if ($isLocal)
-
 
81
      {
-
 
82
        ?>&amp;verbose=1&amp;debug=1<?php
-
 
83
      }
73
    ?>">
84
    ?>">
74
<?php
85
<?php
75
  }
86
  }
76
?>
87
?>
77
    <style type="text/css">
88
    <style type="text/css">
78
      <!--
89
      <!--
79
      p {
90
      p {
80
        max-width: 100%;
91
        max-width: 100%;
81
      }
92
      }
82
      -->
93
      -->
83
    </style>
94
    </style>
84
95
85
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/window"></script>
96
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/window<?php
-
 
97
      if ($isLocal)
-
 
98
      {
-
 
99
        ?>&amp;verbose=1&amp;debug=1<?php
-
 
100
      }
-
 
101
    ?>"></script>
86
    <script type="text/javascript">
102
    <script type="text/javascript">
87
<?php
103
<?php
88
      /*
104
      /*
89
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
105
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
90
      var msLeaveDays = ms1Day*6;
106
      var msLeaveDays = ms1Day*6;
91
      var ms30Days=ms1Day*30;
107
      var ms30Days=ms1Day*30;
92
      var delta;
108
      var delta;
93
      var newTime=new Date();
109
      var newTime=new Date();
94
      var msTime=newTime.getTime();
110
      var msTime=newTime.getTime();
95
      var msExpire=msTime+ms30Days;
111
      var msExpire=msTime+ms30Days;
96
      var expireTime=new Date(msExpire);
112
      var expireTime=new Date(msExpire);
97

113

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

194

179
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
195
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
180
           weitergeleitet werden. -->
196
           weitergeleitet werden. -->
181
*/
197
*/
182
?>
198
?>
183
<?php
199
<?php
184
  $app = "Welcome/$language";
200
  $app = "Welcome/$language";
185
  require_once 'footer.phtml';
201
  require_once 'footer.phtml';
186
      /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
202
      /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
187
      hidden="true" autostart="true" dir="ltr" lang="de" */
203
      hidden="true" autostart="true" dir="ltr" lang="de" */
188
?>
204
?>
189
    </div>
205
    </div>
190
    <div id="LCARS">
206
    <div id="LCARS">
191
<?php /*
207
<?php /*
192
      <div id="button-grid" style="position: absolute; opacity: 0.3">
208
      <div id="button-grid" style="position: absolute; opacity: 0.3">
193
        <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>
194

210

195
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
211
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
196
        <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>
197
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
213
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
198
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
214
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
199

215

200
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
216
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
201
        <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>
202
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
218
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
203
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
219
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
204

220

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

225

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

230

215
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
231
        <a class="button" style="display: block; clear: left; 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>
232
        <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>
233
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
218
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
234
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
219
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
235
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
220

236

221
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
237
        <a class="button" style="display: block; clear: left; 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>
238
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
223
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
239
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
224
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
240
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
225

241

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

245

230
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
246
        <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>
247
        <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>
248
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
233

249

234
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
250
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
235
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
251
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
236
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
252
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
237

253

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