window.addEvent('domready', function() { 
	var myImages = $$('#photoholder img'); // the images
	var myImgTotal = myImages.length - 1;
	var myImgPos1 = 0;
	var myImgSrcs1 = new Array();
	
	myImages.each( function(el, l) { 
		myImgSrcs1[l] = myImages[l].src;
	});
	
	var mymyImages = new Asset.images(myImgSrcs1, {
		onProgress : function() {
	
		},
		onComplete : function() {
			if (myImages.length > 1) {
				fademyImages.periodical(3500);
			}
		}
	});
	
	function fademyImages() {
		if (myImgPos1 == myImgTotal) {
			fadeImgOut1 = myImgTotal;
			fadeImgIn1 = 0;
			myImgPos1 = 0;
		} else {
			fadeImgOut1 = myImgPos1;
			fadeImgIn1 = myImgPos1 + 1;
			myImgPos1++;
		}
	
		var fadeOut1 = new Fx.Tween(myImages[fadeImgOut1], {
			duration : 10
		});
		var fadeIn1 = new Fx.Tween(myImages[fadeImgIn1], {
			duration : 1500
		});
		
		fadeIn1.start('opacity', [ 0, 1 ]).chain(function() {
			fadeOut1.start('opacity', [ 1, 0 ]);	
		});
	}
});