var x=150;
var y=0;
var vitesse=60;
var duree=5000;
var maxpix=850;
var amplitude=50;
var space=6;

var pty=150;

var dx = 2;
var dy = 4;
var dim = 150;

var ok=0;



function clearthediv()
{
	document.getElementById("bloc_deplacement_1").style.display="none";
	document.getElementById("bloc_deplacement_2").style.display="none";
}

function movethediv(vitesse,maxpix)
{
	chiffre = (Math.round(Math.random() * (6)));
	chiffre = 6;
	if(chiffre <= 1)
	{
		animationID = setInterval("doMove()",vitesse);
	}
	else if(chiffre == 2)
	{
		animationID = setInterval("doMovehor()",vitesse);
	}
	else if(chiffre == 3)
	{
		animationID = setInterval("doMovever()",vitesse);
	}
	else if(chiffre == 4)
	{
		animationID = setInterval("doMovecoucou()",vitesse);
	}
	else if(chiffre == 5)
	{
		animationID = setInterval("doMovebou()",vitesse);
	}
	else if(chiffre >= 6)
	{
		animationID = setInterval("doMoverebond()",vitesse);
	}
	
	if (x>maxpix) 
	{ 
		stopMove();
	}
}

function stopMove()
{
	clearInterval(animationID);
	clearthediv();
}

function doMove() 
{

	if (x<maxpix) 
	{
		x=x+space;
		
		//pty = y+Math.cos(x+pty/amplitude)*amplitude;
		pty = y+Math.cos(x)*amplitude;
		//alert(pty);
	}
	else
	{
		stopMove();
	}
	
	
	// Assignation des nouvelles coordonnées au div
	document.getElementById("bloc_deplacement_1").style.left=x+"px";
	document.getElementById("bloc_deplacement_2").style.left=x+"px";
	document.getElementById("bloc_deplacement_1").style.top=pty+"px";
	document.getElementById("bloc_deplacement_2").style.top=pty+"px";
	return;
}

function doMovehor() 
{

	if (x<maxpix) 
	{
		x=x+4;
		
		//pty = y+Math.cos(x+pty/amplitude)*amplitude;
		pty = y;
		//alert(pty);
	}
	else
	{
		stopMove();
	}
	
	
	// Assignation des nouvelles coordonnées au div
	// Assignation des nouvelles coordonnées au div
	document.getElementById("bloc_deplacement_1").style.left=x+"px";
	document.getElementById("bloc_deplacement_2").style.left=x+"px";
	document.getElementById("bloc_deplacement_1").style.top=pty+"px";
	document.getElementById("bloc_deplacement_2").style.top=pty+"px";
	return;
}

function doMovever() 
{

	if (x<maxpix) 
	{
		x=x + 4;
		
		//pty = y+Math.cos(x+pty/amplitude)*amplitude;
		pty = pty + 4;
		//alert(pty);
	}
	else
	{
		stopMove();
	}
	
	
	// Assignation des nouvelles coordonnées au div
	document.getElementById("bloc_deplacement_1").style.left=x+"px";
	document.getElementById("bloc_deplacement_2").style.left=x+"px";
	document.getElementById("bloc_deplacement_1").style.top=pty+"px";
	document.getElementById("bloc_deplacement_2").style.top=pty+"px";
	return;
}


function doMovecoucou() 
{

	if (x>-100 && ok == 0) 
	{
		x=x - 4;
		ok = 0;
		
		//pty = y+Math.cos(x+pty/amplitude)*amplitude;
		pty = pty;
		//alert(pty);
	}
	else if(x<40)
	{
		ok = 1;
		x= x + 4;
	}
	else if(x<60)
	{
		ok = 0;
	}
	else
	{
		stopMove();
	}
	
	
	// Assignation des nouvelles coordonnées au div
	document.getElementById("bloc_deplacement_1").style.left=x+"px";
	document.getElementById("bloc_deplacement_2").style.left=x+"px";
	document.getElementById("bloc_deplacement_1").style.top=pty+"px";
	document.getElementById("bloc_deplacement_2").style.top=pty+"px";
	return;
}


function doMovebou() 
{

	if (x>145) 
	{
		x=x - 4;
		pty=pty-4;
		//pty = y+Math.cos(x+pty/amplitude)*amplitude;
		pty = pty;
		//alert(pty);
	}
	else if(x<150)
	{
		x= x + 4;
		pty=pty+4;
	}

	else
	{
		stopMove();
	}
	
	
	// Assignation des nouvelles coordonnées au div
	document.getElementById("bloc_deplacement_1").style.left=x+"px";
	document.getElementById("bloc_deplacement_2").style.left=x+"px";
	document.getElementById("bloc_deplacement_1").style.top=pty+"px";
	document.getElementById("bloc_deplacement_2").style.top=pty+"px";
	return;
}

function doMoverebond() 
{
	dom=false; ie4=false; nn4=false; 
	docall=false; ie56=false; nn6=false;
	if (document.getElementById)  
	  dom=true;
	else if (document.layers) 
	  nn4=true;
	if (document.all)  
	  docall=true; 
	if (!dom && docall) 
	  ie4=true;
	if (dom && docall)
	  ie56=true;
	if (dom && !docall)
	  nn6=true;
	  
	  

	 
	if (nn6 || nn4) 
	{
	if ((x+dx >(window.innerWidth-dim)) || (x+dx<0)) 
	  dx= -dx;
	if( (y+dy >(window.innerHeight-dim)) || (y+dy<0))
	  dy= -dy;
	} 
	else if (ie4 || ie56) 
	{
		if ((x+dx >(screen.availWidth-20-dim)) || (x+dx<0)) 
		  dx= -dx;
		if ((y+dy >(screen.availHeight-130-dim)) || (y+dy<0)) 
		  dy= -dy;
	 }
	 x += dx; y += dy;
	
	
	
	// Assignation des nouvelles coordonnées au div
	document.getElementById("bloc_deplacement_1").style.left=x+"px";
	document.getElementById("bloc_deplacement_2").style.left=x+"px";
	document.getElementById("bloc_deplacement_1").style.top=y+"px";
	document.getElementById("bloc_deplacement_2").style.top=y+"px";
	return;
}