function rand(n,m){
return Math.floor((Math.random( ) * (n - m + 1)) + m)-1;
}

window.addEvent('domready', function(){
/////////////////////////////////////////////////////////////////////////////////////////////////
var girl=$('girl');


girl.setStyles({'opacity': 0});
girl.effect('opacity', {duration:6000}).start(1);
///////////////////////////////////////////////////////////////////////////////////////////////

var busy = false, timer, loadedImages = [], gallery = $('gallery'), progress = $('progress'), bar = $E('#progress .bar'); 

var path = '/pic/slide/';
var images = [
	path + '1.jpg',
	path + '2.jpg',
	path + '3.jpg'
];

function rnd() {return rand(-100,100)}
images.sort(rnd);
	gallery.setStyles({'opacity': 0, 'display': 'none'});
	progress.setStyle('visibility', 'hidden');
if (!busy) {
		var galleryImgs = $$('#gallery img');
		busy = true;
		progress.setStyle('visibility', 'visible');
		gallery.setStyle('display', 'block');
		
new Asset.images(images, {
onProgress: function(i) {
	this.setStyles({
		'position': 'absolute',
		'opacity': 0,
		'left': 0,
		'top': 0
	});

	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 = 1;	
	var timer_timer = 2000; 			//timer_timer
	while ( timer < timer_timer)
	{
	loadedImages.each(function(image, i) {
	var a=rand(3000,3500);
	timer += a;
	image.inject(gallery);
	fx = function() {
	var imgEffect = image.effect('opacity', {duration: a}); 
	a=rand(6000,7000);
	var myEffects = image.effects({duration: a});
	imgEffect.start(1).chain(function() {
	this.start(0).chain(function() {
		});
	   });
	}.delay(timer * 2);
	});
	
}
}
});
}

});