function doit (id) {	

if(document.getElementById(id).className == "out") {
$('#'+id).animate({
   // opacity: 1,
    left: '-=100%',
  }, 1000, function() {
    document.getElementById(id).className = "in";
  });	
}

else {

$('#'+id).animate({
    //opacity: 0,
    left: '+=100%',
  }, 200, function() {
    document.getElementById(id).className = "out";
  });	
}

};


function just(id,deb,fin) {
	
setTimeout(function(){doit('ne'+id)},deb);
setTimeout(function(){doit('ne'+id)},fin);

}

function hide(identifiant,tps) {
      if (document.getElementById(identifiant).className == "hidden") {
		 $('#'+identifiant).fadeIn(tps);
         document.getElementById(identifiant).className = "visible";
      } else {
		 $('#'+identifiant).fadeOut(tps);
         document.getElementById(identifiant).className = "hidden";

      }
   }


function movenext(nb,maxx,time) {

var cpt = 1;
var deb=0;
var fin = time;
var who = 1;

while (cpt<=nb*maxx) {
just(who,deb,fin);
cpt++;
if(who==maxx) {who=1;} else {who++;}
deb=fin;
fin=deb+time;
}
	
	}
	
function updateTime() {
	var cTime = new Date();
	
	var hours = cTime.getHours();
	if(hours < 10) {
		hours = "0"+hours;
	}
	
	var minutes = cTime.getMinutes();
	if(minutes < 10) {
		minutes = "0"+minutes;
	}
	
	var seconds = cTime.getSeconds();
	if(seconds < 10) {
		seconds = "0"+seconds;
	}
	document.getElementById('horloge').innerHTML = hours+':'+minutes+':'+seconds;
	setTimeout(function() {
		updateTime();
	}, 1000);
}