var progressEnd = 30;		// set to number of progress span 's.
var progressColor = '#98FB98';	// set to progress bar color
var progressInterval = 100;	// set to time between updates (milli-seconds)
var size=3;
var progressAtA = 1;
var progressAtB = progressAtA+size;
var progressSens = 1;
var progressTimer;
function progress_clear() {
	for (var i = 1; i <= size+1; i++) document.getElementById('progress'+i).style.backgroundColor = progressColor;
	for (var i = size+2; i <= progressEnd; i++) document.getElementById('progress'+i).style.backgroundColor = 'transparent';
	progressAtA = 1;
	progressAtB = progressAtA+size;
}
function progress_update() {
	if (progressAtB > progressEnd || progressAtB<1) {
		progressSens=-progressSens;
		var temp = progressAtA+progressSens;
		progressAtA=progressAtB+progressSens;
		progressAtB=temp;
	}
	document.getElementById('progress'+progressAtA).style.backgroundColor = 'transparent';
	document.getElementById('progress'+progressAtB).style.backgroundColor = progressColor;

	progressTimer = setTimeout('progress_update()',progressInterval);
	progressAtA=progressAtA+progressSens;
	progressAtB=progressAtB+progressSens;	
}
function progress_stop() {
	clearTimeout(progressTimer);
	progress_clear();
}
function gogo() {
var chaine ="";
	chaine += "<div id='titre'>Chargement en cours, veuillez patienter...</div><div id='barre'>"
	
	for (var i=1;i<31;i++){
		
		chaine += '<span id="progress'+i+'">&nbsp;&nbsp;</span>'; 
	}
	chaine += "</div>"
	document.getElementById('chargement').innerHTML = chaine;
	
	progress_clear();
progress_update();		// start progress ba
}