%OPTIONS%
filter="HTML Files|*.htm;*.html"
encoding="UTF8"
replace=""&gt;<->"'>"
replace="&lt;link <-><span class='pvdlink' title='pvdlink "
replace="&lt;/link&gt;<-></span>"
replace="><->&gt;"
replace="<<->&lt;"
replace="'<->&#039;"
replace="&<->&amp;"
%OPTIONS%
%HEAD%<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Script-Type" content="text/javascript">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <title>Movie List ({%value=205})</title>

  <style type="text/css">
  <!--
  body
  {
    font-family:Helvetica, Verdana, sans-serif;
    background-color:#FFFCF0;
    color:#4A3630;
  }

  #overalldata
  {
    position: absolute; top:1em; right:1em;
    padding:0px 0px 0px 0px;
    font-style:normal;
    font-weight:normal;
    font-size:0.8em;
  }
  
  h1, h2, h3, h4
  {
    font-variant:normal;
    font-style:normal;
    font-weight:normal;
    font-size:1em;
  }

  h1
  {
    font-family:Tahoma, Helvetica, Verdana, sans-serif;
    color:#7A5640;
    padding:1.5em 8% 1em 8%;
    font-size:1.8em;
    font-weight:bold;
    text-align:center;
  }

  h2.title
  {
    padding:0px 0.4em 0px 0px;
    display:inline;
    font-size:1em;
    font-weight:bold;
  }

  h3.cat
  {display:none;}

  abbr
  {
    text-decoration:none;
    border-bottom:none;
  }

  div.tz
  {
    display:inline;
    padding:0px 0px 0px 0px;
  }

  .tz span.year, .tz span.genre
  {font-size:0.9em;}

  .tz span.genre
  {font-style:italic;}

  .tz span.year
  {padding-right:0.4em;}

  ul.movies
  {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
  }

  ul.movies li
  {
    border:1px solid #DED0A6;
    background-color:#F8EBDA;
    color:#4A3630;
    margin:1.7em 10% 1.7em 10%;
    padding:1em 5% 1em 5%;
    list-style-type:none;
  }

  .ds
  {padding:0.4em 2% 0px 2%;}

  .tspecs
  {padding:0px 2% 0.6em 2%;}

  .ds, .tspecs
  {
    font-style:normal;
    font-size:0.8em;
    color:#6A5650;
  }

  .comment, .descr
  {
    padding:0.3em 0px 0.3em 0px;
    font-size:0.8em
  }

  .info1, .info3, .info2
  {font-weight:bold;}

  a:link
  {color:#003399;}
  a:visited
  {color:#463089;}
  a:focus, a:hover, a:active
  {color:#0655FF;}
  a:visited:focus, a:visited:hover, a:visited:active
  {color:#6B41DF;}

  @media print
  {
    body
    {
     font-size:9pt;
     font-family:Calibri, Helvetica, sans-serif;
     background-color:#FFFFFF;
     color:#000000;
    }

    h1
    {
      font-family:Calibri, Helvetica, Verdana, sans-serif;
      color:#000000;
      padding-top:0.7em;
      padding-bottom:0.7em;
      font-size:1.7em;
    }

    h2.title, .tz span.year
    {padding-right:0.3em;}

    ul.movies li
    {
      border:none;
      background-color:#FFFFFF;
      color:#000000;
      margin:0px 0px 0px 0px;
      padding:0.9em 6% 0.9em 6%;
    }

    .ds, .tspecs
    {color:#000000;}

    a:link, a:visited, a:focus, a:hover, a:active, a:visited:focus, a:visited:hover, a:visited:active
    {
      color:#000000;
      text-decoration:none;
      outline:none;
    }

    h1, h2, h3, h4, div.tz, div.ds, div.tspecs
    {page-break-after:avoid;}
    div.ds, div.tspecs
    {page-break-before:avoid;}
    li.movie
    {page-break-inside:avoid;}
  }

  -->
  </style>

</head>
<body>

  <h1>Movie List ({%value=205})</h1>
  <div id="overalldata">({%value=200} movies)</div>

  <ul class="movies">
%HEAD%
    <li class="movie"><a name="mnam{%value=mid}"></a>
      <h2 class="title">{%value=title}</h2>
      <h3 class="cat">Year, Genre</h3>
      <div class="tz"><span class="year">({%value=year})</span> <span class="genre">({%value=genre})</span></div>
      <h3 class="cat">Duration, Filesize</h3>
      <div class="ds"><span class="info1">Duration:</span> {%value=length} minutes - <span class="info1">Filesize:</span> {%value=size}&nbsp;<abbr title="Megabyte">MB</abbr></div>
      <h3 class="cat">Video, Sound</h3>
      <div class="tspecs"><span class="info3">Video:</span> {%value=videocodec}, {%value=resolution}, <span class="info3">Quality:</span> {%value=rip} -&nbsp;<span class="info3">Language</span>: {%value=langs}</div>
      <h3 class="cat">Comments, Description</h3>
      <div class="comment">{%value=comment}</div>
      <div class="descr"><span class="info2">Description:</span> {%value=description}</div>
    </li>
%FOOT%
  </ul>

  <script type="text/javascript">
  <!--
   var nodes = document.getElementsByTagName("span");
   var textnd;
   var linknd;
   var s,v;
   var enkle;
   var ier;
   for (s=nodes.length-1; s>=0; s--)
       { // bei span mit title="pvdlink id" und "pvdlink url" Verknüpfung basteln
        if (nodes[s].className=="pvdlink" && (nodes[s].title.length>13 && nodes[s].title.substring(8,10)=="id" || nodes[s].title.length>14 && nodes[s].title.substring(8,11)=="url"))
           {
            enkle = nodes[s].childNodes;
            ier = "";
            for (v=0; v<enkle.length; v++)
                {
                 if (enkle[v].nodeType==3) {ier += enkle[v].data;} // Text aus span zusammenfügen
                }
            if (ier.length>0)
               {
                linknd = document.createElement("a");
                textnd = document.createTextNode(ier);
                if (nodes[s].title.charAt(8)=='i') //pvdlink id...
                {ier = "#mnam" + nodes[s].title.substring(12,nodes[s].title.length-1);}
                else // pvdlink url...
                {
                 ier = nodes[s].title.substring(13,nodes[s].title.length-1);
                 if (ier.charAt(0)=='"')
                 {
                  v = ier.lastIndexOf('"');
                  if (v<=1) {v=ier.length();}
                  ier = "file:///" + ier.substring(1,v);
                 }
                 else if (ier.length>1 && (ier.charAt(1)==':' || ier.charAt(1)=='|'))
                 {ier = "file:///" + ier;}
                 ier = ier.replace(/\\/g, "/");
                 ier = ier.replace(/ /g, "%20");
                }
                linknd.setAttribute("href",ier);
                linknd.appendChild(textnd);
                nodes[s].parentNode.replaceChild(linknd, nodes[s]);
               }
           }
       }
  // End -->
  </script>
</body>
</html>%FOOT%
