// JavaScript Document
window.addEvent('domready',function(){
			var busy = false, timer, loadedImages = [], gallery = $('gallery'), progress = $('progress'), bar = $E('#progress .bar'); 
			var load_method = (window.ie ? 'domready' : 'load' );
			gallery.setStyles({'opacity': 20, 'display': 'none'});
			progress.setStyle('visibility', 'hidden');
//			$('clear').setStyle('visibility', 'hidden');
//			$('start').addEvent('click', function(e) {
			window.addEvent(load_method, function(e){
				e = new Event(e).stop();
//				$('start').setStyle('visibility', 'hidden');
//				$('clear').setStyle('visibility', 'hidden');
				if (!busy) {		
					var galleryImgs = $$('#gallery img');
					if (galleryImgs.length > 0) galleryImgs.each(function(image) {	image.remove();	});
					busy = true;
					progress.setStyle('visibility', 'visible');
					gallery.setStyle('display', 'block');
					new Asset.images(images, {
						onProgress: function(i) {
							this.setStyles({
								'position': 'absolute',
								'opacity': 0,
								'left': (gallery.getCoordinates().width / 2) - (this.width / 2),
								'top': (gallery.getCoordinates().height / 2) - (this.height / 2)
							});
							loadedImages[i] = this;
							var percent = ((i + 1) * progress.getStyle('width').toInt()) / images.length;
							bar.setStyle('width', percent).setHTML(i + 1 + ' / ' + images.length);
						},
						onComplete: function() {
							progress.setStyle('visibility', 'hidden');
							var fx = $('gallery').effect('opacity').start(1);
							timer = 0;
							loadedImages.each(function(image, i) {
								
								image.inject(gallery);
								fx = function() {
									var imgEffect = image.effect('opacity', {duration: 5000});
									imgEffect.start(1).chain(function() {
//										alert (images.length);
//										if (i < loadedImages.length - 1) {
										if (i < images.length - 1) {
//											alert (i);
//											for (icon=0;icon<1000000;icon++){
//												alert(icon);
//											}

											this.start(0).chain(function() {
												image.remove();
											});
										} else {
											busy = false;
//											$('clear').setStyle('visibility', 'visible');
//											$('start').setStyle('visibility', 'hidden');
										}
									});
								}.delay(timer * 2);
								timer += 4000;
							});
						}
					});
				}
			});
/*
			$('clear').addEvent('click', function(e) {
				e = new Event(e).stop();
				if (!busy) {
					$$('#gallery img').each(function(image) {
						image.remove();
					});
					var fx = new Fx.Style(gallery, 'opacity', {
						onComplete: function() {
							gallery.setStyle('display', 'none');
						}
					});
					fx.start(0);
				}
				$('clear').setStyle('visibility', 'hidden');
				$('start').setStyle('visibility', 'visible');
			});
*/
		});