Subversion Repositories LCARS

Rev

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

Rev 121 Rev 125
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="styles/lcars-basic.css">
62
    <link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&amp;prefix=../styles/&amp;src=lcars-basic<?php
63
<?php
-
 
64
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
63
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
65
  if (!$printable)
64
  if (!$printable)
66
  {
65
  {
67
?>
-
 
68
    <link rel="stylesheet" type="text/css" href="styles/lcars22.css<?php
66
    ?>,lcars22<?php
69
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
67
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
70
      {
68
      {
71
        echo '?ani=' . $_GET['ani'];
69
        echo '?ani=' . $_GET['ani'];
72
      }
70
      }
73
    ?>">
71
    ?>">
74
<?php
72
<?php
75
  }
73
  }
76
?>
74
?>
77
    <style type="text/css">
75
    <style type="text/css">
78
      <!--
76
      <!--
79
      p {
77
      p {
80
        max-width: 100%;
78
        max-width: 100%;
81
      }
79
      }
82
      -->
80
      -->
83
    </style>
81
    </style>
84
82
85
    <script type="text/javascript" src="scripts/builder?src=object,dom"></script>
83
    <script type="text/javascript" src="scripts/builder?src=object,dom"></script>
86
    <script type="text/javascript">
84
    <script type="text/javascript">
87
      function setStatus (text)
85
      function setStatus (text)
88
      {
86
      {
89
        window.status = String(text);
87
        window.status = String(text);
90
        return true;
88
        return true;
91
      }
89
      }
92
90
93
      function resetStatus ()
91
      function resetStatus ()
94
      {
92
      {
95
        window.status = window.defaultStatus;
93
        window.status = window.defaultStatus;
96
        return true;
94
        return true;
97
      }
95
      }
98
<?php
96
<?php
99
      /*
97
      /*
100
      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
101
      var msLeaveDays = ms1Day*6;
99
      var msLeaveDays = ms1Day*6;
102
      var ms30Days=ms1Day*30;
100
      var ms30Days=ms1Day*30;
103
      var delta;
101
      var delta;
104
      var newTime=new Date();
102
      var newTime=new Date();
105
      var msTime=newTime.getTime();
103
      var msTime=newTime.getTime();
106
      var msExpire=msTime+ms30Days;
104
      var msExpire=msTime+ms30Days;
107
      var expireTime=new Date(msExpire);
105
      var expireTime=new Date(msExpire);
108

106

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

187

190
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
188
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
191
           weitergeleitet werden. -->
189
           weitergeleitet werden. -->
192
*/
190
*/
193
?>
191
?>
194
<?php
192
<?php
195
  $app = "Welcome/$language";
193
  $app = "Welcome/$language";
196
  require_once 'footer.phtml';
194
  require_once 'footer.phtml';
197
      /* 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"
198
      hidden="true" autostart="true" dir="ltr" lang="de" */
196
      hidden="true" autostart="true" dir="ltr" lang="de" */
199
?>
197
?>
200
    </div>
198
    </div>
201
    <div id="LCARS">
199
    <div id="LCARS">
202
<?php /*
200
<?php /*
203
      <div id="button-grid" style="position: absolute; opacity: 0.3">
201
      <div id="button-grid" style="position: absolute; opacity: 0.3">
204
        <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>
205

203

206
        <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>
207
        <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>
208
        <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>
209
        <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>
210

208

211
        <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>
212
        <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>
213
        <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>
214
        <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>
215

213

216
        <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>
217
        <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>
218
        <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>
219
        <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>
220

218

221
        <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>
222
        <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>
223
        <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>
224
        <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>
225

223

226
        <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>
227
        <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>
228
        <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>
229
        <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>
230
        <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>
231

229

232
        <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>
233
        <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>
234
        <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>
235
        <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>
236

234

237
        <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>
238
        <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>
239
        <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>
240

238

241
        <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>
242
        <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>
243
        <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>
244

242

245
        <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>
246
        <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>
247
        <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>
248

246

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