// set up some random variables
/*var cloudSpeed = new Array();*/
var cloudNum = new Array();
var cloudW = new Array('191px','104px','124px');
var cloudH = new Array('56px','46px','40px');
/*var beetleSpeed = new Array();*/
var beetleNum = new Array();
var beetleW = new Array('168px','202px','137px');
var beetleH = new Array('76px','90px','62px');
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
MM_preloadImages('images/cloud-0-trans.png','images/cloud-1-trans.png','images/cloud-2-trans.png','images/beetle-0-trans.png','images/beetle-1-trans.png','images/beetle-2-trans.png')

function randomise() {
	// three of each
	for (i=0;i<3;i++) {
		/*cloudSpeed[i] = Math.floor(Math.random() * 10 - 5 + 1) + 5;
		beetleSpeed[i] = Math.floor(Math.random() * 10 - 5 + 1) + 5;*/
		// clouds
		cloudNum[i] = Math.floor(Math.random() * 3);
		document.getElementById('cloud'+i).src = 'images/cloud-' + cloudNum[i] + '-trans.png';
		document.getElementById('cloud'+i).style.width = cloudW[cloudNum[i]];
		document.getElementById('cloud'+i).style.height = cloudH[cloudNum[i]];
		document.getElementById('cloud'+i).style.top = Math.floor(Math.random() * 140 - 35 + 1) + 35 + 'px';
		// beetles
		beetleNum[i] = Math.floor(Math.random() * 3);
		document.getElementById('beetle'+i).src = 'images/beetle-' + beetleNum[i] + '-trans.png';
		document.getElementById('beetle'+i).style.width = beetleW[beetleNum[i]];
		document.getElementById('beetle'+i).style.height = beetleH[beetleNum[i]];
		document.getElementById('beetle'+i).style.top = Math.floor(Math.random() * 140 - 35 + 1) + 35 + 'px';
	}
}

var moveRight1 = {
	type: 'left',
	from: 0,
	to: 2000,
	step: 5,
	delay: 20
};
var moveRight2 = {
	type: 'left',
	from: 0,
	to: 2000,
	step: 5,
	delay: 20
};
var moveRight3 = {
	type: 'left',
	from: 0,
	to: 2000,
	step: 5,
	delay: 20
};
var moveLeft1 = {
	type: 'right',
	from: 0,
	to: 2000,
	step: 5,
	delay: 20
};
var	moveLeft2 = {
	type: 'right',
	from: 0,
	to: 2000,
	step: 5,
	delay: 20
};
var	moveLeft3 = {
	type: 'right',
	from: 0,
	to: 2000,
	step: 5,
	delay: 20
};
window.onload = function () {
	animate();
}
a = self.setInterval("animate()",10000);
function animate() {
	randomise();
	$fx('#cloud0').fxAdd(moveRight1).fxRun(null,1);
	$fx('#beetle0').fxAdd(moveLeft1).fxRun(null,1);
	$fx('#cloud1').fxAdd(moveRight2).fxHold(1500).fxRun(null,1);
	$fx('#beetle1').fxAdd(moveLeft2).fxHold(1500).fxRun(null,1);
	$fx('#cloud2').fxAdd(moveRight3).fxHold(3000).fxRun(null,1);
	$fx('#beetle2').fxAdd(moveLeft3).fxHold(3000).fxRun(null,1);
}