Subversion Repositories LCARS

Rev

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

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

95

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

176

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

192

204
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
193
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
205
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
194
        <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>
195
        <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>
196
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
208

197

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

202

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

207

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

212

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

218

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

223

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

227

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

231

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

235

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