WebSVN - LCARS - Diff - Rev 178 and 180


<!DOCTYPE html>
<html lang="<?php echo $language; ?>">
  <head>
    <title>Home — PointedEars’ Website</title>

    <link rel="SHORTCUT ICON" href="favicon.ico">

    <!-- Browsers: Character Encoding -->
    <meta charset="UTF-8">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!-- Robots: Index, Subordinated Files, Description, Author,
         Keywords, Document Date -->
    <meta name="robots" content="index">
    <meta name="robots" content="follow">
<?php /*
    <meta name="description"
          content="PointedEars' Website: <?php
            $description = tr("Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: The best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!");
            echo $description;
            ?>">
*/ ?>
    <meta name="author" content="Thomas ‘PointedEars’ Lahn">

    <?php /* No localization of keywords at the time */ ?>
    <meta name="keywords"
          content="<?php /* 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, <?php /* Song, Songbook, Surf, anonymously, */?>Raumschiff Enterprise, DNG, Die n&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank<?php /*, Lied, Liedtext, surfen, anonym */ ?>">
<?php /*
    <meta name="keywords" http-equiv="Keywords" lang="de" content="">
    <meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
    <meta name="keywords" http-equiv="Keywords" lang="en" content="">
*/ ?>
    <meta name="revisit-after" content="3 days">

    <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
    <meta name="dcterms.title" content="PointedEars’ Website">
    <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">
    <meta name="dcterms.subject" content="Private Web site">
<?php /*
    <meta name="dcterms.description"
          content="PointedEars' Website: <?php echo $description; ?>">
*/ ?>
    <meta name="dcterms.publisher" content="PointedEars">
    <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">
    <meta name="dcterms.created" content="2002-05-23">
    <meta name="dcterms.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
<?php /*
    <meta name="dcterms.type" content="">
    <meta name="dcterms.format" content="">
*/ ?>
    <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">
    <meta name="dcterms.language" content="<?php echo $language; ?>">
    <meta name="dcterms.rightsHolder"
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
    <meta name="dcterms.rights"
          content="<?php echo tr("All rights reserved."); ?> <?php echo tr("The author is not responsible for the availability and the content of websites referred by this site, and not responsible for the availability and the content of websites referred by those sites. Whereever outsourced material is used, copyright or trademark infringement is not intended. Third parties who claim copyrights or trademarks used herein are asked to send an informal email to webmaster@PointedEars.de for immediate removal or modification of the respective material on the website instead of reminding the author of usage of this material. Thank you."); ?>">

<?php /*
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
    <!-- No optimization here: Resource Builder does not handle URI parameters -->
*/ ?>
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic">
<?php
  $isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
  if (!$printable)
  {
?>
    <link rel="stylesheet" type="text/css" href="styles/lcars22<?php
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
      {
        echo '?ani=' . $_GET['ani'];
      }
    ?>">
<?php
  }
?>
    <!--[if lt IE 7]>
      <link rel="stylesheet" type="text/css" href="styles/lcars22-ie6.css">
    <![endif]-->
    <style type="text/css">
      <!--
      p {
        max-width: 100%;
      }
      -->
    </style>

    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/widgets,dom/window,http,lcars<?php
      if ($isLocal)
      {
        ?>&amp;verbose=1&amp;debug=1<?php
      }
    ?>"></script>
    <script type="text/javascript">
<?php
      /*
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
      var msLeaveDays = ms1Day*6;
      var ms30Days=ms1Day*30;
      var delta;
      var newTime=new Date();
      var msTime=newTime.getTime();
      var msExpire=msTime+ms30Days;
      var expireTime=new Date(msExpire);

      cookieVal=
          "savedTime=" + newTime.toGMTString()
        + "; expires=" + expireTime.toGMTString()
        + "; domain=anybody"
        + "; path=/";
      document.cookie= cookieVal;
      */
?>
      function body_load ()
      {
        if (typeof this.ontouchstart != 'undefined')
        {
          this.ontouchstart = function () {};
        }

        if (fullscreen.isSupportedBy(document.documentElement))
        {
          var fullscreenLI = jsx.dom.getElementById("cmd3");
          fullscreenLI.firstChild.style.cursor = "";
        }
      }
    </script>
    <?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>
  </head>
  <body class="fade-in" onload="body_load()">
    <div id="content">
      <h1 style="text-align: center"><img
            src="media/video/img/vulcan_hand-black-bg.png"
            width="120"
            height="168"
            alt="<?php echo tr("Vulcan greeting"); ?>"
            title="<?php echo tr("Vulcan greeting"); ?>"
            style="border: none; cursor: default"
            onmouseover="return setStatus(this.title)"
            onmouseout="return resetStatus()"><br>
        <?php echo tr("Welcome to PointedEars’ Website"); ?></h1>
<?php
  if (!$printable)
  {
?>
      <p class="instruction" style="font-size: 100%; text-align: center"><?php
        echo sprintf(
          tr("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"
            . " title='Learn more: Mozilla Developer Network'>Web technologies</a>."
            . " You can use the <a href='index.%s?printable=1'>%s</a>"
            . " if it is not displayed properly with your software."),
          $language,
          tr('Printable version'));
        ?></p>
<?php
  }

  /*
      <p>
        | <a href="leisure/" target="_top"
            >Freizeit-Datenbank</a>
        | <a href="mozilla/" target="_top">Mozilla</a>
        | <a href="poetry/" target="_top">Poesie</a>
  */

  /*
        | [<abbr title="nur in englischer Sprache verf&uuml;gbar"
                 >en</abbr>]
        | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
  */
  /*
        | <a href="lyrics/" target="_top">Songbook</a>
        | </p>
  */
              /*
      <p><a href="about/worm.de.html" target="_top"
            >Seltsame E-Mails bekommen?</a></p>
               */
/*
      <noscript>
        <a
          href="http://pointedears.de/"
          title="PointedEars' Website"
          >Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
      </noscript>

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

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

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

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

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

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

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

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

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

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

        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
      </div>
*/ ?>
      <div id="bow">
        <div id="bow-top">
          <div class="separator-left">&nbsp;</div>
          <div class="text"><span>PointedEars’ Website</span></div>
        </div>
        <div id="bow-top-left">
          <div class="concave">&nbsp;</div>
          <div style="position: absolute; top: 3.2em; left: 0; background-color: black">
            <div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
          </div>
        </div>
        <div id="bottom">
          <div id="bow-bottom">
            <div class="concave">&nbsp;</div>
            <div class="spacer">&nbsp;</div>
        </div>
        </div>

        <div class="menu-container">
          <nav class="menu">
            <ul>
            <?php foreach ($languages as $key => $name): ?>
              <li><a href="index.<?php echo $key; ?>?ani=0"
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
                     tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
            <?php endforeach; ?>
            </ul>
            <div class="bow" style="margin-bottom: 0.4em; height: 0.4em">&nbsp;</div>
            <ul style="margin-bottom: 1.2em">
              <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
              <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
                     title="<?php echo $menu['es-matrix']['title']; ?>"
                     ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
              <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
            </ul>
            <ul style="margin-bottom: 0.2em">
              <li><a href="psf/" target="_top"
                 class="button ancillary"
                 ><abbr title="<?php echo tr("PointedEars' Standard Frases"); ?>"
                        class="text">psf</abbr></a></li>
            <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
                   title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>"
                   ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
              <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
                     ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
                            class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
            </ul>
            <div style="position: relative; margin-bottom: 1.2em">
              <div class="bow" style="height: 0.8em">&nbsp;</div>
            </div>
            <ul>
              <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
                     target="_top" class="button secondary"
                     title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>"
                     ><span class="text">climateprediction.net</span></a></li>
              <li><a href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn"
                     target="_top" class="button secondary"
                     title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
                     ><span class="text">Folding at home</span></a></li>
             <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
                    target="_top" class="button secondary"
                    title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>"
                    ><span class="text">LHC at home</span></a></li>
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
                    target="_top" class="button secondary"
                    title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
                    ><span class="text">SETI at home</span></a></li>
             <li><a href="http://stackoverflow.com/users/855543/pointedears"
                    target="_top" class="button secondary"
                    title="<?php echo tr("Me on Stack Overflow"); ?>"
                    ><span class="text">Stack Overflow</span></a></li>
             <li><a href="https://twitter.com/PointedEars2"
                    target="_top" class="button secondary"
                    title="<?php echo tr("Me on Twitter"); ?>"
                    ><span class="text">Twitter</span></a></li>
             <li><a href="<?php echo tr("http://en.wikipedia.org/wiki/Special:Contributions/PointedEars"); ?>"
                    target="_top" class="button secondary"
                    title="<?php echo tr("My contributions to Wikipedia"); ?>"
                    ><span class="text">Wikipedia</span></a></li>
           </ul>
<?php /*
            <script type="text/javascript">
              var sURL = location.href;
              var sFavAnchorTitle =
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
                + " hinzuzufügen";
              var sOtherAnchorTitle =
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
                + " Ihren Lesezeichen hinzuzufügen";
              var sFavoriteTitle = "PointedEars' Website";

              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
              {
                document.write(
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
                  + '</div>'
                  + '<a href="javascript:window.external.AddFavorite('
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
                  + ' class="button"'
                  + ' onclick="window.external.AddFavorite('
                  + ' sURL, sFavoriteTitle); return false"'
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
                  + ' onmouseout="return resetStatus()"'
                  + '><span class="text">Favorit<\/span><\/a>');
              }
            </script>
*/ ?>
          </nav>
        </div>
      </div>
      <div id="connectors">
        <div class="bow top left">&nbsp;</div>
        <div class="bow top right">&nbsp;</div>

        <div class="bow mid left">&nbsp;</div>
        <div class="bow mid right">&nbsp;</div>
      </div>
      <div class="multi-display">
        <div class="upper">
          <div class="content">
            <div class="title" id="title"><span>Home</span></div>
            <div class="analysis">
              <table>
                <tr>
                  <th><?php echo tr('Display'); ?>:</th>
                  <td><script type="text/javascript">
                    var _addEventListener = jsx.dom.addEventListener;
                    var _runAsync = jsx.dom.timeout.runAsync;
                    var ID_SCREEN_DIM = 'screenDim';
                    var ID_AVAIL_DIM = 'availDim';
                    var ID_INNER_DIM = 'innerDim';
                    var TEXT_NOT_AVAILABLE = "<?php echo tr('N/A'); ?>";

                    var dim = (function () {
                      var screenInfo = jsx.dom.window.screenInfo;

                      return {
                        getScreenText: function () {
                          var screenDim = screenInfo.getDim();
                          return screenDim.width + "×" + screenDim.height;
                        },

                        getAvailText: function () {
                          var availDim = screenInfo.getAvailDim();
                          return availDim.width + "×" + availDim.height + " <?php echo tr('available'); ?>";
                        },

                        getInnerText: function () {
                          var innerDim = screenInfo.getInnerDim();
                          return ", " + innerDim.width + "×" + innerDim.height + " <?php echo tr('used'); ?>";
                        },

                        getColorDepthText: function () {
                          var colorDepth = screenInfo.getColorDepth();
                          return colorDepth
                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>"
                            : "";
                        }
                      };
                    }());

                    (function () {
                      var screenDimText = dim.getScreenText();
                      var availDimText = dim.getAvailText();
                      var innerDimText = dim.getInnerText();
                      var colorDepthText = dim.getColorDepthText();
                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
                        ?   (screenDimText ? '<span id="' + ID_SCREEN_DIM + '">' + screenDimText + '<\/span> <?php echo tr('pixels'); ?>' : "")
                          + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
                          + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
                        : TEXT_NOT_AVAILABLE;

                      /* FIXME: Convert HTML to text, update whole title text */
                      document.write('<span>' + displayInfo + '<\/span>');

                      var oColorDepth;
                      var tColor = _runAsync(function () {
                        if (typeof oColorDepth == "undefined")
                        {
                          oColorDepth = document.getElementById("colorDepth");
                        }

                        if (oColorDepth)
                        {
                          var colorDepthText = dim.getColorDepthText();
                          <?php /* FIXME: Also update title attribute value */ ?>
                          if (oColorDepth.innerHTML != colorDepthText)
                          {
                            oColorDepth.innerHTML = colorDepthText;
                          }
                        }

                        tColor = this.run();
                      }, 1000);

                      _addEventListener(document, "unload", function () {
                        tColor.unset();
                        tColor = null;
                      });
                    }());
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
                </tr>
                <tr>
                  <th><?php echo tr('User Agent'); ?>:</th>
                  <td><script type="text/javascript">
                    (function () {
                      var ua = navigator.userAgent;
                      document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');

                      var oUA;
                      var tUA = _runAsync(function () {
                        if (typeof oUA == "undefined")
                        {
                          oUA = document.getElementById("ua");
                        }

                        if (oUA)
                        {
                          var ua = navigator.userAgent;

                          if (oUA.innerHTML != ua)
                          {
                            oUA.innerHTML = ua;
                          }

                          <?php /* Converts CREs */ ?>
                          var oUAhtml = oUA.innerHTML
                          if (oUA.title != oUAhtml)
                          {
                            oUA.title = oUAhtml;
                          }
                        }

                        tUA = this.run();
                      }, 1000);

                      _addEventListener(document, "unload", function () {
                        tUA.unset();
                        tUA = null;
                      });
                    }());
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
                </tr>
                <tr>
                  <th><?php echo tr('Features'); ?>:</th>
                  <td><script type="text/javascript">
                    var fullscreen = jsx.dom.window.fullscreen;

                    var map, circle;

                    function initGMap ()
                    {
                      var coords = jsx.dom.geolocation.position.coords;
                      //var title = document.getElementById("title");
                      //title.firstChild.textContent = [coords.latitude.toFixed(), "° ", coords.longitude, "° (", coords.accuracy, "\xA0m)"].join("");
                      var center = new google.maps.LatLng(coords.latitude, coords.longitude);
                      var zoom = 9;

                      var zoomAccuracy = [
                        1e7, 5e6, 2e6, 2e6, 1e6, 5e5, 2e5, 1e5, 5e4,
                        2e4, 1e4, 5e3, 2000, 2000, 1000, 500, 200,
                        100, 50, 20
                      ];

                      var accuracy = coords.accuracy;
                      if (!isNaN(accuracy))
                      {
                        for (var i = 0, len = zoomAccuracy.length; i < len; ++i)
                        {
                          if (accuracy > zoomAccuracy[i])
                          {
                            zoom = i;
                            break;
                          }
                        }
                      }

                      if (!map)
                      {
                        var mapOptions = {
                          center: center,
                          zoom: zoom,
                          mapTypeId: google.maps.MapTypeId.HYBRID,
                          backgroundColor: "#000",
                          noClear: true,
                          scaleControl: true
                        };

                        map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
                      }
                      else
                      {
                        map.setCenter(center);
                        map.setZoom(zoom);
                      }

                      if (!circle)
                      {
                        if (!isNaN(coords.accuracy))
                        {
                          circle = new google.maps.Circle({
                            map: map,
                            center: center,
                            radius: coords.accuracy,
                            fillColor: "white",
                            fillOpacity: 0.125,
                            strokeColor: "white",
                            strokeOpacity: 0.5
                          });
                          circle.addListener("click", function () {
                            window.alert("<?php echo tr('Your current coordinates on Terra'); ?>\n\n"
                              + jsx.dom.geolocation.getText(jsx.dom.geolocation.position));
                          });
                        }
                      }
                      else
                      {
                        if (!isNaN(coords.accuracy))
                        {
                          circle.setCenter(center);
                          circle.setRadius(coords.accuracy);
                        }
                        else
                        {
                          circle.setMap(null);
                        }
                      }

                      /* Restore transition */
                      document.getElementById("content").style.transition = "";
                    }

                    jsx.dom.geolocation = {
                      getText: function (position) {
                        var coords = position.coords;
                        var latitude = coords.latitude;
                        var longitude = coords.longitude;
                        var altitude = coords.altitude;
                        var altitudeAccuracy = coords.altitudeAccuracy;
                        var speed = coords.speed;
                        var heading = coords.heading;

                        return [
                          "<?php echo tr('Latitude:'); ?> " + (latitude != null ? latitude + "°" : TEXT_NOT_AVAILABLE),
                          "<?php echo tr('Longitude:'); ?> " + (longitude != null ? longitude + "°" : TEXT_NOT_AVAILABLE),
                          "<?php echo tr('Lat/Lng Accuracy:'); ?> " + coords.accuracy + " m",
                          "<?php echo tr('Altitude:'); ?> " + (altitude != null ? altitude + " m": TEXT_NOT_AVAILABLE),
                          "<?php echo tr('Alt. Accuracy:'); ?> " + (altitudeAccuracy != null ? altitudeAccuracy + " m": TEXT_NOT_AVAILABLE),
                          "<?php echo tr('Speed:'); ?> " + (speed != null && !isNaN(speed) ? speed + " m∕s": TEXT_NOT_AVAILABLE),
                          "<?php echo tr('Heading:'); ?> " + (heading != null && !isNaN(heading) ? heading + "°" : TEXT_NOT_AVAILABLE)
                        ].join("\n");
                      },

                      show: function (position) {
                        this.position = position;
                        //document.getElementById("content").innerHTML = "<?php echo tr('Your current coordinates on Terra'); ?>\n\n" + this.getText(position);
                        var title = document.getElementById("title");
                        title.firstChild.textContent = "<?php echo tr('Geolocation'); ?>";
                        var content = document.getElementById("content");

                        if (!map)
                        {
                          /* Disable transition while map is loading */
                          content.style.transition = "none";
                          content.className = "fixed";
                          content.innerHTML =
                            // '<select><option>Google Maps</option><option>OpenStreetMap</option></select>'
                            '<div id="map-canvas" style="position: absolute; width: 100%; height: 100%"></div>';
                        }

                        var scriptId = "google-maps";
                        var script = document.getElementById(scriptId);
                        if (!script)
                        {
                          script = document.createElement("script");
                          script.id = scriptId;
                          script.type = "text/javascript";
                          script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyCpW3bu57j4V7_vcK_cVpvFkXMmKkKgADI&sensor=true&callback=initGMap&language=<?php echo $language; ?>";
                          document.body.appendChild(script);
                        }
                        else
                        {
                          initGMap();
                        }
                      }
                    };

                    (function () {
                      function getFeatures ()
                      {
                        var features = [];
                        if (typeof document.cookie != "undefined")
                        {
                          var cookiesText = "<?php echo tr('Cookies'); ?>"
                          if (navigator.cookieEnabled)
                          {
                            if (document.cookie)
                            {
                              var cookies = document.cookie;
                              cookies = cookies.split(/\s*;\s*/);
                              features.push('<a href="#" title="'
                                + cookies.join("&#13;&#10;")
                                + '"'
                                + ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>');
                            }
                            else
                            {
                              features.push('<span class="unavailable"'
                                + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'
                                + '>' + cookiesText + '<\/span>');
                            }
                          }
                          else
                          {
                            features.push('<span class="offline"'
                              + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"'
                              + '>' + cookiesText + '<\/span>');
                          }
                        }

                        if (fullscreen.isSupportedBy(document.documentElement))
                        {
                          features.push("<?php echo tr('Fullscreen'); ?>");
                        }

                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
                        {
                          features.push("<?php echo tr('Gamepad'); ?>");
                        }

                        if (navigator.geolocation)
                        {
                          features.push('<a href="#" title="<?php echo tr('Get location'); ?>"'
                            + ' onclick="navigator.geolocation.getCurrentPosition('
                            + 'function (position) { jsx.dom.geolocation.show(position); }); return false"'
                            + '><?php echo tr('Geolocation'); ?><\/a>');
                        }

                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
                        {
                          features.push("Java");
                        }

                        var storage = jsx.dom.storage;
                        if (storage.localStorage.isSupported()) features.push("Local Storage");

                        if (navigator.plugins)
                        {
                          if (navigator.plugins.length > 0)
                          {
                            features.push('<span title="'
                              + navigator.plugins.length
                              + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>');
                          }
                          else
                          {
                                features.push('<span class="unavailable"'
                                + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"'
                                + '>Plugins<\/span>');
                          }
                        }

                        if (storage.sessionStorage.isSupported())
                        {
                          features.push("Session Storage");
                        }

                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
                        return features.join(" &#8226; ");
                      }

                      function stripTags (s)
                      {
                        return s.replace(/<[^>]+>/g, "");
                      }

                      var sFeatures = getFeatures();
                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');

                      var oFeatures;
                      var oFeaturesHtml;
                      var tFeatures = _runAsync(function () {
                        if (typeof oFeatures == "undefined")
                        {
                          oFeatures = document.getElementById("features");
                        }

                        if (oFeatures)
                        {
                          var sNewFeatures = getFeatures();

                          if (!oFeaturesHtml)
                          {
                            oFeaturesHtml = document.createElement("span");
                          }

                          if (oFeaturesHtml)
                          {
                            oFeaturesHtml.innerHTML = sNewFeatures;
                            sNewFeatures = oFeaturesHtml.innerHTML;
                          }

                          if (oFeatures.innerHTML != sNewFeatures)
                          {
                            oFeatures.innerHTML = sNewFeatures;
                          }

                          /* Converts CREs */
                          var newTitle = stripTags(oFeatures.innerHTML)
                          if (oFeatures.title != newTitle)
                          {
                            oFeatures.title = newTitle;
                          }
                        }

                        tFeatures = this.run();
                      }, 1000);
                    }());

                    _addEventListener(document, "unload", function () {
                      tFeatures.unset();
                      tFeatures = null;
                    });

                    var windowText = "<?php echo tr("Window"); ?>";
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
                </tr>
              </table>
            </div>
            <ul class="commands">
              <li id="cmd1"><a href="index.php"
                title="Language selection"
                tabindex="1"
                class="button left right"
                onmouseover="return setStatus(this.title + ': ' + this.href)"
                onmouseout="return resetStatus()"
                onfocus="return this.onmouseover()"
                onblur="return this.onmouseout()"
                ><abbr class="text" title="Language selection">Language</abbr></a></li>
              <li id="cmd2"><a href="index.<?php echo $language; ?>?printable=1"
                title="<?php echo tr('Printable version'); ?>"
                tabindex="1"
                class="button left right"
                onmouseover="return setStatus(this.title + ': ' + this.href)"
                onmouseout="return resetStatus()"
                onfocus="return this.onmouseover()"
                onblur="return this.onmouseout()"
                ><span class="text"><?php echo tr("Printable"); ?></span></a></li>
              <li id="cmd3"><div class="button left right"
                   style="cursor: not-allowed !important"
                   onclick="fullscreen.requestOn(document.documentElement, this)"
                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"
                   ><span class="text"><script type="text/javascript">
                     var cmd3;
                     if (fullscreen.isSupportedBy(document.documentElement))
                     {
                       _addEventListener(window, "load", function () {
                         if (typeof cmd3 == "undefined")
                         {
                           cmd3 = jsx.dom.getElementById("cmd3");
                         }

                         if (cmd3)
                         {
                           cmd3.firstChild.tabIndex = "1";
                         }
                       });

                       var fullscreenText = "<?php echo tr("Fullscreen"); ?>";
                       document.write(fullscreenText);
                     }

                     var oScreenDim;
                     var oAvailDim;
                     var oInnerDim;
                     var _gEBI = jsx.dom.getElementById;
                     var previousIsFullscreen;
                     var oldHandler;

                     _addEventListener(window, "resize", function () {
                       <?php /* FIXME: Also update title attribute value */ ?>
                       if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
                       if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();

                       if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
                       if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();

                       if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
                       if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();

                       if (fullscreen.isSupportedBy(document.documentElement))
                       {
                         var nowIsFullscreen = fullscreen.isFullscreen();
                         if (nowIsFullscreen != previousIsFullscreen)
                         {
                           if (typeof cmd3 == "undefined")
                           {
                             cmd3 = document.getElementById("cmd3");
                           }

                           var target = cmd3.firstChild;
                           var textTarget = target.firstChild;
                           if (nowIsFullscreen)
                           {
                             oldHandler = target.onclick;
                             target.onclick = function () {
                               fullscreen.cancel();
                             };
                             textTarget.textContent = "<?php echo tr("Window"); ?>";
                           }
                           else
                           {
                             target.onclick = oldHandler;
                             textTarget.textContent = fullscreenText;
                           }

                           previousIsFullscreen = nowIsFullscreen;
                         }
                       }
                     });
                   </script></span></div></li>
              <li id="cmd4"><div class="button left right" style="cursor: not-allowed !important">&nbsp;</div></li>
            </ul>
          </div>
          <div class="elbo-button">
            <span class="text" title="<?php echo tr("Date of last modification"); ?>"
                  ><?php echo gmdate('Ym.d', $modi); ?></span>
          </div>
          <div class="elbo">
            <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-22A</span>
            <div class="concave">&nbsp;</div>
          </div>
          <div class="border">
            <div class="left">&nbsp;</div>
            <div class="right">&nbsp;</div>
          </div>
        </div>
        <div class="lower">
          <div class="elbo">
            <div class="concave">&nbsp;</div>
          </div>
          <div class="bg">&nbsp;</div>
          <div class="border-container">
            <div class="border">
              <div class="left">&nbsp;</div>
              <div class="right">&nbsp;</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
Subversion Repositories LCARS

(root)/trunk/index.phtml - Rev 178 → 180
