/media/sda-magnetic/david/Dokumente-15/fernuni-hagen/cs-i-ii/fsm/fsm.php

<style>
.fsmjpegdivclass {
    width: 20%;
    padding: 2%;
    margin: 2%;
    float: left;
}
.fsmjpegclass {
    width: 96%;
}
.fsmvideoclass {
    width: 96%;
}
.fsmtxtdivclass {
    width: 20%;
    padding: 2%;
    margin: 2%;
    float: left;
    font-family: courier;
    font-size: 6px;
    color: black;
    background-color: lightgrey;
}

</style>

  <div style="clear:both;">
 <button onclick="divprev()">Vorherige</button> 
 <button onclick="divnext()">Naechste</button>
 <button onclick="divfirst()">Anfang</button>
 </div>
<div style="clear:both;">
<?php
    $i = 0;
    $fsmdir = opendir("./fsm");
    while($fsmsubdirname = readdir($fsmdir)) {
        $fsmsubdir = opendir ("./fsm/" . $fsmsubdirname);
        while ($fsmfilename = readdir ($fsmsubdir)) {
            $a = explode (".", "./fsm/". $fsmsubdirname . "/" .$fsmfilename); 
            if ((strcasecmp ($a [count ($a)-1], "jpeg") == 0) || (strcasecmp ($a [count ($a)-1], "jpg") == 0)) {
                echo "<div class=\"fsmjpegdivclass\" id=\"fsmdivid". $i .  "\"><a href=\"" . "./fsm/". $fsmsubdirname . "/" .$fsmfilename. "\"><img class=\"fsmjpegclass\" id=\"fsmid" . $i . "\" src=\"" . "./fsm/". $fsmsubdirname . "/" .$fsmfilename . "\"></a></div>";
                $i++;
            }
            else if (strcasecmp ($a [count ($a)-1], "mp4") == 0) {
                echo "<div class=\"fsmjpegdivclass\" id=\"fsmdivid". $i .  "\"><a href=\"" . "./fsm/". $fsmsubdirname . "/" .$fsmfilename. "\"><video class=\"fsmvideoclass\" id=\"fsmid" . $i . "\"> <source src=\"" . "./fsm/". $fsmsubdirname . "/" .$fsmfilename . "\"></video></a></div>";
                $i++;
            }
            else if ((strcasecmp ($a [count ($a)-1], "txt") == 0) || (strcasecmp ($a [count ($a)-1], "c") == 0) ||  (strcasecmp ($a [count ($a)-1], "asm") == 0)) {
                $fcontent = file_get_contents ("./fsm/". $fsmsubdirname . "/" .$fsmfilename);
                $fcontent = substr ($fcontent, 0, 256);
                $fcontent = htmlentities ($fcontent);
                $fcontent = nl2br ($fcontent);
                echo "<a href=\"" . "./fsm/". $fsmsubdirname . "/" .$fsmfilename. "\"><div class=\"fsmtxtdivclass\" id=\"fsmdivid". $i .  "\">". $fcontent ."</div></a>";
                $i++;
            }
            

        }
        closedir ($fsmsubdir);
        
    }
    closedir ($fsmdir);
?> 

</div>

  <script>
  var i;
  
  
  
  var divflags = new Array ();
  var divmin = 0;
  var divmax = 1121;
  var divcntr = divmin;
  var divrealmax = 1121;
  cleardivflags ();
  divfirst ();

  
  function cleardivflags () {
    var i;
    
    for (i = divmin;  i <= divmax;  i++)
        divflags [i] = false;
  }
  
  function divfirst () {
    var i;
    
    cleardivflags ();
    
    for (i = divmin;   i < divmin+8;  i++)
        divflags [i] = true;
    divcntr = divmin;
    divprint ();
  }
  
  function divnext () {
    var i;
    
    if ((divcntr + 8) < divmax) {
        for (i = divcntr;  i < divcntr+8;  i++)
            divflags [i] = false;
        divcntr += 8;
        for (i = divcntr;  i < divcntr+8;  i++)
            divflags [i] = true;
    }
    divprint ();
  }

  
  function divprev () {
    var i;
    
    if ((divcntr - 8) >= divmin) {
        for (i = divcntr;  i < divcntr+8;  i++)
            divflags [i] = false;
        divcntr -= 8;
        for (i = divcntr;  i < divcntr+8;  i++)
            divflags [i] = true;
    }
    divprint ();
  }
  
  function divprint () {
    var i;
    for (i = divmin;  (i <= divmax) && (i <= divrealmax); i++) {
        if (divflags [i] == true)
            document.getElementById("fsmdivid" + i.toString()).style.display='block' ;
        else if (divflags [i] == false)
            document.getElementById("fsmdivid" + i.toString()).style.display='none' ;
    }
  
  }

    
  
  </script>
  <div style="clear:both;">
 <button onclick="divprev()">Vorherige</button> 
 <button onclick="divnext()">Naechste</button>
 <button onclick="divfirst()">Anfang</button>
 </div>