﻿// the array of known images to handle in the image block
var g_vecAllImages = new Array( );

// the currently active set of images
var g_vecActiveImages = new Array( );

// the index of the currently selected image
var g_currentImage;

$(document).ready(function(){

  g_mainMenuEntrySelected = "#m_willkommen";

  InitializeImageUrls( );
  
  PrefetchImages( );  

  // calculate the timer - visibility time of the image plus both fading times
  var nTimer = g_imagesVisible + g_imagesFadeIn + g_imagesFadeOut;
  nTimer = nTimer * 1000;
 
  // swap the images in a timed manner
  $("#galeryimage").everyTime( nTimer, "imageTimer", SwitchGraphics ); 
  
});

function InitializeImageUrls( )
{
  g_vecAllImages["#m_kontakt"] = new Array( "images/kontakt1.jpg",
    					                    "images/kontakt2.jpg",
    						                "images/kontakt3.jpg"
						                  );
  g_vecAllImages["#m_gaestebuch"] = new Array( "images/gaestebuch1.jpg",
    						                   "images/gaestebuch2.jpg",
    						                   "images/gaestebuch3.jpg"
						                     );
  g_vecAllImages["#m_wettbewerb"] = new Array( "images/wertungsspiel1.jpg",
    						                   "images/wertungsspiel2.jpg",
    						                   "images/wertungsspiel3.jpg"
						                     );
  g_vecAllImages["#m_umzug"] = new Array( "images/umzug1.jpg",
    						              "images/umzug2.jpg",
    						              "images/umzug3.jpg"
    						            );
  g_vecAllImages["#m_willkommen"] = new Array( "images/home1.jpg",
    						                   "images/home2.jpg",
    						                   "images/home3.jpg",
    						                   "images/home4.jpg"
    						                 );
  g_vecAllImages["#m_programm"] = new Array( "images/programm1.jpg",
    						                 "images/programm2.jpg",
    						                 "images/programm3.jpg"
    						               );
  g_vecAllImages["#m_jugendschutz"] = new Array( "images/sicherheit1.jpg",
    						                     "images/sicherheit2.jpg",
    						                     "images/sicherheit3.jpg"
    						                   ); 
  g_vecAllImages["#m_anreise"] = new Array( "images/anreise1.jpg",
    						                "images/anreise2.jpg",
    						                "images/anreise3.jpg"
    						              ); 
  g_vecAllImages["#m_fahne"] = new Array( "images/fahne1.jpg",
    						              "images/fahne2.jpg",
    						              "images/fahne3.jpg"
    						            ); 
  g_vecAllImages["#m_sponsoren"] = new Array( "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren45.jpg",
    						                  "images/sponsoren46.jpg",
    						                  "images/sponsoren47.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren43.jpg",
    						                  "images/sponsoren44.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren41.jpg",
    						                  "images/sponsoren42.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren38.jpg",
    						                  "images/sponsoren39.jpg",
    						                  "images/sponsoren40.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren35.jpg",
    						                  "images/sponsoren36.jpg",
    						                  "images/sponsoren37.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren32.jpg",
    						                  "images/sponsoren33.jpg",
    						                  "images/sponsoren34.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren29.jpg",
    						                  "images/sponsoren30.jpg",
    						                  "images/sponsoren31.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren26.jpg",
    						                  "images/sponsoren27.jpg",
    						                  "images/sponsoren28.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren21.jpg",
    						                  "images/sponsoren22.jpg",
    						                  "images/sponsoren23.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren24.jpg",
    						                  "images/sponsoren25.jpg",
    						                  "images/sponsoren26.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren17.jpg",
    						                  "images/sponsoren18.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren19.jpg",
    						                  "images/sponsoren20.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren15.jpg",
    						                  "images/sponsoren16.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren13.jpg",
    						                  "images/sponsoren14.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren11.jpg",
    						                  "images/sponsoren12.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren9.jpg",
    						                  "images/sponsoren10.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren3.jpg",
    						                  "images/sponsoren4.jpg",
    						                  "images/sponsoren5.jpg",
    						                  "images/sponsoren1.jpg",
    						                  "images/sponsoren2.jpg",
    						                  "images/sponsoren6.jpg",
    						                  "images/sponsoren7.jpg",
    						                  "images/sponsoren8.jpg"
    						                ); 
  g_currentImage = 0;

}

function PrefetchImages( )
{
  for ( var ii in g_vecAllImages )
  {
    for ( var jj in g_vecAllImages[ii] )
    {
      var im = new Image( );

      im.src = g_vecAllImages[ii][jj];
    }
  }
}


function SwapImages( )
{
  // simply fade out this image and then show it again
  $("#galeryimage").fadeOut( g_imagesFadeOut * 1000, ShowNextImage );
}

function ShowNextImage( )
{
  // calculate a random index
  //var nRandom = 0;
  //
  // if we have more than one picture in the array
  //if ( g_vecActiveImages.length != 1 )
  //{
  //  nRandom = Math.floor( Math.random() * g_vecActiveImages.length );
  //  
  //  // make sure we do not use the same picture twice
  //  while ( g_vecActiveImages[nRandom] == $("#galeryimage").attr( "src" ) )
  //  {
  //    nRandom = Math.floor( Math.random() * g_vecActiveImages.length );
  //  }
  //}
  
  ++g_currentImage;
  if ( g_vecActiveImages.length <= g_currentImage )
  {
    g_currentImage = 0;
  }
  
  // now set the image with the random index just created
  $("#galeryimage").attr( "src", g_vecActiveImages[g_currentImage] );
  
  // simply fade out this image
  $("#galeryimage").fadeIn( g_imagesFadeIn * 1000 );
}

function SwitchGraphics(  )
{
  // get the sub array for the currently selected menu entry
  g_vecActiveImages = g_vecAllImages[ g_mainMenuEntrySelected ];
    
  // now display the next image
  SwapImages( );
}
