/* fonction pour la déplacer */
function movemob()
{
	/* on attribu a X la position gauche (parseint pour ne pas avoir px a la fin) de la mobilette (Id 1) */
	var X = parseInt(document.getElementById("Mobi").style.left);
	/* On incrémente X de 5 */
	X+=5;
	/* si X dépasse de la banniérre alors on le renvoi à gauche*/
	if (X>parseInt(document.getElementsByName("MidImg")[0].width)+20)
		X=150;
	/* et on décal la mobilité, en ajoutant px*/
	document.getElementById("Mobi").style.left = X + "px";
}

/* Si la fenêtre est redimmensionnée */
function Resize()
{
	/* L'image du mileu (bande verte est élargie a la largeur du document - la taille des 2 autres images */
	document.getElementsByName("MidImg")[0].width = document.body.clientWidth-366;
	/* Rennes est recentrée dans le document */
	document.getElementsByName("Rennes")[0].style.left = (document.body.clientWidth-250)/2+"px";
}
				
/* Initialisation */
function init()
{			
	/* Redimensionnement des images */
	Resize();
	/* On place la mobilette à gauche */
	document.getElementById("Mobi").style.left = "150px";  
	/* On lance la fonction de déplacement toute les 75ms */
    setInterval("movemob()",75);
}