<!--
PushButton SlideShow with Captions and Cross-Fade
Copyright 2003 by CodeLifter.com
Author: etLux

Shows images and accompanying captions.
Browsers: NS4-7,IE4-6
Fade effect only in IE; degrades gracefully.
NS4 shows default caption only.

INSTRUCTIONS:

Copy this entire script into a completely blank
page.  Follow the commented instructions within.
//-->

<html>

<head>

<title>PushButton SlideShow</title>

<!-- 
Set up the caption font in the following style.
Also set the styles for the controls.
Place the style script in the head of the page.
//-->


<!-- 
Place the following script in the head of the page.
Follow the set-up instructions within the script.
//-->

<script>

// (C) 2003 by CodeLifter.com
// Free for all users, but leave in this header.

// ==============================
// Set the following variables...
// ==============================

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 3000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 2;

var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this
var showHot = false;       // don't change this

// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the Picture array.
// Caution: The number of Pictures *must*
// equal the number of Captions!

Picture[1]='PBTStmk001.JPG';
Picture[2]='PBTStmk002.JPG';
Picture[3]='PBTStmk003.JPG';
Picture[4]='PBTStmk004.JPG';
Picture[5]='PBTStmk005.JPG';
Picture[6]='PBTStmk006.JPG';
Picture[7]='PBTStmk007.JPG';
Picture[8]='PBTStmk008.JPG';
Picture[9]='PBTStmk009.JPG';
Picture[10]='PBTStmk010.JPG';
Picture[11]='PBTStmk011.JPG';
Picture[12]='PBTStmk012.JPG';
Picture[13]='PBTStmk013.JPG';
Picture[14]='PBTStmk014.JPG';
Picture[15]='PBTStmk015.JPG';
Picture[16]='PBTStmk016.JPG';
Picture[17]='PBTStmk017.JPG';
Picture[18]='PBTStmk018.JPG';
Picture[19]='PBTStmk019.JPG';
Picture[20]='PBTStmk020.JPG';
Picture[21]='PBTStmk021.JPG';
Picture[22]='PBTStmk022.JPG';
Picture[23]='PBTStmk023.JPG';
Picture[24]='PBTStmk024.JPG';
Picture[25]='PBTStmk025.JPG';
Picture[26]='PBTStmk026.JPG';
Picture[27]='PBTStmk027.JPG';
Picture[28]='PBTStmk028.JPG';
Picture[29]='PBTStmk029.JPG';
Picture[30]='PBTStmk030.JPG';
Picture[31]='PBTStmk031.JPG';
Picture[32]='PBTStmk032.JPG';
Picture[33]='PBTStmk033.JPG';
Picture[34]='PBTStmk034.JPG';
Picture[35]='PBTStmk035.JPG';
Picture[36]='PBTStmk036.JPG';
Picture[37]='PBTStmk037.JPG';
Picture[38]='PBTStmk038.JPG';
Picture[39]='PBTStmk039.JPG';
Picture[40]='PBTStmk040.JPG';
Picture[41]='PBTStmk041.JPG';
Picture[42]='PBTStmk042.JPG';
Picture[43]='PBTStmk043.JPG';
Picture[44]='PBTStmk044.JPG';
Picture[45]='PBTStmk045.JPG';
Picture[46]='PBTStmk046.JPG';
Picture[47]='PBTStmk047.JPG';
Picture[48]='PBTStmk048.JPG';
Picture[49]='PBTStmk049.JPG';
Picture[50]='PBTStmk050.JPG';
Picture[51]='PBTStmk051.JPG';
Picture[52]='PBTStmk052.JPG';
Picture[53]='PBTStmk053.JPG';
Picture[54]='PBTStmk054.JPG';
Picture[55]='PBTStmk055.JPG';
Picture[56]='PBTStmk056.JPG';
Picture[57]='PBTStmk057.JPG';
Picture[58]='PBTStmk058.JPG';
Picture[59]='PBTStmk059.JPG';
Picture[60]='PBTStmk060.JPG';
Picture[61]='PBTStmk061.JPG';
Picture[62]='PBTStmk062.JPG';
Picture[63]='PBTStmk063.JPG';
Picture[64]='PBTStmk064.JPG';
Picture[65]='PBTStmk065.JPG';
Picture[66]='PBTStmk066.JPG';
Picture[67]='PBTStmk067.JPG';
Picture[68]='PBTStmk068.JPG';
Picture[69]='PBTStmk069.JPG';
Picture[70]='PBTStmk070.JPG';
Picture[71]='PBTStmk071.JPG';
Picture[72]='PBTStmk072.JPG';
Picture[73]='PBTStmk073.JPG';
Picture[74]='PBTStmk074.JPG';
Picture[75]='PBTStmk075.JPG';
Picture[76]='PBTStmk076.JPG';
Picture[77]='PBTStmk077.JPG';
Picture[78]='PBTStmk078.JPG';
Picture[79]='PBTStmk079.JPG';
Picture[80]='PBTStmk080.JPG';
Picture[81]='PBTStmk081.JPG';
Picture[82]='PBTStmk082.JPG';
Picture[83]='PBTStmk083.JPG';
Picture[84]='PBTStmk084.JPG';
Picture[85]='PBTStmk085.JPG';
Picture[86]='PBTStmk086.JPG';
Picture[87]='PBTStmk087.JPG';
Picture[88]='PBTStmk088.JPG';
Picture[89]='PBTStmk089.JPG';
Picture[90]='PBTStmk090.JPG';
Picture[91]='PBTStmk091.JPG';
Picture[92]='PBTStmk092.JPG';
Picture[93]='PBTStmk093.JPG';
Picture[94]='PBTStmk094.JPG';
Picture[95]='PBTStmk095.JPG';

// Specify the Captions...
// To add more captions, just continue
// the pattern, adding to the array below.
// To use fewer captions, remove lines
// starting at the end of the Caption array.
// Caution: The number of Captions *must*
// equal the number of Pictures!

Caption[1]="E. WÖSS";
Caption[2]="E. WÖSS";
Caption[3]="E. WÖSS";
Caption[4]="E. WÖSS";
Caption[5]="E. WÖSS";
Caption[6]="E. WÖSS";
Caption[7]="E. WÖSS";
Caption[8]="E. WÖSS";
Caption[9]="E. WÖSS";
Caption[10]="E. WÖSS";
Caption[11]="E. WÖSS";
Caption[12]="E. WÖSS";
Caption[13]="E. WÖSS";
Caption[14]="E. WÖSS";
Caption[15]="E. WÖSS";
Caption[16]="E. WÖSS";
Caption[17]="E. WÖSS";
Caption[18]="E. WÖSS";
Caption[19]="E. WÖSS";
Caption[20]="E. WÖSS";
Caption[21]="E. WÖSS";
Caption[22]="E. WÖSS";
Caption[23]="E. WÖSS";
Caption[24]="E. WÖSS";
Caption[25]="E. WÖSS";
Caption[26]="E. WÖSS";
Caption[27]="E. WÖSS";
Caption[28]="E. WÖSS";
Caption[29]="E. WÖSS";
Caption[30]="E. WÖSS";
Caption[31]="E. WÖSS";
Caption[32]="E. WÖSS";
Caption[33]="E. WÖSS";
Caption[34]="E. WÖSS";
Caption[35]="E. WÖSS";
Caption[36]="E. WÖSS";
Caption[37]="E. WÖSS";
Caption[38]="E. WÖSS";
Caption[39]="E. WÖSS";
Caption[40]="E. WÖSS";
Caption[41]="E. WÖSS";
Caption[42]="E. WÖSS";
Caption[43]="E. WÖSS";
Caption[44]="E. WÖSS";
Caption[45]="E. WÖSS";
Caption[46]="E. WÖSS";
Caption[47]="E. WÖSS";
Caption[48]="E. WÖSS";
Caption[49]="E. WÖSS";
Caption[50]="E. WÖSS";
Caption[51]="E. WÖSS";
Caption[52]="E. WÖSS";
Caption[53]="E. WÖSS";
Caption[54]="E. WÖSS";
Caption[55]="E. WÖSS";
Caption[56]="E. WÖSS";
Caption[57]="E. WÖSS";
Caption[58]="E. WÖSS";
Caption[59]="E. WÖSS";
Caption[60]="E. WÖSS";
Caption[61]="E. WÖSS";
Caption[62]="E. WÖSS";
Caption[63]="E. WÖSS";
Caption[64]="E. WÖSS";
Caption[65]="E. WÖSS";
Caption[66]="E. WÖSS";
Caption[67]="E. WÖSS";
Caption[68]="E. WÖSS";
Caption[69]="E. WÖSS";
Caption[70]="E. WÖSS";
Caption[71]="E. WÖSS";
Caption[72]="E. WÖSS";
Caption[73]="E. WÖSS";
Caption[74]="E. WÖSS";
Caption[75]="E. WÖSS";
Caption[76]="E. WÖSS";
Caption[77]="E. WÖSS";
Caption[78]="E. WÖSS";
Caption[79]="E. WÖSS";
Caption[80]="E. WÖSS";
Caption[81]="E. WÖSS";
Caption[82]="E. WÖSS";
Caption[83]="E. WÖSS";
Caption[84]="E. WÖSS";
Caption[85]="E. WÖSS";
Caption[86]="E. WÖSS";
Caption[87]="E. WÖSS";
Caption[88]="E. WÖSS";
Caption[89]="E. WÖSS";
Caption[90]="E. WÖSS";
Caption[91]="E. WÖSS";
Caption[92]="E. WÖSS";
Caption[93]="E. WÖSS";
Caption[94]="E. WÖSS";
Caption[95]="E. WÖSS";



// =====================================
// Do not edit anything below this line!
// =====================================

var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function control(how){
if (showHot){
if (how=="H") jss = 1;
if (how=="F") jss = jss + 1;
if (how=="B") jss = jss - 1;
if (jss > (pss)) jss=1;
if (jss < 1) jss = pss;
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
}}

</script>

<link rel="stylesheet" type="text/css" href="../defaultpage.css">

</head>

<!--
Add onload='showHot=true;' to the body tag.  This is
needed to prevent false object calls while the page
is loading. Optional: If you are using this in a
popup, as in this demo, adding self.focus() to the
onload event in the body tag will bring the popup
to the front each time it is loaded [recommended]. 
//-->

<body background="HINTER.GIF">
<body onload='showHot=true;self.focus();' BGCOLOR="#F79C19" link="ffffff" alink="999999" vlink="ffffff" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">


<!--
The following table holds the images, captions, and controls.
Place the table in your page where you want the slideshow
to appear.  Follow the instructions for each table cell.
//-->

<div align="center">
  <center>

<table border=0 cellpadding=5 cellspacing=0 width="603">

  <tr>
   </center>
    <td align=left colspan="5" width="522">
    <p align="left"><font color="ffffff"><b><br>
    </b></font><font color="black"><b>6. PBT-Ausflug Stmk</b></font></p>
    </td>
  </tr>
  <center>

    <!--
    The following three cells contain the controls.
    Each of the control a href's must contain class=
    Controls, to attach the styles (see top of script).
    To dress this up a bit, you can of course substitute
    <img src> images for the text in the links.
    //-->
  <tr>
     <td align="left" width="13">
    <a href="#" onClick="javascript:control('B');"></b></font><font color="black"><<</a>
    </td>
    <td align="left" width="13">
    <a href="#" onClick="javascript:control('H');"></b></font><font color="black">| |</a>
    </td>
    <td align="left" width="13">
    <a href="#" onClick="javascript:control('F');"></b></font><font color="black">>></a>
    </td>
    <td align="left" width="13">
 
    &nbsp;</td>
     <td align="left" width="503">
 
    </td>
</tr>  
  <tr>
    <!--
    The next table cell holds the images.
    Set cell and image width and height the same.
    The img src must have name=PictureBox in its
    tag.  Often, the first image in the Picture
    array in the script is used here; but you
    may also use a different, introductory image
    as we have here, since this image is shown
    only on start-up.
    //-->
    <td width=522 height=280 colspan="5" align="left">
    <img src=PBTStmk001.jpg name=PictureBox width="480" height="318" >
    </td>
  </tr>
  <tr>
    <!-- 
    The next table cell holds the captions.
    This table cell must have id=CaptionBox and
    class=Caption in its tag. The default caption
    shows whilst loading in all browsers; NS4
    will show only the default caption, throughout.
    //-->
    <td id=CaptionBox align=left colspan="5" width="522" >
    Foto: E. WÖSS</td>
  </tr>
</table>

  </center>
</div>

</body>

</html>�