Untitled

    <html>
<head>

<script src="./jquery.js"></script>
<script src="./squirrel.js"></script>

<style>
*{padding: 0px; margin: 0px;}
html,body{width: 100%; height: 100%:}
#menu{
top: 200px;
left: -130px;
position: absolute;
z-index: 100;
}
#menu:hover{
left: 0px;
}
#menu a{
display: block;
background-color: #0088cc;
color: white;
line-height: 1.5;
width: 150px;
font-size: 20px;
text-align: center;
text-decoration: none;
}
#alphamenu{
position: absolute;
right: 20px;
top: 0px;
background-color: black;
width: 20px;
}
#alphamenu a{
display: block;
color: white;
width: 20px;
text-decoration: none;
font-size: 18px;
line-height: 1.5;
}
#content{
padding-left: 35px;
padding-right: 40px;
background-color: black;
overflow: auto;
height: 100%;
width: 100%:
}
#content .letter{
color: white;
width: 100%;
float: left;
font-size: 18px;
line-height: 1.5;
}
#content .item .imagebox{
width: 150px;
height: 150px;
}
#content .item img{
max-width: 150px;
max-height: 150px;
}
#content .item{
position: relative;
text-align: center;
height: 250px;
width: 150px;
float: left;
margin: 20px 0px;
overflow: hidden;
}
#content .item .textbox{
position: absolute;
left: 150px;
top: 0px;
width: 300px;
height: 250px;
background-color: black;
overflow: hidden;
font-size: 14px;
color: white;
text-align: left;
}
#content .item ul{
padding-left: 25px;
list-style: none;
}
#content .item .textbox > li{
font-size: 18px;
}
#content .item-big{
width: 450px;
}
#content h3{
height: 100px;
font-size: 20px;
width: 150px;
overflow: hidden;
}
#content h3 a{
color: white;
text-decoration: none;
}
#content .sizer{clear: both;height: 100px;}
</style>
</head>
<body>
<?php

// Returns array with which contains files in given folder, each files contains ['file'] and ['name']
function explodedir($dir){
    if (is_dir($dir)) { // Is it really dir?
        if ($dh = opendir($dir))    { // Opened?
        while (($file = readdir($dh)) !== false) { // Succes on reading next file from folder
            if($file != "." and $file != ".."){ // We do not want .. and . files
                $item['file'] = $dir."/".$file;
                $item['name'] = $file;
                $items[$item['name']] = $item;
                unset($item);
            }
        }
        closedir($dh);
        return $items;
        }
    }
}

/* Sets Default values
 *
 *  basedir - dir from where script looks for files
 *      - first level dir contains the group of movies/tvshows, second level are movies itself
 *  default_dir - dir which is printed as default
 *  default_img - this image script use to make a cover when he do not find any cover in movies folder
 *  types_img - files with this ending (*.jpg etc...) are used as covers if founded... script pickes first it finds
 *  types_video - same as types_img but for videos
 *  types_subtitles - same as types_img but for subtitles
 */

$basedir = "/srv/http/Videos";
$default_dir = 'Movies';
$default_img = "http://4.bp.blogspot.com/-BhrtpyFk3-M/TYBK7JrZWhI/AAAAAAAAAPM/eCAR2DJET10/s400/unavailable.gif";
$types_img = array('jpg','png','jpeg','gif','PNG');
$types_video = array('avi','mkv','mp4');
$types_subtitles = array('srt','txt');

//find folders which represents group
$dirs = explodedir($basedir);

//generate menu, each item in menu is one group of movies
echo '<div id="menu">';
foreach($dirs as $dir){
    echo '<a href="./index.php?folder='.$dir['name'].'">'.$dir['name'].'</a>';
}
echo '</div>';

//sets default group to Movies, otherwise it uses group given in $_GET['folder']
if(isset($_GET['folder'])){

    $dir = $_GET['folder'];

}else{

    $dir = $default_dir;

}

//explorers dir for Movies etc...
$items = explodedir($basedir."/".$dir);

sort($items);

//generate base html strucutre
?>
<div id="content">
<div class="sizer"></div>
<?php

$letter = null;

//generate Movies
foreach($items as $item){

    //set default image
    $img = $default_img;

    //explore dir of movie
    $files = explodedir($item['file']);

    unset($videos);
    unset($subtitles);

    //cycle to find files
    foreach($files as $file){

        //gets file last word, exploded by '.', which should be file type
        $file_type = end(
                explode('.',$file['name'])
                );

        //generate url to acces file from web
        $url = "http://".$_SERVER['HTTP_HOST']."/Videos/".$dir."/".$item['name']."/".$file['name'];

        //generate array for future processisng
        $file_info = array('url' => $url,'name' => $file['name']);

        //check if files is image, uses types_img to recognize, only one time per item
        if (in_array($file_type,$types_img) and $img == $default_img) {
            $img = $url;
        }

        //check if file is video
        if(in_array($file_type,$types_video) or $file['name'] == 'VIDEO_TS'){
            $videos[] = $file_info;
        }

        //check for all subtitle files
        if(in_array($file_type,$types_subtitles)){
            $subtitles[] = $file_info;
        }
    }

    //check if momental file is selected by user, set's classes based on that
    if($_GET['item']==$item['name']){

        $class = 'item item-big';

    }else{

        $class = 'item';

    }
    $movie_letter = substr($item['name'],0,1);
    if($letter != $movie_letter){
        echo '<div class="letter">'.$movie_letter.'<a name="'.$movie_letter.'"></a></div>';
        $letter = $movie_letter;
        $letters[] = $letter;
    }

    //Generation of HTML
    ?>
        <div class="<?php echo $class; ?>">
            <div class="imagebox">
                <img src="<?php echo $img;?>">
            </div>
            <h3>
                <a href="index.php?folder=<?php echo $dir; ?>&item=<?php echo $item['name']; ?>#<?php echo $item['name'];?>"><?php echo $item['name']; ?></a>
                <a name="<?php echo $item['name']; ?>"></a>
            </h3>
            <ul class="textbox">
                <li>Video files:</li>
                <ul>
                <?php  foreach($videos as $video){?>

                    <li><?php echo $video['name']; ?></li>

                <?php }?>
                </ul>
                <li>Subtitle files:</li>
                <ul>
                <?php  foreach($subtitles as $subtitle){?>

                    <li><?php echo $subtitle['name']; ?></li>

                <?php }?>
                </ul>
            </ul>
        </div>
    <?php
}
?>
<div class="sizer"></div>
</div>
<div id="alphamenu">
<?php foreach($letters as $letter){?>
    <a href="#<?php echo $letter;?>"><?php echo $letter;?></a>
<?php } ?>
</div>
</body>
</html>