/**
 * @author davide
 */

		window.addEvent('domready',function() {
			/* preloading */
			var imagesDir = '../images/';
					var images = ['fila.JPG','postazioni.JPG','smart.JPG','fila.JPG','esterno.JPG'];
			var holder = document.id('fotobox');
			images.each(function(img,i){ images[i] = imagesDir + '' + img; }); //add dir to images
			var progressTemplate = 'Loading image {x} of ' + images.length;
			var updateProgress = function(num) {
				progress.set('text',progressTemplate.replace('{x}',num));
			};
			var progress = document.id('progress');
			updateProgress('text','0');
			var loader = new Asset.images(images, {
				onProgress: function(c,index) {
					updateProgress('text',index + 1);
				},
				onComplete: function() {
					var slides = [];
					/* put images into page */
					images.each(function(im) {
						slides.push(new Element('img',{ 
							src:im, 
							width: 310, 
							height: 208,
							styles: {
								opacity:0,
								top:5,
								left:5,
								position:'absolute',
								'z-index': 10
							}
						}).inject(holder));
						holder.setStyle('background', 'url(../images/onda.png) center 55px no-repeat');
						/*holder.setStyle('background', 'background-color #fff','url(../images/onda.png) center 80px no-repeat');*/
					});
					var showInterval = 15000;
					var index = 0;
					progress.set('text','');
					(function() {slides[index].tween('opacity',1); }).delay(3000);
					var start = function() {
						(function() {
							holder.setStyle('background','');
							slides[index].fade(0);
							++index;
							index = (slides[index] ? index : 0);
							slides[index].fade(1);
						}).periodical(showInterval);
					};
					
					/* start the show */
					start();
				}
			});
		});