var zeit_aktiv=false;
  var aktiv_flag=0;
  var hin_i=0;
  var hin=false;
  var infos_stop=false;

  var getAjax = function(action) {
     dojo.xhrGet(
       {
         url: "ajaxhelper.php?a=" + action,
         handleAs: "text",
         load: getAjaxDo,
         error: errorconsole
       }
     );
  };


  function getAjaxDo(data,args) {
     document.getElementById("hf").value = data;
     txt2img();
  }

  function cn_fade() {
      dojo.fadeOut(
        {
          node: dojo.byId("coolnumbers"),
          onEnd: function() {
                   InfosChange();

                   dojo.fadeIn(
                      {
                       node: dojo.byId("coolnumbers")
                      }
                   ).play();
                 }
        }
      ).play();
  }


  function errorconsole(error,args) {
     console.warn("error!",error);
  }


  function Infos() {
      if (!infos_stop) {
          zeit_aktiv=false;

          cn_fade();
          //InfosChange();

          aktiv_flag++;
          if (aktiv_flag > 4) {
              aktiv_flag=0;
          }
      }


      setTimeout("Infos()", 8000);
  }

  function InfosChange() {
     for (var i = 0; i <= document.getElementById("hf").value.length; i++) {
         if (i < 16) {
            document.getElementById("z" + i).src=txteval(" ");
         }
     }

      switch (aktiv_flag) {
          case 0: document.getElementById("pr").src = "menu/pref_uhr.png";
                  zeit_aktiv=true;
                  Zeit();
                  break;
          case 1: document.getElementById("pr").src = "menu/pref_datum.png";
                  Datum();
                  break;
          case 2: document.getElementById("pr").src = "menu/pref_ip.png";
                  getAjax("ip");
                  break;

          case 3: document.getElementById("pr").src = "menu/pref_besucher.png";
                  getAjax("besucher");
                  break;

          case 4: document.getElementById("pr").src = "menu/pref_online.png";
                  getAjax("online");
                  break;

      }
  }


  function Zeit() {
     if (zeit_aktiv) {
         Jetzt = new Date();

         //aktuelle Uhrzeit
         Stunden = Jetzt.getHours();
         Minuten = Jetzt.getMinutes();
         Sekunden = Jetzt.getSeconds();
         ZeitString = ((Stunden < 10) ? "0" : "") + Stunden;
         ZeitString += ((Minuten < 10) ? ":0" : ":") + Minuten;
         ZeitString += ((Sekunden < 10) ? ":0" : ":") + Sekunden;
         document.getElementById("hf").value = ZeitString;
         txt2img();


         setTimeout("Zeit()", 1000);
     }
  }

  function Datum() {
     Jetzt = new Date();
     // aktuelles Datum
     Tag = Jetzt.getDate();
     Monat = Jetzt.getMonth()+1;

     Jahr = Jetzt.getFullYear();
     DatumsString = ((Tag<10) ? "0" : "") + Tag;
     DatumsString += ((Monat<10) ? ".0" : ".") + Monat;
     DatumsString += "." + Jahr;
     document.getElementById("hf").value = DatumsString;
     txt2img();
  }

  function txt2img() {
     for (var i = 0; i <= document.getElementById("hf").value.length; i++) {
         document.getElementById("z" + i).src=txteval(document.getElementById("hf").value.charAt(i));
     }
  }

  function txteval(i) {
     switch(i) {
        case "0": return "zahlen/0.png";      break;
        case "1": return "zahlen/1.png";      break;
        case "2": return "zahlen/2.png";      break;
        case "3": return "zahlen/3.png";      break;
        case "4": return "zahlen/4.png";      break;
        case "5": return "zahlen/5.png";      break;
        case "6": return "zahlen/6.png";      break;
        case "7": return "zahlen/7.png";      break;
        case "8": return "zahlen/8.png";      break;
        case "9": return "zahlen/9.png";      break;
        case ".": return "zahlen/punkt.png";  break;
        case ":": return "zahlen/dpunkt.png"; break;
        default: return "zahlen/filler.png";  break;
     }
  }