<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>YaCy '#[clientname]#': YaCy Network Access</title>
    #%env/templates/metas.template%#
    <style type="text/css">
    .left {
      float: left;
    }
    </style>

  <script type="text/javascript">
  <!--
    imagestub = "AccessPicture_p.png?width=1024&height=576&colorback=FFFFFF&amp;colortext=AAAAAA&amp;colorgrid=333333&amp;colordot=33CC33&amp;colorline=555555&ct=5000&coronaangle=";
    imageanimindex = 0;
    imageloadindex = 0;
    imagecycles = 0;
    imagearray = new Array(6);
    setTimeout("initanimation()", 100);
    setTimeout("doanimation()", 1000);
    function initanimation() {
      handle = new Date().getTime();
      for (j = 0; j < 6; j++) initanimationphase(j, handle);
    }
    function initanimationphase(phase, handle) {
      imagearray[phase] = new Image(1024, 576);
      angle = phase * 60;
      imagearray[phase].src = imagestub + angle + "&handle=" + handle;
    }
    function doanimation() {
      var accessPicture = document.getElementById("AccessPicture");
      if (accessPicture != null) {
        accessPicture.src = imagearray[imageanimindex].src;
        imageanimindex++;
        if (imageanimindex == 6) { imageanimindex = 0; }
        imagecycles++;
        if (imagecycles == 25) {
          initanimationphase(imageloadindex, new Date().getTime());
          imageloadindex++;
          if (imageloadindex == 6) { imageloadindex = 0; }
          imagecycles = 0;
        }
        setTimeout("doanimation()", 100);
      }
    }
  -->
  </script>
  </head>
  <body id="Network">
    #%env/templates/header.template%#
    #%env/templates/submenuAccessTracker.template%#
    <h2>Server Access Grid</h2>
    <p>This images shows incoming connections to your YaCy peer and outgoing connections from your peer to other peers and web servers</p>
    <div class="left">
      <p>
        <a href="AccessPicture_p.png?width=1024&amp;height=576&amp;colorback=FFFFFF&amp;colortext=AAAAAA&amp;colorgrid=333333&amp;colordot=33CC33&amp;colorline=555555"><img id="AccessPicture" src="AccessPicture_p.png?width=1024&amp;height=576&amp;bgcolor=FFFFFF&amp;coronaangle=0" alt="YaCy Access Grid" width="1024" height="576" /></a>
      </p>
    </div>
    
    #%env/templates/footer.template%#
  </body>
</html>