//<!--

var FilmLength = 24,LoadIt = 1 ;
var Buffer ;
var Pictures, Titles, CurrTag ;
var Filmstreifen,FilmstreifenStyle,PerforationObenStyle,PerforationUntenStyle,PerforationLinksStyle,Filmzelle,Film,Frames ;
var Animator,LoadBuffer,MovePic ;
var PicNum = 1 ;
var CurrFrame = 0 ;
var ShowFrame = 0 ;
var PicSpace = 3 ;
var FrameWidth ;
var FilmHeight,FilmWidth ;
var FilmstreifenLeft = 0, Perf = 0, PerfPos ;
var PicsWidth = 0 ;
var ReinFrame,LoadFrame,ReinPos  ;

function init()
{
  var i,n,Link,Frame ;

  Frames = document.getElementsByTagName("script")[1] ;
  if( !Frames ) Frames = document.getElementById( "Frames" ) ;

  Film                     = document.getElementById( "Film" ) ;
  FilmHeight               = Film.height ;
  //FilmWidth                = Film.width ;
  FilmWidth                = window.innerWidth ;
  //FilmWidth                = document.getElementById( "Filmzelle" ).width ;
  PerforationObenStyle     = document.getElementById( "PerforationOben" ).style ;
  PerforationUntenStyle    = document.getElementById( "PerforationUnten" ).style ;
  PerforationRandStyle     = document.getElementById( "PerforationRosa" ).style ;
  Filmstreifen             = document.getElementById( "Filmstreifen" ) ;
  Filmzelle                = document.getElementById( "Filmzelle" ) ;
  FilmstreifenStyle        = Filmstreifen.style ;
//-->

  FilmstreifenStyle.whiteSpace = "nowrap" ;
  FilmstreifenStyle.overflow   = "visible" ;

//<!--
//  Filmzelle.style.width    = FilmWidth + "px" ;
  Film.hspace              = 0 ;
  ReinPos                  = FilmWidth + 8 * PicSpace ;
  //ReinPos                  = window.innerWidth + 8 * PicSpace ;

  GetPictures() ;

  while( Filmstreifen.firstChild ) Filmstreifen.removeChild( Filmstreifen.firstChild ) ;
  for( i=0; i<FilmLength; i++ )
  {
    Link         = document.createElement( "a" ) ;
    Link.target  = "einzel" ;
    Frame        = document.createElement( "img" ) ;
    Frame.width  = 1 ;
    Frame.height = FilmHeight ;
    Frame.border = 0 ;
    Frame.hspace = 0 ;
    Frame.style.position = "relative" ;
    Filmstreifen.appendChild( Link ) ;
    Filmstreifen.lastChild.appendChild( Frame ) ;
    Filmstreifen.lastChild.style.position = "relative" ;
    Filmstreifen.lastChild.style.left = ReinPos + "px" ;
    Filmstreifen.lastChild.style.top  = "0px" ;
  }
  Buffer      = new Image() ;
  Buffer.src  = Pictures[0] ;
  CurrTag     = Titles[0] ;
  ReinFrame   = Filmstreifen.firstChild ;
  LoadFrame   = Filmstreifen.firstChild ;
  LoadBuffer  = window.setInterval( "GetNewBuffer()",20 ) ;
  Animator    = window.setTimeout( "Animator = window.setInterval( \"BildRein()\",50 )",3000 ) ;
}

function GetNewBuffer()
{
  if( Buffer.complete )
  {
    window.clearInterval( LoadBuffer ) ;
    LoadFrame.firstChild.src    = Buffer.src ;
    LoadFrame.firstChild.title  = CurrTag ;
    LoadFrame.firstChild.width  = Math.round( Buffer.width * FilmHeight/Buffer.height ) ;
    LoadFrame.firstChild.height = FilmHeight ;
    LoadFrame.width             = Math.round( Buffer.width * FilmHeight/Buffer.height ) ;
//-->

    LoadFrame.href              = "/documentation/EinzelBild.uhtml?CurrPic=" + Buffer.src.replace( /\D/g,"" ) ;


    CurrTag                     = Titles[PicNum] ;
    Buffer                      = new Image() ;
    Buffer.src                  = Pictures[PicNum++] ;
    if( PicNum >= Pictures.length ) PicNum = 0 ;
    if( LoadFrame = LoadFrame.nextSibling ) LoadBuffer = window.setInterval( "GetNewBuffer()",30 ) ;
  }
}

//<!--

function MoveFilm()
{
  var Pic ;

  if( FilmstreifenLeft > FrameWidth )
  {
    FilmstreifenStyle.left = --FilmstreifenLeft + "px" ;
  //  FilmstreifenStyle.clip     = "rect(0px, 800px, 40px, " + FilmstreifenLeft + "px)" ;
    PerfPos = --Perf + "px 0px" ;
    PerforationObenStyle.backgroundPosition  = PerfPos ;
    PerforationUntenStyle.backgroundPosition = PerfPos ;
    PerforationRandStyle.backgroundPosition  = PerfPos ;
    if( Perf < 0 ) Perf = 11 ;
  }
  else
  {
    Filmstreifen.appendChild( Filmstreifen.firstChild ) ;
    FilmstreifenLeft       = 0 ;
    FilmstreifenStyle.left = "0px" ;
    FilmstreifenStyle.top  = "0px" ;
    FrameWidth             = -Filmstreifen.firstChild.width - 2*PicSpace ;
    if( Buffer.complete )
    {
      Filmstreifen.lastChild.firstChild.src    = Buffer.src ;
      Filmstreifen.lastChild.firstChild.title  = CurrTag ;
      Filmstreifen.lastChild.firstChild.width  = Math.round( Buffer.width * FilmHeight/Buffer.height ) ;
      Filmstreifen.lastChild.firstChild.height = FilmHeight ;
      Filmstreifen.lastChild.width             = Filmstreifen.lastChild.firstChild.width ;
//-->

      Filmstreifen.lastChild.href = "/documentation/EinzelBild.uhtml?CurrPic=" + Buffer.src.replace( /\D/g,"" ) ;


      CurrTag    = Titles[PicNum] ;
      Buffer.src = Pictures[PicNum++] ;
      if( PicNum >= Pictures.length )
      {
        GetPictures() ;
        PicNum = 0 ;
      }
    }
  }
}

//<!--

function BildRein()
{
  if( ReinFrame.firstChild.src  )
  {
    ReinPos -= 5 ;
    ReinFrame.style.left = ReinPos + "px" ;
    if( ReinPos <= 0 )
    {
      window.clearInterval( Animator ) ;
      ReinFrame.style.left = "0px" ;
      ReinPos = FilmWidth - PicsWidth ;
      PicsWidth += ReinFrame.firstChild.width ;
      if( ReinFrame.nextSibling && PicsWidth <= FilmWidth )
      {
        ReinFrame = ReinFrame.nextSibling ;
        Animator = window.setInterval( "BildRein()",50 ) ;
      }
      else
      {
        ReinFrame = Filmstreifen.firstChild ;
        FilmstreifenStyle.backgroundImage = "" ;
        Animator = window.setInterval( "BilderAuseinander()",250 ) ;
      }
    }
  }
}

function BilderAuseinander()
{
  var i ;

  if( PicsWidth > 0 && ReinFrame )
  {
    ReinFrame.firstChild.hspace = PicSpace ;
    PicsWidth -= ReinFrame.firstChild.width ;
    ReinFrame = ReinFrame.nextSibling ;
  }
  else
  {
    window.clearInterval( Animator ) ;
    for( ReinFrame=Filmstreifen.firstChild; ReinFrame;  ReinFrame=ReinFrame.nextSibling )
    {
      ReinFrame.style.left = "0px" ;
      ReinFrame.firstChild.hspace = PicSpace ;
    }
    FrameWidth = -Filmstreifen.firstChild.width - 2*PicSpace ;
    Animator   = window.setInterval( "MoveFilm()",120 ) ;
  }
}

function WindowInfo(Nummer)
{
  window.status="HEHEHE "+Nummer ;
}

function ShufflePictures()
{
  for( k=1+500/Pictures.length; k>0; k-- )
  {
    for( i=0; i<Pictures.length; i++ )
    {
      n = Math.floor( Math.random() * Pictures.length ) ;
      if( n != i )
      {
        t           = Pictures[i] ;
        Pictures[i] = Pictures[n] ;
        Pictures[n] = t ;
        t           = Titles[i] ;
        Titles[i]   = Titles[n] ;
        Titles[n]   = t ;
      }
    }
  }
}

function GetPictures()
{
  delete Pictures ;
  delete Titles ;
  Pictures = new Array() ;
  Titles   = new Array() ;
  LoadFrames() ;
  ShufflePictures() ;
  window.setTimeout( "Frames.src = \"/Frames.ujs?200Zufallsbilder&Load=\" + LoadIt++",5000 ) ;
}

//-->