$(document).ready(
  function()
  {
    init();
  }
);
/*----------------------*/
/*------ ANPASSEN ------*/
var imgClass = 'galImage'; // image-classen-name
var fadeTime = 1500;       //  fade-geschwindigkeit in millisekunden
var intervalTime = 15000;  //  bildwelchsel-interval in millisekunden
/*------ ANPASSEN ------*/
/*----------------------*/

var timeStamp=0;
var picID='i1';
var preImages;

function init(){
  loadImages(); 
}

function loadImages()
{
	preImages = new Array();
	pictures = $('.'+imgClass);
	$(pictures[0]).addClass('active');
	$(pictures[0]).fadeIn(fadeTime);
	
	for (i = 0; i < pictures.length; i++) 
	{
		preImages[i] = new Image();
		preImages[i].src = $(pictures[i]).attr('src');
	}
	check(0);
}

function check(done)
{
   
	for (i = 0; i < preImages.length; i++) {
		if (preImages[i].complete==true) {
			if (done < preImages.length) {
				done++;
			} else {
			  timeStamp = window.setInterval(function(){ controlInterval(); }, intervalTime);
				return;
			}
		}
	}
	setTimeout("check(" + done + ")", 10);
}

function controlInterval()
{
  var activePicID  = $('img.active').attr('id');
  var key = new Number(picID.substring(1));
  var max = $('.'+imgClass).length;
  if(key < max){
    picID = 'i'+(key+1);
  }else{
    picID = 'i1';
  }
  picAction();
}


function picAction()
{ 
	$('.'+imgClass).each(
		function()
		{
			$(this).fadeOut(fadeTime);
		}
	);
	$('.'+imgClass).removeClass('active');
	$('#'+picID).addClass('active');
	window.setTimeout(function(){ $('#'+picID).fadeIn(fadeTime); },fadeTime);
}