imgsinfo = [];
i = 0;
ii = 1;
the_height = 0;
the_width = 0;

tot = 0;
var imgs = new Asset.images(['images/quad.jpg', 'images/biker.jpg', 'images/kite.jpg', 'images/wake.jpg', 'images/biker2.jpg'],{
 onComplete: function(){
	count = 1;
	imgs.each(
		function(img){
		//
		img.setStyles({
			position:'absolute',
			opacity: 0
			});
		
		img.id = 'img'+count;
		count++;


		imginfo = [img.id, img.width, img.height];
		imgsinfo.push(imginfo);

		img.injectInside($('imgshow'));
		
		});
		init();
 }
});

function init()
{
	tot = imgsinfo.length-1;

	var start_left = $random(0, 180);
	var start_top = $random(0, 120);

	$(imgsinfo[i][0]).setStyles({
		left:start_left,
		top:start_top,
		opacity:1
		});
	ii = i + 1;
	$(imgsinfo[ii][0]).setStyles({
		left:start_left,
		top:start_top,
		width:imgsinfo[i][1],
		height:imgsinfo[i][2]
		});
	p = animate.periodical(3000);
}




function animate()
{
	var new_left = $random(0, 180);
	var new_top = $random(0, 120);

	img_height = $(imgsinfo[ii][0]).getStyle('height');
//	alert(img_height);

  while (new_top+img_height>400)
  {
  var new_top = $random(0, 200);
  }

	
	var myEffect1 = new Fx.Morph(imgsinfo[i][0], {duration: 'normal', transition: Fx.Transitions.Linear}).start({
		'left': new_left,
		'top': new_top,
		'width':imgsinfo[ii][1],
		'height':imgsinfo[ii][2],
		'opacity':0
		});
	ii = i + 1;
	if (ii>tot)
	{
		ii = 0;
	}
	$(imgsinfo[ii][0]).setStyles({
		left:$(imgsinfo[i][0]).getStyle('left').toInt(),
		top:$(imgsinfo[i][0]).getStyle('top').toInt(),
		width:imgsinfo[i][1],
		height:imgsinfo[i][2]
		});
	var myEffect2 = new Fx.Morph(imgsinfo[ii][0], {duration: 'normal', transition: Fx.Transitions.Linear}).start({
		'left': new_left,
		'top': new_top,
		'width':imgsinfo[ii][1],
		'height':imgsinfo[ii][2],
		'opacity':1
		});
	i++;
	if (i>tot)
	{
		i = 0;
	}
}




window.addEvent('domready', function(){
	
	

	});