<?xml version="1.0" encoding="{charset}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{language}" lang="{language}">
<head>
<title>{folder_name}</title>
<style type="text/css">
<!--
    body {
    background: black;
    color: white;
    margin: 2px;
    }
    p { margin: 0 0 2px 0; }
    .heading {
    font-family: arial,helvetica,sans-serif;
    background: white;
    color: black;
    padding: 3px;
    }
    a { color: gray; text-decoration: none; }
    .close {
    font-size: 10px;
    font-weight: bold;
    float: right;
    }
    #title {
    font-size: 18px;
    font-weight: bold;
    }
    #author {
    font-size: 12px;
    color: gray;
    }
    table {
    text-align:center;
    }
    td {
    height:610px;
    width:610px;
    text-align:center;
    vertical-align:middle;
    background: black;
    padding: 5px;
    }
-->
</style>
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this  header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// set the following variables
// =======================================

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // do not touch this
var Title = new Array()
var Author = new Array()
// to add more images, just continue
// the pattern, adding to the array below

{BEGIN:folder_docs folder_id fd}
Pic[{row_number}] = "{doc_file_600}"
Title[{row_number}] = "{doc_title:noquote}"
Author[{row_number}] = "{doc_user_name}"
{END:folder_docs}

// =======================================
// do not edit anything below this line
// =======================================

var t
var j = 1
var p = Pic.length

var preLoad = new Array()
for (i = 1; i <= p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}
var title = document.all.item("title")
var author = document.all.item("author")

function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=2)"
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()
   }
   document.images.SlideShow.src = preLoad[j].src
   document.title = "{folder_name} - "+Title[j]
   document.getElementById("title").innerHTML=Title[j]
   document.getElementById("author").innerHTML=Author[j]
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play()
   }
   j = j + 1
   if (j > (p-1)) j=1
   t = setTimeout("runSlideShow()", slideShowSpeed)
}
</script>
</head>
<body onload="runSlideShow()">
<div class="heading">
<p class="close">[<a href="#" onClick="javascript:self.close();">Close</a>]</p>
<p id="title">Slideshow</p>
<p id="author">Please wait while images load...</p>
</div>
<table><tr><td>
<img src="{site_path}/images/film.gif" name='SlideShow' alt="slideshow image"/>
</td></tr></table>
</body>
</html>