/////////////// Init
var MovingObjs = [
	{
		'name':'/images/ete/move-bird1.gif',
		'speed':100,
		'chemin':[-30,100, 200,150, 430,100, 660,50, 890,100, 660,150, 890,100, 660,150, 430,100, 200,150, -30,100,]
	},
	{
		'name':'/images/ete/move-bird1.gif',
		'speed':100,
		'chemin':[-100,100, 300,50, 700,100, 300,50, -100,100,]
	},
	{
		'name':'/images/ete/move-bird1.gif',
		'speed':100,
		'chemin':[-100,0, 20,20, 300,100, 580,150, 860,80, 1140,25, 1020,100, 740,25, 460,80, 180,0, -100,150, ]
	}
];
function initMove() {
	var movingImages = document.getElementById('oiseaux');
	var m = MovingObjs.length;
	for (var i=0; i<m; i++) {
		MovingObjs[i]['tag'] = new Image();
		MovingObjs[i]['tag'].src =  MovingObjs[i]['name'];
		MovingObjs[i]['pointer'] = 0;
		MovingObjs[i]['speed_cpt'] = 0;
		MovingObjs[i]['tag'].style.left = MovingObjs[i]['chemin'][0] + 'px';
		MovingObjs[i]['tag'].style.top  = MovingObjs[i]['chemin'][1] + 'px';
		movingImages.appendChild(MovingObjs[i]['tag']);
	}
	
	setTimeout('runningGo()', 1000);
	
}

/////////////// objet qui bouge

function runningGo() {
	var next,prev,calc,p;
	var m = MovingObjs.length;
	for (var i=0; i<m; i++) {
		p = MovingObjs[i]['pointer']*2;
		next = MovingObjs[i]['chemin'][ p+2 ];
		prev = MovingObjs[i]['chemin'][ p ];
		calc = prev + MovingObjs[i]['speed_cpt'] * (next-prev) / MovingObjs[i]['speed'];
		MovingObjs[i]['tag'].style.left = calc+'px';

		next = MovingObjs[i]['chemin'][ p+2 + 1 ];
		prev = MovingObjs[i]['chemin'][ p + 1 ];
		calc = prev + MovingObjs[i]['speed_cpt'] * (next-prev) / MovingObjs[i]['speed'];
		MovingObjs[i]['tag'].style.top = calc+'px';

		MovingObjs[i]['speed_cpt']++;
		if (MovingObjs[i]['speed_cpt']>=MovingObjs[i]['speed']) {
			MovingObjs[i]['speed_cpt'] = 0;
			MovingObjs[i]['pointer']++;
			if (MovingObjs[i]['pointer'] >= MovingObjs[i]['chemin'].length/2-1)
				MovingObjs[i]['pointer']=0;
		}
	}
	setTimeout('runningGo()', 100);
}


/////////////// placement auto dans body onload
if (window.addEventListener){
	window.addEventListener("DOMContentLoaded", initMove, false);
}
else if (window.attachEvent){
	window.attachEvent("onload", function(){ initMove(); } );
}