<!---HEAD--->
<html>
<head>
  <title><%title%></title>
  <style type="text/css">
  <!-- 
    a { color:#000000; font-size:12px; font-family: Arial; }
    a:link { color:#000000; }
    a:visited { color:#444444; }
    a:active { color:#cc0000; }
    a:hover { color:#ffffff; background:#000000; }
    p { color: #000000; font-size:10pt; font-family: Arial; }
    body { background: #ffffff; color: #000000; }
    h1 { font-size:18pt; font-family: Arial; font-weight: normal; text-align: center; }
    td { text-align: center; }
  //-->
  </style>
</head>

<body>

<center>

<!---HEADLINES--->

<h1><%title%></h1>

<script language="javascript">
<!---
// Set Slideshow speed (milliseconds)
var slideShowSpeed = 5000;

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

var Pic = new Array();

var $i = 0;
<!---VALUES--->
Pic[$i] = "<%picturepath 500x300%>";
$i++;
<!---FOOTLINES--->

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

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

var preLoad = new Array()
preLoad[0] = new Image()
preLoad[0].src = Pic[0]; 
preLoad[j] = new Image()
preLoad[j].src = Pic[j]; 

function runSlideShow(obj){
  obj.Value = 'Next Image';
  SlideShowLoop();
}

function SlideShowLoop(){
   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();
   }
   if (j < p) { 
     preLoad[j+1] = new Image()
     preLoad[j+1].src = Pic[j+1]; 
   }
   document.images.SlideShow.src = preLoad[j].src;
//   document.images.SlideShow.src = Pic[j];
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play();
   }
   j = j + 1;
   if (j > (p-1)) j=0;
   t = setTimeout('SlideShowLoop()', slideShowSpeed);
}
//--->
</script>

<p>
<table border="0" cellpadding="0" cellspacing="0" width="500">
<tr>
<td align="center" width="500">
<script language="javascript">
<!---
document.write('<img src="'+Pic[0]+'" name="SlideShow">');
//--->
</script>
</td>
</tr>
</table>

<form>
<input type="button" name="run" value="Slideshow starten/N&auml;chstes Bild" onClick="runSlideShow(this);">
</form>

<!---FOOTER--->

<p>
<hr size="1">
<p>
<%author%>

</body>
</html>
