window.addEvent('domready', function() 
{
	
	var ap = $('aniprogress');
	var imgcaption = $('imgcaption');
	
		
	/* preloading */	
	var loader = new Asset.images(images, {
		onProgress: function(counter,index) {			
			//ap.set('text', 'Lade Bild '+(counter+1)+' von '+images.length);
			
			//start if 1st pic loaded (index 0)
			if(counter == 1)
			{
				var i = 1;
				var nel = new Element('img',{ src:images[0], 'id':'img'+i, 'class':'aniimage' }).inject($('anielement'));								
														
				var myTween = new Fx.Tween(nel, {duration: 300});
				myTween.start('opacity', '0', '1');
				
				SetImgText(0);
			}
		},
		onComplete: function() {
			var i = 1;
			images.each(function(im) {	
				ap.set('text', '');				
				var nel = new Element('img',{ src:im, 'id':'img'+i, 'class':'aniimage' }).inject($('anielement'));				
				i++;				
				/*if(im == images[0]) //show first pic
				{															
					var myTween = new Fx.Tween(nel, {duration: 300});
					myTween.start('opacity', '0', '1');
				}	*/
							
			});
			StartAni();
		}
	});
		
	
	
	function StartAni()
	{
		//get h. image
		var highestnr = images.length;		
		var cnt = 1;
		var cntold = 1;
		
		var addCount = function()
		{ 				
			cnt++;		
			if(cnt >= highestnr + 1)
				cnt = 1;
			
			//alert(cnt + " " + cntold);
			//fade out
			var myTween = new Fx.Tween($('img'+cntold), {duration: 1000, delay: 1000});
			myTween.start('opacity', '1', '0');
			//fade in
			var myTween = new Fx.Tween($('img'+cnt), {duration: 1000, delay: 1000});
			myTween.start('opacity', '0', '1');
			
			//txt
			SetImgText(cntold);
			
			
		
			cntold = cnt;
		};
		addCount.periodical(2000);
	}

	function SetImgText(cntold)
	{
		imgcaption.set('text', imgcaptions[cntold]);
		if(imgcaptions[cntold].length > 0)
			imgcaption.setStyle('display', 'block');
		else
			imgcaption.setStyle('display', 'none');
	}
	
});